:root{
  --color-accent:#ff385c;--color-accent-dark:#e00b41;--color-ink:#222222;--color-muted:#6a6a6a;--color-grey:#c1c1c1;--color-line:#ebebeb;--color-soft:#f7f7f7;--color-white:#ffffff;
  --radius-card:12px;--radius-card-lg:14px;--radius-input:8px;--radius-pill:9999px;--shell:1440px;
  --shadow-soft:0 0 0 1px rgba(0,0,0,.02),0 2px 6px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.08);
  --font-primary:"Archivo",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);color:var(--color-ink);background:var(--color-white);font-size:14px;line-height:1.43;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}.site-shell,.container{width:min(var(--shell),calc(100% - 80px));margin-inline:auto}.site-main{padding-top:80px}.is-home .site-main{padding-top:0}

/* Odak corporate header base */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:96px;color:var(--color-ink);background:rgba(255,255,255,.96);border-bottom:1px solid transparent;backdrop-filter:saturate(180%) blur(18px);transition:height .35s cubic-bezier(.2,.7,.2,1),background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.site-header--hero{color:#fff;background:linear-gradient(180deg,rgba(2,6,10,.66) 0%,rgba(2,6,10,.34) 56%,rgba(2,6,10,.08) 82%,transparent 100%);backdrop-filter:none}.site-header.scrolled,.site-header.menu-open,.site-header--inner{height:82px;color:var(--color-ink);background:rgba(255,255,255,.94);border-color:rgba(0,0,0,.055);box-shadow:0 10px 38px rgba(15,23,42,.055);backdrop-filter:saturate(180%) blur(18px)}.header-row{position:relative;z-index:2;width:min(1680px,calc(100% - 96px));height:100%;margin-inline:auto;display:flex;align-items:center;gap:36px}.brand{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:150px;z-index:2}.brand-logo{max-width:205px;max-height:57px;width:auto;height:auto;transition:opacity .25s ease,transform .25s ease}.brand:hover .brand-logo{transform:translateY(-1px)}.brand-logo--light,.brand-name--light{display:none}.site-header--hero:not(.scrolled):not(.menu-open) .brand-logo--dark,.site-header--hero:not(.scrolled):not(.menu-open) .brand-name--dark{display:none}.site-header--hero:not(.scrolled):not(.menu-open) .brand-logo--light,.site-header--hero:not(.scrolled):not(.menu-open) .brand-name--light{display:block}.brand-logo--light-fallback{filter:brightness(0) invert(1)}.brand-name{font-size:22px;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.main-nav{position:relative;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:31px;z-index:2}.nav-item{position:relative}.nav-link{position:relative;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 0 1px;font-size:14px;font-weight:500;letter-spacing:-.012em;white-space:nowrap;transition:opacity .2s ease,color .2s ease}.nav-label{position:relative;z-index:2}.nav-route-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:0;transform:scale(.2);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.nav-link:after{content:"";position:absolute;left:12px;right:0;bottom:7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;opacity:.72;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.nav-link:hover .nav-route-dot,.main-nav>.nav-item.active>.nav-link .nav-route-dot{opacity:.82;transform:scale(1)}.nav-link:hover:after,.main-nav>.nav-item.active>.nav-link:after{transform:scaleX(1);transform-origin:left center}.nav-caret-svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .25s ease}.has-children:hover>.nav-link .nav-caret-svg{transform:rotate(180deg)}.sub-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(12px);min-width:244px;padding:12px 10px 12px 20px;background:rgba(255,255,255,.98);color:var(--color-ink);border:1px solid rgba(15,23,42,.07);border-radius:16px;box-shadow:0 22px 55px rgba(15,23,42,.14);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.has-children:hover>.sub-menu,.has-children:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.sub-menu-route{position:absolute;left:12px;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,transparent,rgba(34,34,34,.16) 15%,rgba(34,34,34,.16) 85%,transparent)}.sub-menu .nav-item{width:100%}.sub-menu .nav-item:before{content:"";position:absolute;left:-11px;top:50%;width:5px;height:5px;border:1px solid rgba(34,34,34,.3);border-radius:50%;background:#fff;transform:translateY(-50%)}.sub-menu .nav-link{min-height:43px;width:100%;justify-content:flex-start;padding:0 12px;border-radius:10px;font-size:13px}.sub-menu .nav-link:after,.sub-menu .nav-route-dot{display:none}.sub-menu .nav-link:hover{background:var(--color-soft);opacity:1}.sub-menu .nav-item.active>.nav-link{background:var(--color-soft);font-weight:600}.header-tools{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-left:0}.lang-switcher{position:relative}.lang-current{height:42px;padding:0 2px;border:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.08em}.lang-current:hover{opacity:.68}.lang-caret{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .18s ease}.lang-current[aria-expanded="true"] .lang-caret{transform:rotate(180deg)}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);width:190px;padding:8px;background:#fff;color:var(--color-ink);border:1px solid rgba(0,0,0,.07);border-radius:12px;box-shadow:0 16px 42px rgba(0,0,0,.15)}.lang-menu a{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 11px;border-radius:8px}.lang-menu a:hover,.lang-menu a.active{background:var(--color-soft)}.lang-menu small{color:var(--color-muted)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;transition:background .2s ease,color .2s ease}.menu-toggle:hover{background:rgba(127,127,127,.08)}.menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.menu-toggle.open span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3px) rotate(-45deg)}.site-header--hero:not(.scrolled) .site-header--hero:not(.scrolled):not(.menu-open) .nav-link,.site-header--hero:not(.scrolled):not(.menu-open) .lang-current{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.48)}.site-header--hero:not(.scrolled):not(.menu-open) .menu-toggle{background:rgba(0,0,0,.12);box-shadow:0 8px 28px rgba(0,0,0,.12)}

/* Full screen mobile navigation */
.mobile-menu-overlay{position:fixed;inset:0;z-index:1600;display:none;color:#fff;background:#091018;clip-path:circle(0 at calc(100% - 34px) 34px);visibility:hidden;transition:clip-path .72s cubic-bezier(.72,0,.16,1),visibility 0s linear .72s}.mobile-menu-overlay.is-open{clip-path:circle(150% at calc(100% - 34px) 34px);visibility:visible;transition:clip-path .72s cubic-bezier(.72,0,.16,1),visibility 0s linear 0s}.mobile-menu-bg{position:absolute;inset:0;overflow:hidden;opacity:.38;pointer-events:none}.mobile-menu-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.08),transparent 34%),radial-gradient(circle at 10% 85%,rgba(255,56,92,.13),transparent 36%)}.mobile-menu-bg svg{position:absolute;right:-10%;top:2%;width:85%;height:96%;fill:none;stroke:rgba(255,255,255,.2);stroke-width:1}.mobile-menu-inner{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;padding:max(24px,env(safe-area-inset-top)) 26px max(24px,env(safe-area-inset-bottom))}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu-brand{display:flex;align-items:center;min-height:54px}.mobile-menu-brand img{max-width:175px;max-height:46px;width:auto;height:auto}.mobile-menu-logo-fallback{filter:brightness(0) invert(1)}.mobile-menu-brand span{font-size:21px;font-weight:600}.mobile-menu-close{position:relative;width:48px;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.04);cursor:pointer}.mobile-menu-close span{position:absolute;left:14px;right:14px;top:50%;height:1px;background:#fff}.mobile-menu-close span:first-child{transform:rotate(45deg)}.mobile-menu-close span:last-child{transform:rotate(-45deg)}.mobile-menu-content{align-self:center;width:100%;max-height:calc(100vh - 210px);overflow:auto;padding:28px 0 22px;scrollbar-width:none}.mobile-menu-content::-webkit-scrollbar{display:none}.mobile-menu-eyebrow{margin-bottom:18px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.46)}.mobile-nav{display:flex;flex-direction:column}.mobile-nav-item{border-top:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(22px);transition:opacity .42s ease calc(var(--menu-index)*55ms + 120ms),transform .48s cubic-bezier(.2,.8,.2,1) calc(var(--menu-index)*55ms + 120ms)}.mobile-menu-overlay.is-open .mobile-nav-item{opacity:1;transform:translateY(0)}.mobile-nav-row{display:flex;align-items:center;min-height:72px}.mobile-nav-link{display:flex;align-items:baseline;gap:16px;flex:1;color:#fff}.mobile-nav-index{width:26px;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.38)}.mobile-nav-label{font-size:clamp(27px,8vw,42px);line-height:1.04;letter-spacing:-.045em;font-weight:500}.mobile-nav-item.active .mobile-nav-label{color:#fff}.mobile-nav-item.active .mobile-nav-index{color:var(--color-accent)}.mobile-sub-toggle{width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-sub-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .28s ease}.mobile-sub-toggle[aria-expanded="true"] svg{transform:rotate(45deg)}.mobile-sub-menu{max-height:0;overflow:hidden;opacity:0;transition:max-height .42s cubic-bezier(.2,.8,.2,1),opacity .28s ease,padding .28s ease}.mobile-nav-item.sub-open .mobile-sub-menu{max-height:260px;opacity:1;padding-bottom:16px}.mobile-sub-link{display:flex;align-items:center;gap:14px;min-height:42px;margin-left:42px;color:rgba(255,255,255,.62);font-size:15px}.mobile-sub-link:hover,.mobile-sub-link.active{color:#fff}.mobile-sub-index{font-size:9px;letter-spacing:.1em;color:rgba(255,255,255,.28)}.mobile-menu-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.mobile-menu-languages{display:flex;gap:10px}.mobile-menu-languages a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;font-size:10px;font-weight:600;letter-spacing:.08em}.mobile-menu-languages a.active{background:#fff;color:#091018}.mobile-menu-contact{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;color:rgba(255,255,255,.55)}body.mobile-menu-open{overflow:hidden}
/* Full-bleed video hero - masked typography integrated into video */
.video-hero{position:relative;width:100%;height:100svh;min-height:680px;padding:0;background:#10161d}.hero-frame{position:relative;width:100%;height:100%;overflow:hidden;background:#10161d;isolation:isolate}.hero-media,.hero-poster,.hero-poster img,.hero-video,.hero-fallback,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-poster img{object-fit:cover;object-position:center}.hero-video{object-fit:cover;object-position:center;opacity:0;transform:scale(1.015);transition:opacity .9s ease,transform 6s ease}.hero-video.is-ready{opacity:1;transform:scale(1)}.hero-fallback{background:linear-gradient(135deg,#283341,#0b1118)}.hero-shade{overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.20) 26%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.56) 100%),radial-gradient(ellipse at 50% 53%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.38) 100%),linear-gradient(90deg,rgba(0,0,0,.26),transparent 34%,transparent 66%,rgba(0,0,0,.22))}.hero-shade:before{content:"";position:absolute;inset:-18% -28%;background:linear-gradient(112deg,transparent 20%,rgba(0,0,0,.22) 44%,rgba(0,0,0,.08) 54%,transparent 76%);transform:translate3d(-10%,0,0);animation:heroShadeSweep 16s ease-in-out infinite alternate;pointer-events:none}.hero-shade:after{content:"";position:absolute;left:7%;right:7%;top:51%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11) 26%,rgba(255,255,255,.20) 50%,rgba(255,255,255,.11) 74%,transparent);opacity:.55;transform:scaleX(.72);pointer-events:none}@keyframes heroShadeSweep{0%{transform:translate3d(-14%,0,0) rotate(.001deg)}100%{transform:translate3d(14%,0,0) rotate(.001deg)}}.hero-copy{position:absolute;z-index:2;left:50%;top:53%;width:min(1500px,calc(100% - 96px));transform:translate(-50%,-50%);text-align:center;color:#fff;pointer-events:none}.hero-slogan-zone{position:relative;margin:0 auto;width:min(1240px,100%);padding:32px 0 28px;pointer-events:auto}.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.88);text-shadow:0 2px 12px rgba(0,0,0,.45)}.hero-kicker:before,.hero-kicker:after{content:"";width:28px;height:1px;background:rgba(255,255,255,.34)}.hero-slider-stage{position:relative;min-height:clamp(126px,13vw,214px);overflow:visible}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate3d(0,18px,0) scale(.992);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.16,1,.3,1);pointer-events:none;will-change:opacity,transform;backface-visibility:hidden}.hero-slide.is-active{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}.hero-slide.is-leaving{opacity:0;transform:translate3d(0,-16px,0) scale(.996);pointer-events:none}.hero-slide h1{position:relative;margin:0 auto;max-width:1180px;padding:.18em 24px .24em;font-size:clamp(52px,7.2vw,118px);line-height:1.04;letter-spacing:-.058em;font-weight:500;text-wrap:balance;color:rgba(255,255,255,.98);mix-blend-mode:normal;text-shadow:0 3px 28px rgba(0,0,0,.62),0 1px 3px rgba(0,0,0,.50);-webkit-text-stroke:.2px rgba(255,255,255,.18);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.hero-slide h1:after{content:"";position:absolute;left:18%;right:18%;bottom:.02em;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:scaleX(.35);opacity:0;transition:transform .78s cubic-bezier(.16,1,.3,1) .08s,opacity .42s ease .08s}.hero-slide.is-active h1:after{transform:scaleX(1);opacity:1}.hero-summary{margin:12px auto 0;max-width:660px;font-size:clamp(13px,1.05vw,16px);line-height:1.6;color:rgba(255,255,255,.90);text-shadow:0 2px 18px rgba(0,0,0,.45);text-wrap:balance}.hero-cta{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 0 6px;border-bottom:1px solid rgba(255,255,255,.6);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;transition:opacity .18s ease,gap .18s ease}.hero-cta:hover{opacity:.72;gap:14px}.hero-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:18px auto 0;width:min(330px,70vw)}.hero-dot{position:relative;flex:1;height:2px;padding:0;border:0;background:rgba(255,255,255,.2);overflow:hidden;cursor:pointer}.hero-dot:after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left center}.hero-dot.is-active:after{animation:heroProgress var(--hero-interval,3000ms) linear forwards}@keyframes heroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-scroll{position:absolute;z-index:3;left:50%;bottom:24px;width:46px;height:46px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(5,10,15,.06);backdrop-filter:blur(8px);cursor:pointer;transition:transform .25s ease,background .25s ease}.hero-scroll:hover{transform:translateX(-50%) translateY(3px);background:rgba(255,255,255,.09)}.hero-scroll span{position:absolute;left:50%;top:50%;width:8px;height:8px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:translate(-50%,-64%) rotate(45deg)}.section{padding:72px 0}.home-blog{background:var(--color-white)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.section-kicker:before,.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-accent)}.section-head h2{margin:8px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-.03em;font-weight:600}.section-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;padding:9px 0}.section-link:hover span{transform:translateX(3px)}.section-link span{transition:transform .18s ease}.cards,.blog-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{min-width:0;background:transparent}.card-media{display:block;aspect-ratio:1.22/1;border-radius:var(--radius-card);overflow:hidden;background:var(--color-soft)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card:hover .card-media img{transform:scale(1.025)}.card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#eee,#f7f7f7)}.card-body{padding:12px 1px 0}.card-meta{font-size:12px;color:var(--color-muted);margin-bottom:7px}.card h3{margin:0 0 6px;font-size:17px;line-height:1.28;font-weight:600;letter-spacing:-.01em}.card p{margin:0;color:var(--color-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.muted{color:var(--color-muted)}

.content-hero{padding:74px 0 38px;background:var(--color-white);border-bottom:1px solid var(--color-line)}.content-hero .site-shell,.content-hero .container{max-width:1040px}.content-hero h1{margin:12px 0 0;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:600}.content-hero p{max-width:700px;color:var(--color-muted);font-size:16px}.content-body{padding:52px 0 92px}.content-body .container{max-width:1040px}.prose{max-width:820px;font-size:16px;line-height:1.7}.prose>*:first-child{margin-top:0}.prose h2{font-size:30px;letter-spacing:-.025em;line-height:1.2;margin-top:44px}.prose h3{font-size:22px;letter-spacing:-.02em;line-height:1.25;margin-top:34px}.prose p{margin:0 0 20px}.prose img{width:100%;border-radius:var(--radius-card);margin:26px 0}.prose a{text-decoration:underline;text-underline-offset:3px}.blog-list{gap:30px 24px}.contact-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:64px}.contact-grid>div:first-child{font-size:15px}.contact-grid>div:first-child p{padding-bottom:18px;border-bottom:1px solid var(--color-line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid var(--color-line);border-radius:var(--radius-input);background:#fff;color:var(--color-ink);padding:12px 13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9a9a9a;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.field textarea{min-height:160px;resize:vertical}.alert{padding:13px 15px;border-radius:var(--radius-input);margin-bottom:18px}.alert-success{background:#ecfdf3;color:#067647}.alert-error{background:#fef3f2;color:#b42318}.not-found{text-align:center;padding:130px 20px}.not-found strong{display:block;font-size:72px;letter-spacing:-.05em}.not-found h1{font-size:32px}

.site-footer{margin-top:64px;background:var(--color-soft);border-top:1px solid var(--color-line);color:var(--color-ink);padding:52px 0 22px}.is-home .site-footer{margin-top:0}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr;gap:56px}.footer-brand img{max-width:170px;max-height:42px;width:auto;height:auto}.footer-intro p{max-width:440px;color:var(--color-muted);margin:17px 0 0}.footer-title{font-size:14px;font-weight:600;margin-bottom:12px}.footer-nav{display:flex;flex-direction:column;align-items:flex-start}.footer-nav .nav-item{width:100%}.footer-nav .nav-link{min-height:auto;padding:5px 0;border-radius:0;color:var(--color-muted);font-size:14px;font-weight:400}.footer-nav .nav-link:hover{background:transparent;color:var(--color-ink)}.footer-nav .sub-menu,.footer-nav .nav-caret-svg,.footer-nav .nav-route-dot{display:none}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-contact a,.footer-contact span{color:var(--color-muted)}.footer-contact a:hover{color:var(--color-ink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding-top:20px;border-top:1px solid var(--color-line);font-size:13px;color:var(--color-muted)}.footer-utilities{display:flex;gap:18px}.footer-utilities a:hover{color:var(--color-ink)}

@media(max-width:1180px){.header-row{width:calc(100% - 48px);gap:20px}.main-nav{gap:20px}.brand-logo{max-width:175px}.nav-link{font-size:13px}}
@media(max-width:1080px){.site-shell,.container{width:min(var(--shell),calc(100% - 48px))}.site-header,.site-header.scrolled,.site-header.menu-open,.site-header--inner{height:78px}.header-row{width:calc(100% - 48px)}.main-nav,.menu-toggle{display:inline-flex}.mobile-menu-overlay{display:block}.cards,.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:30px}.hero-copy{width:calc(100% - 56px)}.hero-slider-stage{min-height:clamp(126px,16vw,190px)}.hero-slide h1{font-size:clamp(48px,9vw,92px);line-height:1.05}}
@media(max-width:767px){.site-main{padding-top:68px}.is-home .site-main{padding-top:0}.site-header,.site-header.scrolled,.site-header.menu-open,.site-header--inner{height:68px}.header-row{width:calc(100% - 28px);gap:10px}.brand{min-width:0}.brand-logo{max-width:142px;max-height:39px}.lang-switcher{display:none}.menu-toggle{width:42px;height:42px}.video-hero{height:100svh;min-height:580px}.hero-copy{top:53%;width:calc(100% - 26px)}.hero-slogan-zone{padding:20px 0}.hero-kicker{font-size:9px;letter-spacing:.18em;margin-bottom:8px}.hero-kicker:before,.hero-kicker:after{width:18px}.hero-slider-stage{min-height:148px;overflow:visible}.hero-slider-stage:before,.hero-slider-stage:after{width:3%}.hero-slide h1{font-size:clamp(38px,13vw,64px);line-height:1.06;letter-spacing:-.052em;padding:.2em 10px .28em;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}.hero-slide h1:after{bottom:.03em}.hero-summary{margin-top:8px;font-size:13px;max-width:88%}.hero-dots{margin-top:14px;width:min(270px,76vw)}.hero-scroll{bottom:16px;width:40px;height:40px}.section{padding:52px 0}.section-head{align-items:flex-start}.section-head h2{font-size:31px}.cards,.blog-list{grid-template-columns:1fr;gap:30px}.content-hero{padding:54px 0 30px}.content-hero h1{font-size:42px}.content-body{padding:38px 0 64px}.contact-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.contact-grid{gap:34px}.footer-grid{gap:34px}.footer-bottom{align-items:flex-start;flex-direction:column}.mobile-menu-inner{padding-left:20px;padding-right:20px}.mobile-menu-brand img{max-width:150px}.mobile-menu-content{max-height:calc(100vh - 190px)}.mobile-nav-row{min-height:64px}.mobile-nav-label{font-size:clamp(25px,8.5vw,38px)}.mobile-menu-contact{font-size:10px;max-width:48%;overflow:hidden}.mobile-menu-contact a{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}
@media(max-width:420px){.mobile-menu-inner{padding-left:16px;padding-right:16px}.mobile-nav-index{width:22px}.mobile-nav-link{gap:10px}.mobile-sub-link{margin-left:32px}.hero-summary{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-video{display:none}.reveal-ready{opacity:1;transform:none}.mobile-menu-overlay{transition:none}}

/* =========================================================
   ALYS Corporate Web v11
   Unified container + hero readability + mobile navigation + contact
   ========================================================= */
:root{--site-container:1440px;--site-gutter:96px}
.site-container,.site-shell,.container,.header-row{width:min(var(--site-container),calc(100% - var(--site-gutter)));margin-inline:auto}
.content-hero .site-shell,.content-hero .container,.content-body .container{max-width:none}

/* Hero: yalnızca video genelinde koyu sinematik katman; slogan çevresinde lokal siyah blok yok. */
.hero-shade{background:linear-gradient(180deg,rgba(4,8,12,.58) 0%,rgba(4,8,12,.28) 22%,rgba(4,8,12,.24) 52%,rgba(4,8,12,.48) 100%),linear-gradient(90deg,rgba(4,8,12,.24) 0%,rgba(4,8,12,.08) 22%,rgba(4,8,12,.08) 78%,rgba(4,8,12,.24) 100%)}
.hero-shade:before{inset:-18% -24%;background:linear-gradient(112deg,transparent 18%,rgba(0,0,0,.13) 44%,rgba(0,0,0,.04) 56%,transparent 78%);opacity:.72}
.hero-slogan-zone:before,.hero-slider-stage:before,.hero-slider-stage:after{display:none!important;content:none!important}
.hero-slogan-zone{width:min(1280px,100%);padding:30px 0 26px}
.hero-slide h1{-webkit-mask-image:none;mask-image:none;padding:.18em 16px .25em;text-shadow:0 4px 30px rgba(0,0,0,.58),0 1px 3px rgba(0,0,0,.52)}

/* Mobil navigasyon: sade, kurumsal ve tam ekran. */
.mobile-menu-overlay{background:linear-gradient(180deg,#0a0f14 0%,#10171e 100%);clip-path:none!important;opacity:0;transform:translate3d(0,-12px,0);visibility:hidden;transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1),visibility 0s linear .36s}
.mobile-menu-overlay.is-open{clip-path:none!important;opacity:1;transform:translate3d(0,0,0);visibility:visible;transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1),visibility 0s}
.mobile-menu-bg{opacity:.18}
.mobile-menu-bg:before{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 32%,rgba(255,255,255,.018))}
.mobile-menu-bg svg{right:-24%;top:7%;width:105%;height:86%;stroke:rgba(255,255,255,.17);stroke-width:.8}



.mobile-menu-inner{padding:max(20px,env(safe-area-inset-top)) 28px max(22px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto}
.mobile-menu-top{min-height:64px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.11)}
.mobile-menu-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:50px;max-width:70%}
.mobile-menu-brand-mark{display:flex;align-items:center;min-height:34px;max-width:100%}
.mobile-menu-brand-mark img{display:block!important;width:auto!important;height:36px!important;max-width:min(200px,58vw)!important;max-height:36px!important;object-fit:contain;object-position:left center}
.mobile-menu-brand-mark strong{font-size:20px;line-height:1;color:#fff}
.mobile-menu-brand small{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.47)}
.mobile-menu-logo-fallback{filter:brightness(0) invert(1)}
.mobile-menu-close{width:44px;height:44px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}
.mobile-menu-content{align-self:stretch;max-height:none;overflow:auto;padding:28px 0 20px}
.mobile-menu-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:9px;letter-spacing:.19em;color:rgba(255,255,255,.42)}
.mobile-menu-eyebrow span{width:24px;height:1px;background:rgba(255,255,255,.34)}
.mobile-nav-item{border-top:1px solid rgba(255,255,255,.095);transform:translateY(12px);transition:opacity .32s ease calc(var(--menu-index)*38ms + 60ms),transform .38s ease calc(var(--menu-index)*38ms + 60ms)}
.mobile-nav-row{min-height:62px}
.mobile-nav-link{gap:12px;align-items:center}
.mobile-nav-index{width:22px;font-size:9px;color:rgba(255,255,255,.30)}
.mobile-nav-label{font-size:clamp(24px,6.7vw,34px);font-weight:500;letter-spacing:-.035em}
.mobile-nav-item.active .mobile-nav-label{color:#fff}
.mobile-nav-item.active .mobile-nav-index{color:rgba(255,255,255,.86)}
.mobile-sub-toggle{width:38px;height:38px;border-color:rgba(255,255,255,.14)}
.mobile-sub-toggle svg{width:18px;height:18px}
.mobile-nav-item.sub-open .mobile-sub-menu{max-height:280px;padding-bottom:14px}
.mobile-sub-link{min-height:38px;margin-left:34px;gap:11px;color:rgba(255,255,255,.58);font-size:14px}
.mobile-sub-link.active{color:#fff}
.mobile-menu-footer{align-items:center;padding-top:15px;border-color:rgba(255,255,255,.11)}
.mobile-menu-languages{gap:7px}
.mobile-menu-languages a{width:auto;min-width:38px;height:34px;padding:0 11px;border-radius:999px;border-color:rgba(255,255,255,.14);font-size:9px}
.mobile-menu-languages a.active{background:#fff;color:#10171e}
.mobile-menu-contact{font-size:10px;color:rgba(255,255,255,.48)}

/* Modern contact page */
.contact-hero{position:relative;overflow:hidden;padding:104px 0 78px;background:#f6f7f8;border-bottom:1px solid var(--color-line)}
.contact-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:70px}
.contact-hero-copy{position:relative;z-index:2;max-width:780px}
.contact-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#5f6872}
.contact-kicker span{width:32px;height:1px;background:#88919a}
.contact-hero h1{margin:0;max-width:780px;font-size:clamp(48px,5.7vw,86px);line-height:.98;letter-spacing:-.058em;font-weight:600;color:#161b20;text-wrap:balance}
.contact-hero p{max-width:690px;margin:24px 0 0;font-size:17px;line-height:1.72;color:#616a73;text-wrap:balance}
.contact-hero-art{position:relative;min-height:360px;color:#27313a}
.contact-hero-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}
.contact-globe-ring,.contact-globe-line{stroke:currentColor;stroke-width:1;opacity:.14}
.contact-route-line{fill:none;stroke-width:1.3;stroke-dasharray:7 10;animation:contactRoute 22s linear infinite}
.contact-route-point{fill:#27313a;opacity:.52}

@keyframes contactRoute{to{stroke-dashoffset:-170}}


.contact-main{padding:86px 0 70px;background:#fff}
.contact-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:72px;align-items:start}
.contact-details{position:sticky;top:112px}
.contact-details-head,.contact-form-heading{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;margin-bottom:30px}
.contact-section-no{font-size:11px;font-weight:600;letter-spacing:.08em;color:#a0a6ad;padding-top:5px}
.contact-mini-label{display:block;margin-bottom:7px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a929b}
.contact-details h2,.contact-form-heading h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:600;color:#171c21}
.contact-form-heading p{max-width:600px;margin:12px 0 0;color:#747c84;font-size:14px;line-height:1.6}
.contact-info-list{border-top:1px solid #e7e9eb}
.contact-info-row{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:14px;min-height:88px;padding:16px 0;border-bottom:1px solid #e7e9eb;transition:transform .2s ease,color .2s ease}
.contact-info-row:not(.contact-info-row--static):hover{transform:translateX(4px)}
.contact-info-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#f3f5f6}
.contact-info-icon svg{width:19px;height:19px;fill:none;stroke:#222a31;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.contact-info-row small{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8b939a}
.contact-info-row strong{display:block;font-size:14px;line-height:1.45;font-weight:500;color:#252b31;word-break:break-word}
.contact-row-arrow{width:20px;height:20px;fill:none;stroke:#68717a;stroke-width:1.2;transition:transform .2s ease}
.contact-info-row:hover .contact-row-arrow{transform:translateX(3px)}
.contact-map-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#20262c}
.contact-map-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .2s ease}
.contact-map-link:hover svg{transform:translateX(4px)}

.contact-form-card{position:relative;padding:38px 40px 42px;border:1px solid #e7e9eb;border-radius:22px;background:#fff;box-shadow:0 18px 60px rgba(17,24,39,.055)}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.contact-field{display:flex;flex-direction:column;gap:8px}
.contact-field--full{grid-column:1/-1}
.contact-field label{font-size:11px;font-weight:600;letter-spacing:.035em;color:#343b42}
.contact-field label>span{color:#858d95}
.contact-field input[type=text],.contact-field input[type=email],.contact-field input[type=tel],.contact-field textarea,.contact-field select{width:100%;min-height:52px;padding:13px 15px;border:1px solid #dfe3e6;border-radius:11px;background:#fafbfb;color:#171c21;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.contact-field textarea{min-height:156px;resize:vertical;line-height:1.55}
.contact-field select{appearance:auto}
.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{border-color:#8e969e;background:#fff;box-shadow:0 0 0 4px rgba(29,37,45,.045)}
.contact-consent{margin-top:2px}
.contact-check{display:grid!important;grid-template-columns:22px 1fr;align-items:start;gap:10px;cursor:pointer;font-size:11px!important;font-weight:400!important;line-height:1.55!important;color:#707880!important}
.contact-check>input{position:absolute;opacity:0;pointer-events:none}
.contact-check-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #cfd4d8;border-radius:6px;background:#fff;transition:.18s ease}
.contact-check-box svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.7);transition:.18s ease}
.contact-check>input:checked+.contact-check-box{background:#171c21;border-color:#171c21}
.contact-check>input:checked+.contact-check-box svg{opacity:1;transform:scale(1)}
.contact-check>input:focus-visible+.contact-check-box{box-shadow:0 0 0 4px rgba(29,37,45,.08)}
.contact-submit-row{display:flex;flex-direction:row;align-items:center;gap:18px;margin-top:2px}
.contact-submit{min-width:190px;height:52px;padding:0 24px;border:0;border-radius:999px;background:#171c21;color:#fff;font-weight:600;font-size:12px;letter-spacing:.045em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.contact-submit:hover{transform:translateY(-2px);background:#2a3138;box-shadow:0 12px 30px rgba(17,24,39,.14)}
.contact-response-note{max-width:310px;font-size:10px;line-height:1.5;color:#90979e}
.contact-form-card .alert{margin:0 0 24px;border-radius:11px}

.contact-map-section{padding:0 0 86px;background:#fff}
.contact-map-card{overflow:hidden;height:410px;border-radius:22px;background:#eef1f3;border:1px solid #e4e7e9}
.contact-map-card iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.18) contrast(.96)}

@media(max-width:1080px){
  :root{--site-gutter:48px}
  .contact-hero{padding:82px 0 64px}.contact-hero-grid{grid-template-columns:1fr .72fr;gap:32px}.contact-hero-art{min-height:300px}
  .contact-layout{gap:42px;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr)}
  .contact-form-card{padding:32px 28px 34px}
}
@media(max-width:767px){
  :root{--site-gutter:32px}
  .header-row{width:min(var(--site-container),calc(100% - var(--site-gutter)))}
  .hero-slogan-zone{padding:20px 0}.hero-slide h1{-webkit-mask-image:none!important;mask-image:none!important;padding:.2em 6px .28em}
  .mobile-menu-inner{padding-left:18px;padding-right:18px}.mobile-menu-brand{max-width:76%}.mobile-menu-brand-mark img{height:31px!important;max-height:31px!important;max-width:min(176px,58vw)!important}.mobile-menu-brand small{font-size:8px;max-width:190px}.mobile-menu-content{padding-top:22px}.mobile-nav-row{min-height:58px}.mobile-nav-label{font-size:clamp(23px,7.2vw,31px)}.mobile-menu-contact{display:none}
  .contact-hero{padding:70px 0 48px}.contact-hero-grid{grid-template-columns:1fr}.contact-hero-art{position:absolute;right:-120px;bottom:-50px;width:430px;height:300px;min-height:0;opacity:.45}.contact-hero-copy{max-width:100%}.contact-hero h1{font-size:clamp(40px,12vw,58px)}.contact-hero p{font-size:15px;line-height:1.65;max-width:92%}
  .contact-main{padding:54px 0}.contact-layout{grid-template-columns:1fr;gap:48px}.contact-details{position:static}.contact-details-head,.contact-form-heading{grid-template-columns:32px 1fr;gap:10px;margin-bottom:24px}.contact-info-row{min-height:78px}.contact-form-card{padding:28px 20px 30px;border-radius:18px}.contact-form-grid{grid-template-columns:1fr;gap:17px}.contact-field--full{grid-column:auto}.contact-submit-row{flex-direction:column;align-items:stretch;gap:12px}.contact-submit{width:100%}.contact-response-note{text-align:center;max-width:none}.contact-map-section{padding-bottom:56px}.contact-map-card{height:320px;border-radius:18px}
}
@media(max-width:420px){
  .mobile-menu-footer{align-items:flex-start}.mobile-menu-languages{flex-wrap:wrap}.contact-info-row{grid-template-columns:40px minmax(0,1fr) 18px;gap:11px}.contact-info-icon{width:40px;height:40px}.contact-form-card{padding-left:16px;padding-right:16px}.contact-hero-art{right:-170px}
}


/* v12 — Blog / News */
.blog-hero{position:relative;overflow:hidden;padding:104px 0 76px;background:#f5f7f8;border-bottom:1px solid #e5e8ea}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);align-items:center;gap:76px}
.blog-hero-copy{position:relative;z-index:2;max-width:800px}
.blog-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#626b74}
.blog-kicker span{display:block;width:34px;height:1px;background:#8b949d}
.blog-hero h1{margin:0;max-width:820px;font-size:clamp(50px,6vw,90px);line-height:.97;letter-spacing:-.06em;font-weight:600;color:#161b20;text-wrap:balance}
.blog-hero p{max-width:720px;margin:24px 0 0;font-size:17px;line-height:1.7;color:#66707a;text-wrap:balance}
.blog-hero-art{position:relative;min-height:350px;color:#26313b}
.blog-hero-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}
.blog-art-grid{stroke:currentColor;stroke-width:1;opacity:.10}


.blog-art-point{fill:var(--odak-navy,#222f60);opacity:.72}.blog-art-structure{fill:none;stroke:currentColor;stroke-width:1.7;opacity:.46}

@keyframes blogRoute{to{stroke-dashoffset:-150}}


.blog-tools-section{padding:42px 0 88px;background:#fff}
.blog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px}
.blog-search{display:flex;align-items:center;width:min(100%,760px);height:62px;border:1px solid #dfe3e6;border-radius:999px;background:#fafbfb;padding:0 7px 0 20px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.blog-search:focus-within{border-color:#9aa2a9;background:#fff;box-shadow:0 0 0 5px rgba(23,28,33,.045)}
.blog-search>svg{flex:0 0 auto;width:21px;height:21px;fill:none;stroke:#59636c;stroke-width:1.45;stroke-linecap:round}
.blog-search input{min-width:0;flex:1;height:100%;padding:0 13px;border:0;background:transparent;outline:0;color:#171c21;font-size:14px}
.blog-search input::placeholder{color:#9299a0}
.blog-search-clear{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;color:#737c84;font-size:21px;line-height:1}
.blog-search-clear:hover{background:#eef1f3;color:#20262c}
.blog-search button{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;min-width:112px;padding:0 19px;border:0;border-radius:999px;background:#171c21;color:#fff;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:transform .18s ease,background .18s ease}
.blog-search button:hover{transform:translateY(-1px);background:#30373e}
.blog-search button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.blog-mobile-filter{display:none}

.blog-category-nav{display:flex;align-items:center;gap:9px;margin-top:22px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.blog-category-nav::-webkit-scrollbar{display:none}
.blog-category-chip{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;min-height:42px;padding:0 15px;border:1px solid #e0e4e7;border-radius:999px;background:#fff;color:#5f6972;font-size:12px;font-weight:500;transition:.18s ease}
.blog-category-chip small{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f2f4f5;color:#818990;font-size:10px}
.blog-category-chip:hover{border-color:#b8bec4;color:#1d2329;transform:translateY(-1px)}
.blog-category-chip.active{border-color:#171c21;background:#171c21;color:#fff}
.blog-category-chip.active small{background:rgba(255,255,255,.14);color:#fff}

.blog-results-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:62px 0 28px;padding-top:30px;border-top:1px solid #e8eaec}
.blog-results-kicker{display:block;margin-bottom:7px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8c949c}
.blog-results-head h2{margin:0;font-size:clamp(30px,3vw,44px);line-height:1.06;letter-spacing:-.04em;font-weight:600;color:#171c21}
.blog-result-count{flex:0 0 auto;padding-bottom:4px;font-size:11px;color:#8a9299}

.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}
.blog-card{min-width:0}
.blog-card--featured{grid-column:span 2}
.blog-card-media{position:relative;display:block;overflow:hidden;aspect-ratio:1.22/1;border-radius:18px;background:#edf0f2}
.blog-card--featured .blog-card-media{aspect-ratio:2/1}
.blog-card-media>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.blog-card:hover .blog-card-media>img{transform:scale(1.035)}
.blog-card-placeholder{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#e9edef,#f6f7f8);color:#303941}
.blog-card-placeholder--2{background:linear-gradient(135deg,#e7ecef,#f8f9fa);color:#39454e}
.blog-card-placeholder--3{background:linear-gradient(135deg,#ecebe8,#f8f7f4);color:#47443d}
.blog-card-placeholder--4{background:linear-gradient(135deg,#e8eceb,#f7f9f8);color:#33433d}
.blog-card-placeholder svg{position:absolute;inset:0;width:100%;height:100%;fill:none;opacity:.9}
.blog-card-placeholder>span{position:absolute;left:24px;bottom:20px;z-index:2;max-width:70%;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:currentColor}
.blog-card-placeholder circle,.placeholder-lines{stroke:currentColor;stroke-width:1;opacity:.11}
.placeholder-route{stroke:currentColor;stroke-width:1.25;stroke-dasharray:8 12;opacity:.42}
.placeholder-point{fill:currentColor;opacity:.62}


.blog-card-content{padding:16px 2px 0}
.blog-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.blog-card-category{font-weight:600;color:#59626a}
.blog-card-date{color:#989fa5}
.blog-card h3{margin:0;font-size:clamp(20px,1.7vw,27px);line-height:1.14;letter-spacing:-.028em;font-weight:600;color:#171c21}
.blog-card--featured h3{max-width:820px;font-size:clamp(26px,2.5vw,40px)}
.blog-card h3 a{transition:color .18s ease}
.blog-card h3 a:hover{color:#59626a}
.blog-card p{margin:12px 0 0;color:#747c84;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding-top:14px;border-top:1px solid #eaedef}
.blog-card-footer>span{font-size:10px;color:#9299a0}
.blog-card-footer>a{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#2b3238}
.blog-card-footer>a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.35;transition:transform .18s ease}
.blog-card-footer>a:hover svg{transform:translateX(3px)}

.blog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:50px 20px;border:1px solid #e5e8ea;border-radius:20px;background:#fafbfb;text-align:center}
.blog-empty svg{width:54px;height:54px;fill:none;stroke:#6f7880;stroke-width:1.15;margin-bottom:20px}
.blog-empty h3{margin:0;font-size:27px;letter-spacing:-.03em}
.blog-empty p{max-width:520px;margin:10px auto 0;color:#788089}
.blog-empty a{margin-top:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #444}

/* Blog detail */
.blog-detail-hero{position:relative;overflow:hidden;padding:88px 0 66px;background:#f5f7f8;border-bottom:1px solid #e5e8ea}
.blog-detail-head{position:relative;z-index:2;max-width:1100px!important}
.blog-back-link{display:inline-flex;align-items:center;gap:9px;margin-bottom:38px;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#69727b}
.blog-back-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .18s ease}
.blog-back-link:hover svg{transform:translateX(-3px)}
.blog-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:17px;font-size:10px;font-weight:600;letter-spacing:.065em;text-transform:uppercase;color:#747d85}
.blog-detail-meta i{display:block;width:3px;height:3px;border-radius:50%;background:#aab0b5}
.blog-detail-hero h1{max-width:1050px;margin:0;font-size:clamp(45px,6vw,82px);line-height:.98;letter-spacing:-.058em;font-weight:600;color:#171c21;text-wrap:balance}
.blog-detail-hero p{max-width:800px;margin:25px 0 0;font-size:17px;line-height:1.68;color:#68727a;text-wrap:balance}
.blog-detail-route{position:absolute;inset:auto 0 0;height:170px;opacity:.36;pointer-events:none}
.blog-detail-route svg{width:100%;height:100%;fill:none}
.blog-detail-route path{stroke:#303941;stroke-width:1;opacity:.58}
.blog-detail-route circle{fill:#303941}
.blog-detail-body{padding:78px 0 110px;background:#fff}
.blog-detail-layout{display:grid;grid-template-columns:190px minmax(0,820px);justify-content:center;gap:72px;align-items:start}
.blog-detail-aside{position:sticky;top:112px;padding-top:6px}
.blog-detail-aside-label{display:block;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#737c84}
.blog-reading-line{width:100%;height:1px;margin:20px 0;background:#e2e5e7}
.blog-reading-line span{display:block;width:34%;height:1px;background:#2f373e}
.blog-detail-aside>a{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.045em;text-transform:uppercase;color:#343c43}
.blog-detail-aside>a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35}
.blog-article{min-width:0}
.blog-detail-cover{overflow:hidden;margin:0 0 38px;border-radius:20px;background:#f0f2f3}
.blog-detail-cover img{display:block;width:100%;max-height:580px;object-fit:cover}
.blog-prose{max-width:none;color:#343b41;font-size:16px;line-height:1.78}
.blog-prose h2{margin-top:52px;font-size:clamp(27px,3vw,37px);line-height:1.13;letter-spacing:-.035em;color:#171c21}
.blog-prose h3{margin-top:38px;font-size:23px;line-height:1.22;letter-spacing:-.025em;color:#20262c}
.blog-prose p{margin-bottom:22px}
.blog-prose ul,.blog-prose ol{padding-left:22px;margin:0 0 26px}
.blog-prose li{padding:4px 0}
.blog-prose strong{color:#171c21;font-weight:600}
.blog-prose blockquote{margin:34px 0;padding:3px 0 3px 24px;border-left:2px solid #222b32;font-size:20px;line-height:1.55;color:#3d464e}

@media(max-width:1080px){
  .blog-hero{padding:82px 0 62px}.blog-hero-grid{grid-template-columns:1fr .72fr;gap:36px}.blog-hero-art{min-height:300px}
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--featured{grid-column:span 2}
  .blog-detail-layout{grid-template-columns:150px minmax(0,760px);gap:42px}
}
@media(max-width:767px){
  .blog-hero{padding:68px 0 48px}.blog-hero-grid{grid-template-columns:1fr}.blog-hero-art{position:absolute;right:-150px;bottom:-60px;width:430px;height:300px;min-height:0;opacity:.42}.blog-hero-copy{max-width:100%}.blog-hero h1{font-size:clamp(42px,13vw,60px)}.blog-hero p{max-width:92%;font-size:15px;line-height:1.65}
  .blog-tools-section{padding:30px 0 60px}.blog-tools{grid-template-columns:1fr;gap:14px}.blog-search{height:56px;padding-left:16px}.blog-search button{min-width:52px;width:52px;height:44px;padding:0}.blog-search button span{display:none}.blog-mobile-filter{display:flex;align-items:center;gap:10px}.blog-mobile-filter label{flex:0 0 auto;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#808890}.blog-mobile-filter select{min-width:0;flex:1;height:48px;padding:0 13px;border:1px solid #e0e4e7;border-radius:12px;background:#fff;color:#272e34;font-size:12px;outline:0}
  .blog-category-nav{display:none}.blog-results-head{margin-top:40px;padding-top:24px;align-items:flex-start}.blog-results-head h2{font-size:31px}.blog-result-count{padding-top:5px}
  .blog-grid{grid-template-columns:1fr;gap:38px}.blog-card--featured{grid-column:auto}.blog-card--featured .blog-card-media,.blog-card-media{aspect-ratio:1.24/1;border-radius:16px}.blog-card--featured h3,.blog-card h3{font-size:25px}.blog-card p{font-size:13px}.blog-card-placeholder>span{left:18px;bottom:16px}
  .blog-detail-hero{padding:60px 0 46px}.blog-back-link{margin-bottom:28px}.blog-detail-hero h1{font-size:clamp(38px,12vw,58px)}.blog-detail-hero p{font-size:15px}.blog-detail-route{height:110px;opacity:.28}
  .blog-detail-body{padding:48px 0 72px}.blog-detail-layout{grid-template-columns:1fr;gap:26px}.blog-detail-aside{position:static;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 18px;border-bottom:1px solid #e5e8ea}.blog-reading-line{display:none}.blog-detail-aside>a{justify-content:flex-end;text-align:right}.blog-detail-cover{margin-bottom:28px;border-radius:16px}.blog-prose{font-size:15px;line-height:1.74}.blog-prose h2{margin-top:42px}.blog-prose blockquote{font-size:18px;padding-left:18px}
}

/* =========================================================
   ALYS Corporate Web v13
   Navigation stability + mobile brand + corporate pages
   ========================================================= */

/* Desktop dropdown: hero header renkleri alt menüye taşınmaz. */
.main-nav>.has-children{z-index:12}
.main-nav>.has-children:before{content:"";position:absolute;z-index:1;left:-22px;right:-22px;top:41px;height:28px;background:transparent}
.sub-menu{top:calc(100% - 2px);z-index:30;min-width:252px;padding:11px 10px 11px 20px;background:rgba(255,255,255,.985);color:#1c2228;box-shadow:0 24px 60px rgba(7,14,22,.17);pointer-events:none}
.has-children:hover>.sub-menu,.has-children:focus-within>.sub-menu{pointer-events:auto}
.site-header--hero:not(.scrolled):not(.menu-open) .sub-menu,.site-header--hero:not(.scrolled):not(.menu-open) .sub-menu .nav-link{color:#1c2228!important;text-shadow:none!important}
.site-header--hero:not(.scrolled):not(.menu-open) .sub-menu .nav-link:hover{color:#11161b!important;background:#f4f6f7}
.sub-menu .nav-link{position:relative;z-index:3;font-weight:500;color:#1c2228!important;text-shadow:none!important}
.sub-menu .nav-item:before{z-index:4}

/* Ayrı mobil header logosu: mobilde logonun kaybolmasını engeller. */
.mobile-header-brand{display:none;align-items:center;min-width:0;max-width:min(190px,58vw);height:100%}
.mobile-header-logo{display:block;width:auto;height:auto;max-width:100%;max-height:42px;object-fit:contain;object-position:left center}
.mobile-header-logo--light,.mobile-header-name--light{display:none}
.mobile-header-logo--light-fallback{filter:brightness(0) invert(1)}
.mobile-header-name{font-size:20px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.site-header--hero:not(.scrolled):not(.menu-open) .mobile-header-logo--dark,.site-header--hero:not(.scrolled):not(.menu-open) .mobile-header-name--dark{display:none}
.site-header--hero:not(.scrolled):not(.menu-open) .mobile-header-logo--light,.site-header--hero:not(.scrolled):not(.menu-open) .mobile-header-name--light{display:block;color:#fff}

/* Corporate pages */
.corp-hero{position:relative;overflow:hidden;min-height:590px;padding:92px 0 72px;background:#f5f7f8;border-bottom:1px solid #e4e8eb;color:#182027;isolation:isolate}
.corp-hero:before{content:"";position:absolute;inset:-25% -8% auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(34,48,58,.055),rgba(34,48,58,0) 68%);pointer-events:none}
.corp-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);align-items:center;gap:72px;min-height:420px}
.corp-hero-copy{max-width:790px}
.corp-kicker{display:flex;align-items:center;gap:11px;margin-bottom:20px;font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#68727a}
.corp-kicker span{width:34px;height:1px;background:#7f8991}
.corp-hero h1{max-width:790px;margin:0;font-size:clamp(54px,6.5vw,96px);line-height:.94;letter-spacing:-.064em;font-weight:600;color:#151b20;text-wrap:balance}
.corp-hero-copy>p{max-width:700px;margin:26px 0 0;font-size:17px;line-height:1.72;color:#626c74;text-wrap:balance}
.corp-scroll-link{display:inline-flex;align-items:center;gap:10px;margin-top:30px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#303840}
.corp-scroll-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.35;transition:transform .22s ease}
.corp-scroll-link:hover svg{transform:translateY(4px)}
.corp-art{position:relative;min-height:430px;color:#303b44}
.corp-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}
.corp-orbit,.corp-globe-line,.corp-compass-ring,.corp-cross,.corp-sun-ring,.corp-ray{stroke:currentColor;stroke-width:1;opacity:.12;transform-origin:310px 260px}
.corp-orbit--a{stroke-dasharray:3 8;animation:corpOrbit 28s linear infinite}
.corp-orbit--b{stroke-dasharray:7 10;animation:corpOrbitReverse 22s linear infinite}
.corp-route{stroke:currentColor;stroke-width:1.35;stroke-dasharray:8 11;opacity:.58;animation:corpRoute 18s linear infinite}
.corp-point,.corp-center-dot{fill:currentColor;stroke:none;opacity:.63}

.corp-horizon,.corp-vision-horizon{stroke:currentColor;stroke-width:1;opacity:.13}
.corp-horizon--short{opacity:.075}
.corp-compass-ring{stroke-dasharray:4 8;animation:corpOrbit 30s linear infinite}.corp-compass-ring--inner{stroke-dasharray:none;opacity:.085}
.corp-compass-arrow{fill:rgba(48,59,68,.055);stroke:currentColor;stroke-width:1;opacity:.7;transform-origin:310px 260px;animation:corpCompass 8s ease-in-out infinite}
.corp-cross{opacity:.07}
.corp-sun-ring{stroke-dasharray:5 9;animation:corpOrbitReverse 26s linear infinite}.corp-sun-ring--inner{stroke-dasharray:none;opacity:.08}
.corp-ray{opacity:.09;animation:corpRay 5s ease-in-out infinite}
.corp-hero-line{position:absolute;left:0;right:0;bottom:22px;height:1px;background:linear-gradient(90deg,transparent 0,rgba(40,50,58,.08) 15%,rgba(40,50,58,.08) 85%,transparent)}
.corp-hero-line span{display:block;width:15%;height:1px;background:#4c5861;opacity:.34;animation:corpHeroLine 8s ease-in-out infinite}
@keyframes corpRoute{to{stroke-dashoffset:-190}}
@keyframes corpOrbit{to{transform:rotate(360deg)}}
@keyframes corpOrbitReverse{to{transform:rotate(-360deg)}}

@keyframes corpCompass{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(4deg)}}
@keyframes corpRay{0%,100%{opacity:.07}50%{opacity:.17}}
@keyframes corpHeroLine{0%{transform:translateX(-20%)}50%{transform:translateX(570%)}100%{transform:translateX(-20%)}}

.corp-main{padding:92px 0 112px;background:#fff}
.corp-layout{display:grid;grid-template-columns:210px minmax(0,900px);justify-content:center;gap:74px;align-items:start}
.corp-side-nav{position:sticky;top:116px;display:flex;flex-direction:column;border-top:1px solid #e2e6e8}
.corp-side-title{padding:18px 0 14px;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#9aa1a7}
.corp-side-nav a{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;min-height:48px;border-top:1px solid #eef0f1;color:#7b848b;font-size:12px;transition:color .18s ease,transform .18s ease}
.corp-side-nav a span{font-size:9px;color:#b0b5ba}.corp-side-nav a:hover{color:#222a31;transform:translateX(3px)}.corp-side-nav a.active{color:#171d22;font-weight:600}.corp-side-nav a.active span{color:#171d22}
.corp-prose{min-width:0;color:#444d54;font-size:16px;line-height:1.78}
.corp-prose>*:first-child{margin-top:0}
.corp-prose h2{max-width:800px;margin:0 0 28px;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.048em;font-weight:600;color:#171d22}
.corp-prose h3{margin:0 0 10px;font-size:20px;line-height:1.18;letter-spacing:-.025em;font-weight:600;color:#20272d}
.corp-prose p{margin:0 0 23px}.corp-prose strong{color:#20272d;font-weight:600}
.corp-lead{font-size:19px!important;line-height:1.72!important;color:#343d44!important}
.corp-intro{max-width:850px;padding-bottom:54px;border-bottom:1px solid #e7eaec}
.corp-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:52px 0}
.corp-highlight{min-height:235px;padding:26px 24px;border:1px solid #e4e8ea;border-radius:18px;background:#fafbfb;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.corp-highlight:hover{transform:translateY(-5px);border-color:#cfd5d9;box-shadow:0 22px 48px rgba(18,27,34,.06)}
.corp-highlight>span{display:block;margin-bottom:42px;font-size:9px;font-weight:600;letter-spacing:.08em;color:#a0a7ad}
.corp-highlight p{margin:0;color:#747d84;font-size:13px;line-height:1.65}
.corp-service-pills{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0 8px}
.corp-service-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:1px solid #e1e5e7;border-radius:999px;background:#fff;color:#4c555c;font-size:11px;font-weight:500}
.corp-quote{position:relative;margin:56px 0;padding:40px 44px;border-radius:20px;background:#151c22;color:#fff;overflow:hidden}
.corp-quote:after{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}
.corp-quote p{position:relative;z-index:2;max-width:740px;margin:0!important;font-size:clamp(22px,2.5vw,32px);line-height:1.42;color:rgba(255,255,255,.91)}
.corp-language-band{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:start;margin-top:50px;padding-top:34px;border-top:1px solid #e5e8ea}
.corp-language-band>strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7e878e}.corp-language-band p{margin:0;color:#5d666d}

.corp-cta{padding:70px 0;background:#f4f6f7;border-top:1px solid #e3e7e9}
.corp-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:42px}
.corp-cta-inner>div>span{display:block;margin-bottom:10px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7f888f}
.corp-cta h2{max-width:850px;margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.048em;font-weight:600;color:#171d22}
.corp-cta-inner>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:15px 20px;border-radius:999px;background:#171d22;color:#fff;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.corp-cta-inner>a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s ease}.corp-cta-inner>a:hover svg{transform:translateX(4px)}

.reveal-ready{transition-delay:var(--reveal-delay,0ms)}

@media(max-width:1080px){
  .brand{display:none!important}
  .mobile-header-brand{display:flex}
  .header-tools{margin-left:auto}
  .mobile-menu-overlay{display:block!important;pointer-events:none;opacity:0;visibility:hidden}
  .mobile-menu-overlay.is-open{pointer-events:auto;opacity:1;visibility:visible}
  .menu-toggle{display:inline-flex!important;position:relative;z-index:5}
  html.mobile-menu-open,body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}
  .corp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:34px}.corp-art{min-height:350px}
  .corp-layout{grid-template-columns:170px minmax(0,760px);gap:42px}
  .corp-highlight-grid{grid-template-columns:1fr 1fr}.corp-highlight:last-child{grid-column:1/-1;min-height:190px}
}

@media(max-width:767px){
  :root{--site-gutter:32px}
  .header-row{width:calc(100% - 32px)!important}
  .mobile-header-brand{max-width:min(170px,57vw)}
  .mobile-header-logo{max-height:38px}
  .mobile-menu-overlay{inset:0!important;background:#0b1117}
  .mobile-menu-inner{padding:max(16px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}
  .mobile-menu-top{min-height:58px;padding-bottom:10px}
  .mobile-menu-brand{max-width:72%;min-height:44px}.mobile-menu-brand-mark img{height:32px!important;max-height:32px!important;max-width:min(180px,60vw)!important}
  .mobile-menu-brand small{display:none}
  .mobile-menu-content{padding:18px 0 14px}
  .mobile-menu-eyebrow{margin-bottom:3px}
  .mobile-nav-row{min-height:58px}
  .mobile-nav-link{min-width:0;border:0;background:transparent;padding:0;text-align:left;color:#fff;cursor:pointer}
  .mobile-nav-parent{width:100%}
  .mobile-nav-label{font-size:clamp(24px,8vw,34px)}
  .mobile-sub-toggle{flex:0 0 38px}
  .mobile-nav-item.sub-open .mobile-sub-menu{max-height:250px}
  .mobile-sub-link{min-height:40px;margin-left:32px;font-size:13px}
  .mobile-menu-footer{gap:12px;flex-wrap:wrap}.mobile-menu-contact{display:none}

  .corp-hero{min-height:auto;padding:62px 0 44px}
  .corp-hero-grid{grid-template-columns:1fr;gap:18px;min-height:0}
  .corp-hero h1{font-size:clamp(46px,14vw,68px);line-height:.96}
  .corp-hero-copy>p{margin-top:20px;font-size:15px;line-height:1.65}
  .corp-scroll-link{margin-top:22px}
  .corp-art{min-height:260px;margin:-18px -28px -28px;opacity:.7}
  .corp-hero-line{bottom:12px}
  .corp-main{padding:54px 0 72px}
  .corp-layout{grid-template-columns:1fr;gap:36px}
  .corp-side-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e3e7e9;border-radius:14px;overflow:hidden}
  .corp-side-title{display:none}
  .corp-side-nav a{display:flex;justify-content:center;min-height:48px;padding:0 8px;border:0;border-right:1px solid #e8ebed;text-align:center;font-size:11px}.corp-side-nav a:last-child{border-right:0}.corp-side-nav a span{display:none}.corp-side-nav a:hover{transform:none}.corp-side-nav a.active{background:#171d22;color:#fff}
  .corp-prose{font-size:15px;line-height:1.74}
  .corp-prose h2{font-size:clamp(31px,9vw,43px)}
  .corp-lead{font-size:17px!important}
  .corp-intro{padding-bottom:38px}
  .corp-highlight-grid{grid-template-columns:1fr;gap:12px;margin:38px 0}.corp-highlight:last-child{grid-column:auto}.corp-highlight{min-height:190px;padding:22px}.corp-highlight>span{margin-bottom:28px}
  .corp-quote{margin:42px 0;padding:30px 24px}.corp-quote p{font-size:22px}
  .corp-language-band{grid-template-columns:1fr;gap:10px;margin-top:40px}
  .corp-cta{padding:50px 0}.corp-cta-inner{align-items:flex-start;flex-direction:column}.corp-cta h2{font-size:36px}.corp-cta-inner>a{padding:13px 18px}
}

@media(prefers-reduced-motion:reduce){
  .corp-route,.corp-orbit,.corp-compass-ring,.corp-compass-arrow,.corp-ray,.corp-hero-line span{animation:none!important}
}

/* Ortak scroll reveal; v13 kurumsal sayfalarda ve mevcut içeriklerde kullanılır. */
.reveal-ready{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal-ready.reveal-visible{opacity:1;transform:translate3d(0,0,0)}
@media(prefers-reduced-motion:reduce){.reveal-ready,.reveal-ready.reveal-visible{opacity:1!important;transform:none!important;transition:none!important;will-change:auto}}

/* =========================================================
   ALYS Corporate Web v14
   Blog visual refresh + SVG stabilization + discovery search
   ========================================================= */
.blog-hero{
  isolation:isolate;
  padding:112px 0 86px;
  background:
    radial-gradient(circle at 9% 20%,rgba(17,167,165,.12),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(62,114,232,.12),transparent 27%),
    radial-gradient(circle at 70% 88%,rgba(255,97,125,.10),transparent 30%),
    linear-gradient(135deg,#f7fbfb 0%,#f4f7ff 48%,#fff8f7 100%);
  border-bottom:1px solid rgba(31,52,73,.07);
}
.blog-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(17,167,165,.45),rgba(62,114,232,.4),rgba(255,97,125,.42),transparent)}
.blog-hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.9;animation:blogGlowFloat 10s ease-in-out infinite alternate}
.blog-hero-glow--one{width:260px;height:260px;right:12%;top:7%;background:radial-gradient(circle,rgba(62,114,232,.10),transparent 70%)}
.blog-hero-glow--two{width:220px;height:220px;left:45%;bottom:-80px;background:radial-gradient(circle,rgba(255,97,125,.10),transparent 70%);animation-delay:-4s}
@keyframes blogGlowFloat{to{transform:translate3d(18px,-12px,0) scale(1.05)}}
.blog-kicker{color:#52606b}.blog-kicker span{background:linear-gradient(90deg,#12a7a5,#3e72e8,#ff617d)}
.blog-hero h1{background:linear-gradient(105deg,#151b21 0%,#253d53 55%,#273f64 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.blog-hero p{color:#5f6d78}
.blog-hero-art{min-height:370px;color:#324150}
.blog-hero-art svg{fill:none!important;overflow:visible}
.blog-art-map{fill:none!important;stroke:#576d7d;stroke-width:1;stroke-dasharray:2 9;opacity:.2}

.blog-art-route--soft{stroke:#5b7180;stroke-width:1.1;stroke-dasharray:4 10;opacity:.22;animation-duration:27s;animation-direction:reverse}
.blog-art-pin{fill:#30475d!important;opacity:.38}

.blog-art-ticket rect,.blog-art-ticket>path:not(.blog-art-ticket-mark){fill:none!important;stroke:#52697a;stroke-width:1;opacity:.35}
.blog-art-ticket-mark{fill:#ff617d!important;stroke:none!important;opacity:.78}

.blog-tools-section{position:relative;padding:48px 0 96px;background:linear-gradient(180deg,#fff 0%,#fff 76%,#fbfcfd 100%)}
.blog-discovery{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:34px 48px;padding:30px 32px 24px;border:1px solid rgba(41,64,85,.09);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 22px 70px rgba(36,54,72,.07)}
.blog-discovery:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#13aaa6 0%,#3e72e8 50%,#ff617d 100%)}
.blog-discovery:after{content:"";position:absolute;right:-100px;top:-130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(62,114,232,.075),transparent 68%);pointer-events:none}
.blog-discovery-copy,.blog-discovery-controls,.blog-category-nav{position:relative;z-index:2}
.blog-discovery-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3e72e8}
.blog-discovery-eyebrow:before{content:"";width:18px;height:2px;border-radius:3px;background:linear-gradient(90deg,#13aaa6,#3e72e8)}
.blog-discovery h2{margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.08;letter-spacing:-.035em;color:#1a232c}
.blog-discovery-copy p{max-width:470px;margin:10px 0 0;color:#77838d;font-size:13px;line-height:1.6}
.blog-discovery-controls{align-self:center}
.blog-search{width:100%;height:60px;padding:0 7px 0 8px;border:1px solid #dce3e8;border-radius:16px;background:#f8fafb;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
.blog-search:focus-within{border-color:rgba(62,114,232,.45);background:#fff;box-shadow:0 0 0 5px rgba(62,114,232,.07),0 12px 34px rgba(40,63,86,.07);transform:translateY(-1px)}
.blog-search-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,rgba(19,170,166,.11),rgba(62,114,232,.11));color:#355d85}
.blog-search-icon svg{width:20px;height:20px;fill:none!important;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.blog-search-icon circle{fill:none!important}
.blog-search input{padding:0 14px;font-size:14px;color:#1d2730}.blog-search input::placeholder{color:#96a0a9}
.blog-search-clear{width:34px;height:34px;background:#edf1f4;color:#6e7a85}
.blog-search-clear svg{width:15px;height:15px;fill:none!important;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.blog-search-clear:hover{background:#e5ebef;color:#27343f}
.blog-search button{height:46px;min-width:108px;border-radius:13px;background:linear-gradient(105deg,#243745 0%,#2c5271 62%,#3e72e8 145%);box-shadow:0 8px 22px rgba(38,71,99,.16)}
.blog-search button:hover{background:linear-gradient(105deg,#182a38,#2f5c80);transform:translateY(-1px)}
.blog-search button svg{fill:none!important}
.blog-category-nav{grid-column:1/-1;margin-top:2px;padding-top:19px;border-top:1px solid #edf0f2;gap:8px}
.blog-category-chip{min-height:40px;padding:0 14px;border-color:#e2e7eb;background:#fbfcfd;color:#64717c}
.blog-category-chip:hover{border-color:rgba(62,114,232,.28);background:#f7f9ff;color:#274965}
.blog-category-chip.active{border-color:transparent;background:linear-gradient(105deg,#223643,#315b78);box-shadow:0 8px 22px rgba(40,65,84,.14)}
.blog-category-chip.active small{background:rgba(255,255,255,.17)}
.blog-results-head{margin-top:58px;border-top:0;padding-top:0}
.blog-results-kicker{color:#3e72e8}.blog-results-head h2{color:#1b242c}.blog-result-count{padding:7px 12px;border-radius:999px;background:#f1f5f7;color:#687681}
.blog-grid{gap:48px 26px}
.blog-card-media{border-radius:20px;box-shadow:0 1px 0 rgba(26,43,58,.03)}
.blog-card-placeholder{background:linear-gradient(135deg,#eef8f7 0%,#f0f4ff 55%,#fff3f5 100%);color:#345064}
.blog-card-placeholder--2{background:linear-gradient(135deg,#edf5ff,#f6f0ff);color:#405b88}
.blog-card-placeholder--3{background:linear-gradient(135deg,#fff4ef,#f3f7ff);color:#76504a}
.blog-card-placeholder--4{background:linear-gradient(135deg,#eefaf7,#f7f9ff);color:#3d665c}
.blog-card-placeholder circle{fill:none!important}
.blog-card-placeholder .placeholder-point{fill:currentColor!important}
.blog-card-category{color:#3e72e8}.blog-card h3 a:hover{color:#315f84}
.blog-card-footer>a{color:#2f5e82}.blog-card-footer>a:hover{color:#ff617d}
.blog-empty{border-color:#e2e8ed;background:linear-gradient(135deg,#fbfefe,#f8f9ff)}
.blog-empty svg,.blog-empty svg circle{fill:none!important}

/* Blog detail keeps the same visual language. */
.blog-detail-hero{background:radial-gradient(circle at 85% 20%,rgba(62,114,232,.10),transparent 30%),radial-gradient(circle at 12% 70%,rgba(19,170,166,.09),transparent 28%),linear-gradient(135deg,#f7fbfb,#f5f7ff 62%,#fff8f8);border-bottom-color:rgba(42,65,83,.08)}
.blog-detail-meta{color:#536574}.blog-detail-hero h1{background:linear-gradient(105deg,#171d22,#283f54 62%,#315d86);-webkit-background-clip:text;background-clip:text;color:transparent}
.blog-detail-route path:first-of-type{fill:none!important;stroke-width:1.6;stroke-dasharray:9 14;animation:blogRoute 24s linear infinite}
.blog-detail-route circle{fill:#3e72e8!important;stroke:none!important}.blog-detail-route g,.blog-detail-route g path{fill:#ff617d!important;stroke:none!important}

.blog-reading-line span{background:linear-gradient(90deg,#13aaa6,#3e72e8,#ff617d)}
.blog-prose blockquote{border-left-color:#3e72e8;background:linear-gradient(90deg,rgba(62,114,232,.055),transparent);padding:14px 20px;border-radius:0 14px 14px 0}

@media(max-width:1080px){
  .blog-discovery{grid-template-columns:1fr;gap:22px}.blog-category-nav{grid-column:auto}
}
@media(max-width:767px){
  .blog-hero{padding:72px 0 52px}.blog-hero-art{right:-190px;bottom:-75px;width:500px;height:310px;opacity:.34}.blog-hero h1{font-size:clamp(42px,13vw,62px)}
  .blog-tools-section{padding:26px 0 64px}.blog-discovery{display:block;padding:24px 18px 18px;border-radius:20px}.blog-discovery-copy{margin-bottom:19px}.blog-discovery h2{font-size:27px}.blog-discovery-copy p{font-size:12px}
  .blog-search{height:56px;border-radius:15px;padding-left:6px}.blog-search-icon{width:40px;height:40px;border-radius:12px}.blog-search button{min-width:48px;width:48px;height:44px;border-radius:12px;padding:0}.blog-search button span{display:none}
  .blog-mobile-filter{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px}.blog-mobile-filter label{font-size:9px;letter-spacing:.13em;color:#6f7d89}.blog-mobile-filter select{height:48px;border-radius:13px;border-color:#dde4e9;background:#fff}
  .blog-category-nav{display:none}.blog-results-head{margin-top:40px}.blog-result-count{padding:6px 10px}.blog-grid{gap:40px}.blog-card-media{border-radius:17px}
}


/* =========================================================
   ALYS Corporate Web v15
   container consistency + robust mobile brand
   ========================================================= */
.corp-layout{grid-template-columns:minmax(190px,220px) minmax(0,1fr);justify-content:stretch;gap:64px;width:100%}
.corp-prose{width:100%;max-width:none}.corp-prose>.corp-intro,.corp-prose>.corp-highlight-grid,.corp-prose>.corp-service-pills,.corp-prose>.corp-quote,.corp-prose>.corp-language-band,.corp-prose>h2,.corp-prose>h3,.corp-prose>p,.corp-prose>ul,.corp-prose>ol{max-width:980px}
.corp-prose>.corp-highlight-grid,.corp-prose>.corp-service-pills,.corp-prose>.corp-quote{max-width:100%}

.mobile-header-brand{display:none;flex:0 1 auto;align-items:center;min-width:120px;height:100%;overflow:visible}
.mobile-header-logo-box{display:flex;align-items:center;justify-content:flex-start;width:min(190px,58vw);height:48px;overflow:visible}
.mobile-header-logo{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important;opacity:1!important;visibility:visible!important}
.mobile-header-logo--inverted{filter:brightness(0) invert(1)}
.mobile-header-name{font-size:19px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.mobile-menu-brand{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-width:130px;max-width:72%;min-height:48px}
.mobile-menu-brand-mark{display:flex;align-items:center;width:min(200px,62vw);height:42px;overflow:visible}
.mobile-menu-brand-mark img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:40px!important;object-fit:contain!important;object-position:left center!important;opacity:1!important;visibility:visible!important}
.mobile-menu-eyebrow{display:none!important}

@media(max-width:1080px){
  .header-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
  .brand{display:none!important}.mobile-header-brand{display:flex!important}.header-tools{margin-left:auto!important;flex:0 0 auto!important}
  .corp-layout{grid-template-columns:180px minmax(0,1fr);gap:42px}
}
@media(max-width:767px){
  .header-row{width:min(var(--site-container),calc(100% - var(--site-gutter)))!important}
  .mobile-header-brand{min-width:108px;max-width:62vw}.mobile-header-logo-box{width:min(170px,60vw);height:42px}.mobile-header-logo{max-height:37px!important}
  .mobile-menu-top{align-items:center}.mobile-menu-brand{max-width:70%}.mobile-menu-brand-mark{width:min(180px,60vw);height:38px}.mobile-menu-brand-mark img{max-height:34px!important}
  .mobile-menu-content{padding-top:24px!important}
  .corp-layout{grid-template-columns:1fr;gap:36px}
  .corp-prose>.corp-intro,.corp-prose>.corp-highlight-grid,.corp-prose>.corp-service-pills,.corp-prose>.corp-quote,.corp-prose>.corp-language-band,.corp-prose>h2,.corp-prose>h3,.corp-prose>p,.corp-prose>ul,.corp-prose>ol{max-width:none}
}

/* =========================================================
   ALYS Corporate Web v16
   Blog search repair
   ========================================================= */

/* Blog keşif araması: tarayıcı varsayılan buton/input görünümünü tamamen sıfırla. */
.blog-discovery-controls{width:100%;min-width:0}
.blog-search-form-v16{display:flex!important;align-items:center;width:100%;min-height:62px;padding:7px 7px 7px 9px;margin:0;border:1px solid rgba(49,76,96,.12);border-radius:18px;background:#f8fafc;box-shadow:inset 0 1px 0 rgba(255,255,255,.86);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}
.blog-search-form-v16:focus-within{border-color:rgba(54,111,218,.38);background:#fff;box-shadow:0 0 0 5px rgba(54,111,218,.065),0 16px 36px rgba(28,55,79,.08);transform:translateY(-1px)}
.blog-search-form-v16>svg{display:block;width:21px;height:21px;margin:auto;fill:none!important;stroke:#315d7a;stroke-width:1.55;stroke-linecap:round}
.blog-search-form-v16 input[type="search"]{-webkit-appearance:none;appearance:none;display:block;flex:1 1 auto;width:100%;min-width:0;height:46px;padding:0 14px!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#18232c;font-size:14px;line-height:46px}
.blog-search-form-v16 input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
.blog-search-form-v16 input::placeholder{color:#8996a0;opacity:1}
.blog-search-form-v16 .blog-search-clear{display:flex!important;align-items:center;justify-content:center;width:34px;height:34px;margin-right:4px;border-radius:50%;background:#edf2f5;color:#6a7882}
.blog-search-form-v16 .blog-search-clear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.blog-search-form-v16 button[type="submit"]{-webkit-appearance:none;appearance:none;display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-width:112px;height:48px;padding:0 18px!important;margin:0!important;border:0!important;border-radius:13px!important;outline:0;background:linear-gradient(110deg,#203b4d 0%,#2f5e7e 68%,#3e72e8 145%)!important;color:#fff!important;box-shadow:0 10px 22px rgba(31,67,92,.16)!important;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.blog-search-form-v16 button[type="submit"] svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.blog-search-form-v16 button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(31,67,92,.21)!important}

@media(max-width:767px){
  .blog-discovery{padding:22px 16px 17px!important}.blog-discovery-controls{width:100%}.blog-search-form-v16{min-height:56px;padding:5px;border-radius:15px}.blog-search-form-v16 input[type="search"]{height:44px;padding:0 8px!important;font-size:13px}.blog-search-form-v16 button[type="submit"]{min-width:48px;width:48px;height:44px;padding:0!important;border-radius:12px!important}.blog-search-form-v16 button[type="submit"] span{display:none}.blog-search-form-v16 button[type="submit"] svg{width:18px;height:18px}
}

/* v17 blog discovery redesign */
.blog-discovery--v17{display:block!important;padding:34px 36px 28px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,252,253,.98))!important;box-shadow:0 24px 80px rgba(27,49,68,.08)!important}
.blog-discovery--v17:after{display:none!important}
.blog-discovery-main{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:28px 38px;align-items:center}
.blog-search-panel{position:relative;padding:22px;border-radius:24px;background:linear-gradient(135deg,#f5fbff 0%,#ffffff 48%,#fdf7fb 100%);border:1px solid rgba(43,76,101,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 16px 50px rgba(28,57,82,.08)}
.blog-search-panel:before{content:"";position:absolute;inset:auto 22px 0 22px;height:1px;background:linear-gradient(90deg,rgba(19,170,166,.08),rgba(62,114,232,.18),rgba(255,97,125,.08))}
.blog-search-panel-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.blog-search-panel-head strong{display:block;font-size:14px;font-weight:700;letter-spacing:.02em;color:#1b2530}
.blog-search-panel-head small{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#7a8792}
.blog-search-panel-icon{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,rgba(19,170,166,.12),rgba(62,114,232,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.blog-search-panel-icon svg{width:21px;height:21px;fill:none;stroke:#315d7a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.blog-search-form-v17{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.blog-search-field{position:relative;display:flex;align-items:center;min-width:0;height:58px;padding:0 12px 0 18px;border:1px solid rgba(49,76,96,.13);border-radius:18px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.blog-search-field:focus-within{border-color:rgba(54,111,218,.40);box-shadow:0 0 0 4px rgba(54,111,218,.06),0 12px 26px rgba(28,55,79,.07);transform:translateY(-1px)}
.blog-search-form-v17 input[type="search"]{-webkit-appearance:none;appearance:none;display:block;flex:1 1 auto;width:100%;min-width:0;height:56px;padding:0;border:0;outline:0;background:transparent;color:#18232c;font-size:14px;line-height:56px;box-shadow:none}
.blog-search-form-v17 input[type="search"]::placeholder{color:#8a97a1;opacity:1}
.blog-search-form-v17 input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
.blog-search-form-v17 button[type="submit"]{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:118px;height:58px;padding:0 22px;border:0;border-radius:18px;background:linear-gradient(120deg,#183646 0%,#2d5f7f 58%,#3e72e8 100%);color:#fff;box-shadow:0 14px 26px rgba(29,61,87,.16);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.blog-search-form-v17 button[type="submit"] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.blog-search-form-v17 button[type="submit"]:hover{transform:translateY(-1px);box-shadow:0 17px 30px rgba(29,61,87,.22)}
.blog-search-form-v17 .blog-search-clear{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#edf2f5;color:#6a7882}
.blog-search-form-v17 .blog-search-clear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.blog-search-suggestions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px}
.blog-search-suggestions span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7c8993}
.blog-search-suggestions a{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid rgba(48,78,103,.11);border-radius:999px;background:rgba(255,255,255,.84);font-size:12px;font-weight:600;color:#32506b;transition:border-color .18s ease,transform .18s ease,color .18s ease,background .18s ease}
.blog-search-suggestions a:hover{border-color:rgba(62,114,232,.22);background:#fff;color:#23415d;transform:translateY(-1px)}
.blog-discovery--v17 .blog-mobile-filter{display:none;margin-top:16px}
.blog-discovery--v17 .blog-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(34,61,82,.08)}
@media (max-width: 991.98px){
  .blog-discovery--v17{padding:28px 24px 22px!important}
  .blog-discovery-main{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 767.98px){
  .blog-discovery--v17{padding:22px 16px 18px!important;border-radius:22px!important}
  .blog-search-panel{padding:18px;border-radius:20px}
  .blog-search-panel-head{margin-bottom:14px}
  .blog-search-panel-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
  .blog-search-form-v17{grid-template-columns:1fr;gap:10px}
  .blog-search-field{height:52px;padding-left:15px;border-radius:15px}
  .blog-search-form-v17 input[type="search"]{height:50px;font-size:13px;line-height:50px}
  .blog-search-form-v17 button[type="submit"]{min-width:0;width:100%;height:50px;border-radius:15px}
  .blog-discovery--v17 .blog-mobile-filter{display:flex;align-items:center;gap:10px}
  .blog-discovery--v17 .blog-mobile-filter label{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7c8993}
  .blog-discovery--v17 .blog-mobile-filter select{min-width:0;flex:1;height:48px;padding:0 14px;border:1px solid rgba(48,78,103,.12);border-radius:14px;background:#fff;color:#24313c;font-size:13px;outline:0}
  .blog-discovery--v17 .blog-category-nav{display:none}
}


/* =========================================================
   ALYS Corporate Web v18
   Corporate alignment + clean header
   ========================================================= */

/* Video üzerindeki headerın altında ek çizgi/gölge yok. */
.site-header--hero:not(.scrolled):not(.menu-open){border-bottom:0!important;box-shadow:none!important}
.site-header--hero:not(.scrolled):not(.menu-open):after{display:none!important}

/* Kurumsal hero, diğer sayfalardaki ortak container ile aynı ekseni kullanır. */
.corp-hero-grid{width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;margin-inline:auto!important}
.corp-hero-copy{max-width:820px!important}
.corp-main{overflow:visible}
.corp-prose{width:100%;max-width:900px!important}
.corp-prose>.corp-intro,.corp-prose>.corp-highlight-grid,.corp-prose>.corp-service-pills,.corp-prose>.corp-quote,.corp-prose>.corp-language-band,.corp-prose>h2,.corp-prose>h3,.corp-prose>p,.corp-prose>ul,.corp-prose>ol{max-width:900px!important}

/* Geniş masaüstü: sol kurumsal menü viewport rayında, içerik hero eksenine yakın. */
@media (min-width:1601px){
  .corp-layout{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:max(210px,calc((100vw - var(--site-container))/2)) minmax(0,900px) minmax(0,1fr)!important;justify-content:stretch!important;gap:48px!important;align-items:start!important}
  .corp-side-nav{grid-column:1;position:sticky!important;top:116px;width:100%;padding-left:0;padding-right:0}
  .corp-prose{grid-column:2;margin:0!important}
}

/* Normal masaüstü/tablet: kurumsal navigasyon içerikten önce yataydır; içerik hero ile aynı container başlangıcına oturur. */
@media (min-width:768px) and (max-width:1600px){
  .corp-layout{width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:38px!important}
  .corp-side-nav{position:static!important;display:grid!important;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;border:1px solid #e3e7e9;border-radius:16px;overflow:hidden;background:#fff}
  .corp-side-title{display:flex!important;align-items:center;height:100%;padding:0 18px!important;border-right:1px solid #e8ebed}
  .corp-side-nav a{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 12px;border:0!important;border-right:1px solid #e8ebed;font-size:12px;transform:none!important}
  .corp-side-nav a:last-child{border-right:0!important}
  .corp-side-nav a span{display:inline!important}
  .corp-prose{max-width:900px!important;margin:0!important}
}

@media (max-width:767px){
  .corp-layout{width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:30px!important}
  .corp-prose{max-width:none!important;margin:0!important}
  .corp-prose>.corp-intro,.corp-prose>.corp-highlight-grid,.corp-prose>.corp-service-pills,.corp-prose>.corp-quote,.corp-prose>.corp-language-band,.corp-prose>h2,.corp-prose>h3,.corp-prose>p,.corp-prose>ul,.corp-prose>ol{max-width:none!important}
}

/* =========================================================
   ALYS Corporate Web v19
   Unified native-free search controls for Blog
   ========================================================= */
.alys-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important}
.alys-search-field{display:flex!important;align-items:center!important;min-width:0!important;height:58px!important;margin:0!important;padding:0 12px 0 16px!important;border:1px solid rgba(49,76,96,.14)!important;border-radius:18px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;overflow:hidden!important;cursor:text!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
.alys-search-field:focus-within{border-color:rgba(54,111,218,.42)!important;box-shadow:0 0 0 4px rgba(54,111,218,.06),0 12px 28px rgba(28,55,79,.07)!important;transform:translateY(-1px)!important}
.alys-search-leading{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin-right:8px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(19,170,166,.10),rgba(62,114,232,.10))!important;color:#315d7a!important}
.alys-search-leading svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.alys-search-input{all:unset;-webkit-appearance:none!important;appearance:none!important;display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;height:56px!important;padding:0!important;margin:0!important;color:#18232c!important;background:transparent!important;font:500 14px/56px Archivo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-sizing:border-box!important}
.alys-search-input::placeholder{color:#8a97a1!important;opacity:1!important;font-weight:400!important}
.alys-search-input::-webkit-search-cancel-button{-webkit-appearance:none!important;appearance:none!important;display:none!important}
.alys-search-clear{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin-left:8px!important;border-radius:50%!important;background:#edf2f5!important;color:#6a7882!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}
.alys-search-clear:hover{background:#e4ebef!important;color:#24313d!important;transform:scale(1.04)!important}
.alys-search-clear svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important}
.alys-search-submit{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:124px!important;height:58px!important;margin:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:linear-gradient(120deg,#183646 0%,#2d5f7f 58%,#3e72e8 100%)!important;color:#fff!important;box-shadow:0 14px 26px rgba(29,61,87,.18)!important;overflow:hidden!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease!important}
.alys-search-submit:hover{transform:translateY(-1px)!important;box-shadow:0 18px 32px rgba(29,61,87,.23)!important}
.alys-search-submit input[type="submit"]{all:unset;-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;height:100%!important;padding:0 42px 0 20px!important;box-sizing:border-box!important;cursor:pointer!important;color:#fff!important;text-align:center!important;text-transform:uppercase!important;font:700 11px/58px Archivo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:.08em!important;white-space:nowrap!important}
.alys-search-submit svg{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.55!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.blog-search-panel .alys-search{width:100%!important}
@media(max-width:767.98px){
  .alys-search{grid-template-columns:minmax(0,1fr) 52px!important;gap:8px!important}
  .alys-search-field{height:52px!important;padding-left:10px!important;border-radius:15px!important}
  .alys-search-leading{flex-basis:36px!important;width:36px!important;height:36px!important;margin-right:6px!important;border-radius:10px!important}
  .alys-search-input{height:50px!important;font-size:13px!important;line-height:50px!important}
  .alys-search-submit{min-width:52px!important;width:52px!important;height:52px!important;border-radius:15px!important}
  .alys-search-submit input[type="submit"]{font-size:0!important;padding:0!important;line-height:52px!important}
  .alys-search-submit svg{right:50%!important;transform:translate(50%,-50%)!important;width:18px!important;height:18px!important}
}

/* =========================================================
   ALYS Corporate Web v20
   Corporate content alignment + favicon cache bump
   ========================================================= */

/* Tüm kurumsal sayfalarda ana içerik, hero metninin sol ekseniyle aynı hizadadır. */
@media (min-width:1800px){
  .corp-layout{
    position:relative!important;
    display:block!important;
    width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
    max-width:var(--site-container)!important;
    margin-inline:auto!important;
  }
  .corp-prose{
    width:100%!important;
    max-width:900px!important;
    margin:0!important;
  }
  .corp-side-nav{
    position:absolute!important;
    top:0!important;
    right:calc(100% + 34px)!important;
    width:min(210px,calc((100vw - var(--site-container))/2 - 34px))!important;
    min-width:170px;
  }
}

/* Daha dar masaüstü/tabletlerde navigasyon üstte kalır; içerik yine hero ile aynı container başlangıcından başlar. */
@media (min-width:768px) and (max-width:1799px){
  .corp-layout{
    width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
    max-width:var(--site-container)!important;
    margin-inline:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:36px!important;
  }
  .corp-side-nav{position:static!important}
  .corp-prose{width:100%!important;max-width:900px!important;margin:0!important}
}

/* Hero ve içerik aynı container tokenını kullanır. */
.corp-hero-grid,
.corp-main>.corp-layout{
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  max-width:var(--site-container)!important;
  margin-inline:auto!important;
}

/* =========================================================
   ALYS Corporate Web v23
   Design lock + Blog redesign + Corporate alignment
   ========================================================= */

/* --- Blog: Odak Group / DESIGN renk kilidi --- */
.blog-hero{
  background:var(--color-soft)!important;
  border-bottom:1px solid var(--color-line)!important;
}
.blog-hero-glow{display:none!important}
.blog-kicker,.blog-results-kicker,.blog-discovery-eyebrow{color:var(--color-muted)!important}
.blog-kicker>span,.blog-discovery-eyebrow:before,.blog-results-kicker:before{background:var(--color-accent)!important}
.blog-hero-copy h1,.blog-results-head h2{color:var(--color-ink)!important}
.blog-hero-copy>p{color:var(--color-muted)!important}
.blog-hero-art{color:var(--color-ink)!important}
.blog-art-map,.blog-art-route--soft,.blog-art-ticket rect,.blog-art-ticket>path{stroke:currentColor!important;opacity:.15!important}



.blog-tools-section--v23{padding:54px 0 92px!important;background:#fff!important}
.blog-explore-v23{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.blog-explore-v23__head{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);
  gap:36px 64px;
  align-items:end;
  padding-bottom:24px;
}
.blog-explore-v23__head h2{
  max-width:620px;
  margin:7px 0 0;
  font-size:clamp(30px,3vw,44px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:600;
  color:var(--color-ink);
}
.blog-explore-v23__head>p{
  max-width:540px;
  margin:0;
  color:var(--color-muted);
  font-size:14px;
  line-height:1.65;
}

.blog-search-capsule-v23{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto 54px!important;
  align-items:center!important;
  width:min(100%,980px)!important;
  min-height:68px!important;
  margin:8px 0 0!important;
  padding:7px 7px 7px 10px!important;
  border:1px solid var(--color-line)!important;
  border-radius:9999px!important;
  background:#fff!important;
  box-shadow:var(--shadow-soft)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.blog-search-capsule-v23:focus-within{
  border-color:#d6d6d6!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.02),0 6px 18px rgba(0,0,0,.07)!important;
  transform:translateY(-1px);
}
.blog-search-capsule-v23__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:999px;
  background:var(--color-soft);
  color:var(--color-ink);
}
.blog-search-capsule-v23__icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.blog-search-capsule-v23>input[type="search"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  padding:0 14px!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--color-ink)!important;
  font:500 14px/52px Archivo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.blog-search-capsule-v23>input[type="search"]::placeholder{color:var(--color-muted)!important;opacity:.82!important;font-weight:400!important}
.blog-search-capsule-v23>input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none!important;display:none!important}
.blog-search-capsule-v23__clear{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-right:4px;
  border-radius:50%;
  background:var(--color-soft);
  color:var(--color-muted);
}
.blog-search-capsule-v23__clear svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.blog-search-capsule-v23__submit{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--color-accent)!important;
  color:#fff!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:background .18s ease,transform .18s ease!important;
}
.blog-search-capsule-v23__submit:hover{background:var(--color-accent-dark)!important;transform:scale(1.035)}
.blog-search-capsule-v23__submit input[type="submit"]{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}
.blog-search-capsule-v23__submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

.blog-explore-v23__filters{margin-top:22px;padding-top:20px;border-top:1px solid var(--color-line)}
.blog-explore-v23 .blog-category-nav{display:flex!important;flex-wrap:wrap;gap:9px!important;margin:0!important;padding:0!important;border:0!important}
.blog-explore-v23 .blog-category-chip,
.blog-explore-v23 .blog-category-nav a{
  border-color:var(--color-line)!important;
  background:#fff!important;
  color:var(--color-muted)!important;
  box-shadow:none!important;
}
.blog-explore-v23 .blog-category-chip:hover,
.blog-explore-v23 .blog-category-nav a:hover{
  border-color:#d5d5d5!important;
  background:var(--color-soft)!important;
  color:var(--color-ink)!important;
  transform:none!important;
}
.blog-explore-v23 .blog-category-chip.active,
.blog-explore-v23 .blog-category-nav a.active{
  border-color:var(--color-ink)!important;
  background:var(--color-ink)!important;
  color:#fff!important;
}
.blog-explore-v23 .blog-category-chip small{background:var(--color-soft)!important;color:var(--color-muted)!important}
.blog-explore-v23 .blog-category-chip.active small{background:rgba(255,255,255,.16)!important;color:#fff!important}
.blog-results-head{border-color:var(--color-line)!important}
.blog-result-count{background:var(--color-soft)!important;color:var(--color-muted)!important}
.blog-card-category{color:var(--color-muted)!important}
.blog-card-footer{border-color:var(--color-line)!important}
.blog-card-footer a{color:var(--color-ink)!important}
.blog-card-footer a:hover{color:var(--color-accent)!important}

/* --- Kurumsal: hero ve içerik aynı iki kolon iskeletinde --- */
.corp-shell-v23,
.corp-layout--v23{
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  max-width:var(--site-container)!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:48px!important;
  align-items:start!important;
}
.corp-shell-v23__rail{grid-column:1;min-height:1px}
.corp-hero-stage-v23{
  grid-column:2;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:64px;
  align-items:center;
  min-height:420px;
}
.corp-hero-stage-v23 .corp-hero-copy{max-width:760px!important;margin:0!important}
.corp-hero-stage-v23 .corp-art{min-width:0}
.corp-layout--v23 .corp-side-nav{
  grid-column:1!important;
  position:sticky!important;
  top:116px!important;
  right:auto!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.corp-layout--v23 .corp-prose{
  grid-column:2!important;
  width:100%!important;
  max-width:900px!important;
  margin:0!important;
}
.corp-main>.corp-layout--v23{max-width:var(--site-container)!important}

@media(max-width:1199.98px){
  .corp-shell-v23,.corp-layout--v23{grid-template-columns:160px minmax(0,1fr)!important;gap:32px!important}
  .corp-hero-stage-v23{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:34px}
}
@media(max-width:991.98px){
  .blog-explore-v23__head{grid-template-columns:1fr;gap:12px;padding-bottom:18px}
  .corp-shell-v23{grid-template-columns:1fr!important;gap:0!important}
  .corp-shell-v23__rail{display:none!important}
  .corp-hero-stage-v23{grid-column:1;grid-template-columns:1fr;gap:16px;min-height:0}
  .corp-layout--v23{grid-template-columns:1fr!important;gap:30px!important}
  .corp-layout--v23 .corp-side-nav{grid-column:1!important;position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;border:1px solid var(--color-line)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important}
  .corp-layout--v23 .corp-side-title{display:none!important}
  .corp-layout--v23 .corp-side-nav a{justify-content:center!important;border:0!important;border-right:1px solid var(--color-line)!important}
  .corp-layout--v23 .corp-side-nav a:last-child{border-right:0!important}
  .corp-layout--v23 .corp-prose{grid-column:1!important;max-width:900px!important}
}
@media(max-width:767.98px){
  .blog-tools-section--v23{padding:36px 0 64px!important}
  .blog-explore-v23__head h2{font-size:30px}
  .blog-search-capsule-v23{grid-template-columns:40px minmax(0,1fr) auto 48px!important;min-height:60px!important;padding:5px 6px 5px 8px!important}
  .blog-search-capsule-v23__icon{width:36px;height:36px}
  .blog-search-capsule-v23>input[type="search"]{height:48px!important;padding:0 8px!important;font-size:13px!important;line-height:48px!important}
  .blog-search-capsule-v23__submit{width:48px!important;height:48px!important}
  .blog-explore-v23 .blog-category-nav{display:none!important}
  .blog-explore-v23 .blog-mobile-filter{display:flex!important;align-items:center;gap:10px}
  .blog-explore-v23 .blog-mobile-filter label{flex:0 0 auto;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}
  .blog-explore-v23 .blog-mobile-filter select{min-width:0;flex:1;height:48px;padding:0 13px;border:1px solid var(--color-line);border-radius:12px;background:#fff;color:var(--color-ink);font-size:12px;outline:0}
  .corp-layout--v23 .corp-side-nav{grid-template-columns:1fr!important}
  .corp-layout--v23 .corp-side-nav a{justify-content:flex-start!important;padding:0 14px!important;border-right:0!important;border-bottom:1px solid var(--color-line)!important}
  .corp-layout--v23 .corp-side-nav a:last-child{border-bottom:0!important}
}

/* v24 - Web Forms uyumlu Blog keşif ve arama bileşeni */
.blog-tools-section--v24{padding:54px 0 92px!important;background:var(--color-white)!important}
.alys-discovery-toolbar{
  display:grid!important;
  grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr)!important;
  gap:36px 64px!important;
  align-items:center!important;
  padding:30px 32px!important;
  border:1px solid var(--color-line)!important;
  border-radius:14px!important;
  background:var(--color-soft)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.alys-discovery-toolbar__intro{min-width:0}
.alys-discovery-toolbar__eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 9px!important;
  color:var(--color-muted)!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}
.alys-discovery-toolbar__eyebrow:before{
  content:"";
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:var(--color-accent);
}
.alys-discovery-toolbar__intro h2{
  max-width:560px!important;
  margin:0!important;
  color:var(--color-ink)!important;
  font-size:clamp(29px,2.7vw,42px)!important;
  font-weight:600!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
}
.alys-discovery-toolbar__intro p{
  max-width:520px!important;
  margin:12px 0 0!important;
  color:var(--color-muted)!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.alys-discovery-toolbar__action{min-width:0;width:100%}
.alys-search-control{
  position:relative!important;
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  width:100%!important;
  min-height:62px!important;
  margin:0!important;
  padding:6px 7px 6px 10px!important;
  border:1px solid var(--color-line)!important;
  border-radius:9999px!important;
  background:var(--color-white)!important;
  box-shadow:var(--shadow-soft)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.alys-search-control:focus-within{
  border-color:#d3d3d3!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.02),0 5px 18px rgba(0,0,0,.07)!important;
  transform:translateY(-1px);
}
.alys-search-control__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  background:var(--color-soft)!important;
  color:var(--color-ink)!important;
}
.alys-search-control__icon svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.6!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
input.alys-search-control__input,
.alys-search-control input.alys-search-control__input{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  padding:0 14px 0 8px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--color-ink)!important;
  font-family:Archivo,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:48px!important;
}
.alys-search-control input.alys-search-control__input::placeholder{color:var(--color-muted)!important;opacity:.84!important;font-weight:400!important}
.alys-search-control input.alys-search-control__input::-webkit-search-cancel-button{-webkit-appearance:none!important;display:none!important}
a.alys-search-control__submit,
.alys-search-control a.alys-search-control__submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:92px!important;
  height:48px!important;
  padding:0 18px!important;
  margin:0!important;
  border:0!important;
  border-radius:9999px!important;
  background:var(--color-accent)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:background .18s ease,transform .18s ease!important;
}
.alys-search-control a.alys-search-control__submit:after{content:"→";display:inline-block;font-size:15px;line-height:1;transform:translateY(-1px)}
.alys-search-control a.alys-search-control__submit:hover{background:var(--color-accent-dark)!important;color:#fff!important;transform:translateY(-1px)}
.alys-category-strip{
  margin-top:18px!important;
  padding:0 2px 22px!important;
  border-bottom:1px solid var(--color-line)!important;
}
.alys-category-strip .blog-category-nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.alys-category-strip .blog-category-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:40px!important;
  padding:0 15px!important;
  border:1px solid var(--color-line)!important;
  border-radius:9999px!important;
  background:#fff!important;
  color:var(--color-muted)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:500!important;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
.alys-category-strip .blog-category-chip:hover{border-color:#d5d5d5!important;background:var(--color-soft)!important;color:var(--color-ink)!important;transform:none!important}
.alys-category-strip .blog-category-chip.active{border-color:var(--color-ink)!important;background:var(--color-ink)!important;color:#fff!important}
.alys-category-strip .blog-category-chip small{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;background:var(--color-soft)!important;color:var(--color-muted)!important;font-size:10px!important}
.alys-category-strip .blog-category-chip.active small{background:rgba(255,255,255,.14)!important;color:#fff!important}
.alys-mobile-filter{display:none!important}

@media(max-width:991px){
  .alys-discovery-toolbar{grid-template-columns:1fr!important;gap:22px!important;padding:26px 24px!important}
  .alys-discovery-toolbar__intro h2{max-width:650px!important}
}
@media(max-width:767px){
  .blog-tools-section--v24{padding:30px 0 66px!important}
  .alys-discovery-toolbar{padding:20px 16px!important;border-radius:14px!important;gap:18px!important}
  .alys-discovery-toolbar__intro h2{font-size:28px!important}
  .alys-discovery-toolbar__intro p{font-size:13px!important}
  .alys-search-control{grid-template-columns:40px minmax(0,1fr) 50px!important;min-height:56px!important;padding:5px!important}
  .alys-search-control__icon{width:38px!important;height:38px!important}
  input.alys-search-control__input,.alys-search-control input.alys-search-control__input{height:46px!important;padding:0 8px 0 6px!important;font-size:13px!important;line-height:46px!important}
  a.alys-search-control__submit,.alys-search-control a.alys-search-control__submit{min-width:46px!important;width:46px!important;height:46px!important;padding:0!important;font-size:0!important}
  .alys-search-control a.alys-search-control__submit:after{font-size:18px!important}
  .alys-mobile-filter{display:flex!important;align-items:center!important;gap:10px!important;margin-top:12px!important}
  .alys-mobile-filter label{flex:0 0 auto!important;color:var(--color-muted)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  .alys-mobile-filter select{min-width:0!important;flex:1!important;height:46px!important;padding:0 12px!important;border:1px solid var(--color-line)!important;border-radius:12px!important;background:#fff!important;color:var(--color-ink)!important;outline:0!important;font-size:12px!important}
  .alys-category-strip .blog-category-nav{display:none!important}
  .alys-category-strip{margin-top:12px!important;padding-bottom:14px!important}
}

/* =========================================================
   ALYS Corporate Web v25
   Desktop navigation motion + premium corporate dropdown
   + exact corporate page axis alignment
   ========================================================= */

/* Desktop navigation: movement stays subtle and within Odak Group palette. */
@media (min-width:1081px){
  .main-nav{gap:26px}
  .main-nav>.nav-item>.nav-link{
    min-height:52px;
    padding:0 3px 2px;
    transition:color .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease;
  }
  .main-nav>.nav-item>.nav-link:hover{transform:translateY(-2px);opacity:1}
  .main-nav>.nav-item>.nav-link .nav-route-dot{
    width:5px;height:5px;background:var(--color-accent);box-shadow:0 0 0 0 rgba(255,56,92,.14)
  }
  .main-nav>.nav-item>.nav-link:hover .nav-route-dot,
  .main-nav>.nav-item.active>.nav-link .nav-route-dot{
    box-shadow:0 0 0 5px rgba(255,56,92,.09)
  }
  .main-nav>.nav-item>.nav-link:after{
    left:13px;right:2px;bottom:5px;height:2px;border-radius:2px;background:var(--color-accent);opacity:.92
  }
  .site-header--hero:not(.scrolled):not(.menu-open) .main-nav>.nav-item>.nav-link:after{background:#fff;opacity:.74}
}

/* WhatsApp: requested green exception, isolated from the site accent system. */
.header-whatsapp{
  position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;
  width:42px;height:42px;border-radius:999px;background:#25d366;color:#fff;
  box-shadow:0 8px 20px rgba(37,211,102,.20);transition:transform .25s ease,box-shadow .25s ease,background .2s ease;z-index:4
}
.header-whatsapp:hover{transform:translateY(-2px) scale(1.035);background:#20c45d;box-shadow:0 12px 28px rgba(37,211,102,.28)}
.header-whatsapp svg{position:relative;z-index:2;width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.header-whatsapp svg path:first-child{fill:rgba(255,255,255,.08)}
.header-whatsapp-pulse{position:absolute;inset:-1px;border:1px solid rgba(37,211,102,.44);border-radius:inherit;animation:waPulse 2.6s ease-out infinite;pointer-events:none}
.header-whatsapp-label{position:absolute;right:calc(100% + 10px);top:50%;transform:translate(8px,-50%);padding:7px 10px;border-radius:8px;background:#222;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.header-whatsapp:hover .header-whatsapp-label{opacity:1;visibility:visible;transform:translate(0,-50%);transition-delay:0s}
@keyframes waPulse{0%{opacity:.6;transform:scale(1)}65%,100%{opacity:0;transform:scale(1.28)}}
.site-header--hero:not(.scrolled):not(.menu-open) .header-whatsapp{box-shadow:0 9px 25px rgba(0,0,0,.16),0 8px 20px rgba(37,211,102,.16)}
.mobile-menu-whatsapp{color:#74e99e!important;font-weight:600!important}

/* Exact shared axis for About / Mission / Vision.
   Hero and content use the SAME rail + content columns. */
:root{--corp-rail-v25:190px;--corp-gap-v25:48px}
.corp-axis-grid,.corp-shell-v23,.corp-layout--v23{
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  max-width:var(--site-container)!important;margin-inline:auto!important;
  display:grid!important;grid-template-columns:var(--corp-rail-v25) minmax(0,1fr)!important;
  column-gap:var(--corp-gap-v25)!important;align-items:start!important
}
.corp-shell-v23__rail{grid-column:1!important}
.corp-hero-stage-v23{grid-column:2!important;margin:0!important;min-width:0!important}
.corp-layout--v23 .corp-side-nav{grid-column:1!important;position:sticky!important;top:116px!important;right:auto!important;width:100%!important;min-width:0!important;margin:0!important}
.corp-layout--v23 .corp-prose{grid-column:2!important;width:100%!important;max-width:900px!important;margin:0!important;min-width:0!important}
.corp-hero-stage-v23 .corp-hero-copy{margin-left:0!important;margin-right:0!important}

@media(max-width:1199.98px) and (min-width:992px){
  :root{--corp-rail-v25:160px;--corp-gap-v25:32px}
}
@media(max-width:991.98px){
  .corp-axis-grid,.corp-shell-v23,.corp-layout--v23{grid-template-columns:1fr!important;column-gap:0!important}
  .corp-shell-v23__rail{display:none!important}
  .corp-hero-stage-v23,.corp-layout--v23 .corp-side-nav,.corp-layout--v23 .corp-prose{grid-column:1!important}
  .corp-layout--v23 .corp-side-nav{position:static!important}
}

@media(prefers-reduced-motion:reduce){
  .header-whatsapp-pulse{animation:none!important}
}


/* =========================================================
   ALYS Corporate Web v35
   Cinematic content chapters + universal site container
   + compact uppercase navigation
   ========================================================= */

/* One axis everywhere: all public page wrappers use the same 1440px / 48px desktop gutter system. */
body .site-container,
body .page-site-container{
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  max-width:var(--site-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Blog detail: do not recenter a narrower pseudo-container inside site-container. */
.blog-detail-head.site-container{max-width:var(--site-container)!important}
.blog-detail-layout.site-container{
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  max-width:var(--site-container)!important;
  grid-template-columns:190px minmax(0,900px) minmax(0,1fr)!important;
  justify-content:stretch!important;
  gap:48px!important;
}
.blog-detail-layout .blog-detail-aside{grid-column:1}
.blog-detail-layout .blog-article{grid-column:2;min-width:0;width:100%}

/* Corporate pages keep one rail/content axis from hero through prose and CTA. */
.corp-shell-v23.site-container,
.corp-layout--v23.site-container,
.corp-cta-inner.site-container{
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  max-width:var(--site-container)!important;
  margin-inline:auto!important;
}
.corp-shell-v23,.corp-layout--v23{
  grid-template-columns:190px minmax(0,1fr)!important;
  column-gap:48px!important;
}
.corp-hero-stage-v23,.corp-layout--v23 .corp-prose{grid-column:2!important}
.corp-layout--v23 .corp-side-nav{grid-column:1!important}

/* Header navigation: compact, uppercase and quieter spacing. */
@media(min-width:1081px){
  .main-nav{gap:14px!important}
  .main-nav>.nav-item>.nav-link{min-height:50px!important;padding-inline:2px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.065em!important;text-transform:uppercase!important}
  .main-nav>.nav-item>.nav-link .nav-label{text-transform:uppercase!important}
  .main-nav>.nav-item>.nav-link:after{left:8px!important;right:0!important;height:1px!important}
  .sub-menu-list>.nav-child>.nav-link{letter-spacing:.025em!important;text-transform:uppercase!important;font-size:11px!important}
}
.mobile-nav-label,.mobile-sub-link{text-transform:uppercase}

/* Home video: cinematic chapter system. No blur card, no orbit, no black local panel. */
.video-hero .hero-copy{
  top:54%!important;
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  text-align:left!important;
  pointer-events:none!important;
}
.hero-story{
  position:relative;
  width:min(960px,78vw);
  margin:0 auto;
  padding:0;
  color:#fff;
  pointer-events:auto;
}
.hero-story-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  color:rgba(255,255,255,.72);
}
.hero-story-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:10px;
  line-height:1;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 2px 14px rgba(0,0,0,.26);
}
.hero-story-eyebrow i{
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--color-accent);
  box-shadow:0 0 0 5px rgba(255,56,92,.12);
}
.hero-story-counter{
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  font-size:10px;
  font-weight:500;
  letter-spacing:.10em;
  color:rgba(255,255,255,.50);
}
.hero-story-counter b{font-size:14px;font-weight:600;color:#fff}
.hero-story-counter em{font-style:normal;opacity:.45}
.hero-story-stage{
  position:relative!important;
  min-height:clamp(155px,15vw,228px)!important;
  overflow:hidden!important;
  perspective:1000px;
}
.hero-story-slide{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  opacity:0!important;
  transform:none!important;
  pointer-events:none!important;
  overflow:hidden;
}
.hero-story-slide.is-active{opacity:1!important;pointer-events:auto!important}
.hero-story-slide.is-leaving{opacity:1!important}
.hero-story-title{
  position:relative!important;
  z-index:2;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline;
  gap:.05em .22em!important;
  width:min(900px,100%);
  margin:0!important;
  padding:4px 0 12px!important;
  font-size:clamp(46px,5.6vw,78px)!important;
  line-height:.99!important;
  font-weight:600!important;
  letter-spacing:-.047em!important;
  color:#fff!important;
  text-shadow:0 5px 28px rgba(0,0,0,.34)!important;
  -webkit-text-stroke:0!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.hero-story-title:after{display:none!important;content:none!important}
.hero-story-word{
  display:inline-block;
  overflow:hidden;
  padding:.06em .01em .10em;
  perspective:700px;
}
.hero-story-word>span{
  display:block;
  opacity:0;
  transform:translate3d(0,118%,0) rotateX(-42deg);
  transform-origin:50% 100%;
  transition:transform .76s cubic-bezier(.16,1,.3,1),opacity .36s ease;
  transition-delay:calc(var(--word-order) * 72ms + 80ms);
  will-change:transform,opacity;
}
.hero-story-slide.is-active .hero-story-word>span{
  opacity:1;
  transform:translate3d(0,0,0) rotateX(0);
}
.hero-story-slide.is-leaving .hero-story-word>span{
  opacity:0;
  transform:translate3d(0,-112%,0) rotateX(34deg);
  transition-delay:calc(var(--word-order) * 36ms);
}
.hero-story-ghost{
  position:absolute;
  z-index:1;
  right:1%;
  top:50%;
  transform:translateY(-53%);
  font-size:clamp(118px,15vw,210px);
  line-height:.75;
  font-weight:700;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.055);
  user-select:none;
  pointer-events:none;
  transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s ease;
}
.hero-story-slide.is-active .hero-story-ghost{transform:translateY(-53%) translateX(0);opacity:1}
.hero-story-slide.is-leaving .hero-story-ghost{transform:translateY(-53%) translateX(26px);opacity:0}
.hero-story-steps{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  margin-top:18px;
}
.hero-story-step{
  position:relative!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:30px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  color:rgba(255,255,255,.45)!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:width .28s cubic-bezier(.16,1,.3,1),background .2s ease,color .2s ease,border-color .2s ease!important;
}
.hero-story-step:after{display:none!important;content:none!important}
.hero-story-step span{font-size:9px;font-weight:600;letter-spacing:.06em}
.hero-story-step.is-active{
  width:48px!important;
  border-color:rgba(255,255,255,.48)!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
.hero-story-step.is-active:before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:var(--color-accent);
  transform-origin:left center;
  animation:heroStoryProgress var(--hero-interval,4200ms) linear forwards;
}
@keyframes heroStoryProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Old hero extras stay out of the chapter composition. */
.hero-story .hero-summary,.hero-story .hero-cta{display:none!important}

@media(max-width:1080px){
  .blog-detail-layout.site-container{grid-template-columns:160px minmax(0,1fr)!important;gap:36px!important}
  .blog-detail-layout .blog-article{grid-column:2}
  .corp-shell-v23,.corp-layout--v23{grid-template-columns:160px minmax(0,1fr)!important;column-gap:32px!important}
  .hero-story{width:min(860px,90vw)}
  .hero-story-title{font-size:clamp(44px,8vw,68px)!important}
}
@media(max-width:991.98px){
  .corp-shell-v23,.corp-layout--v23{grid-template-columns:1fr!important;column-gap:0!important}
  .corp-shell-v23__rail{display:none!important}
  .corp-hero-stage-v23,.corp-layout--v23 .corp-side-nav,.corp-layout--v23 .corp-prose{grid-column:1!important}
}
@media(max-width:767px){
  body .site-container,body .page-site-container{width:calc(100% - 32px)!important;max-width:none!important}
  .blog-detail-layout.site-container{grid-template-columns:1fr!important;gap:26px!important}
  .blog-detail-layout .blog-detail-aside,.blog-detail-layout .blog-article{grid-column:1!important}
  .hero-copy{top:54%!important}
  .hero-story{width:100%;margin:0 auto}
  .hero-story-meta{margin-bottom:16px}
  .hero-story-stage{min-height:156px!important}
  .hero-story-title{font-size:clamp(37px,11vw,52px)!important;line-height:1.02!important;gap:.04em .18em!important}
  .hero-story-ghost{right:-2%;font-size:clamp(96px,31vw,146px);opacity:.7}
  .hero-story-steps{margin-top:13px;gap:5px}
  .hero-story-step{width:30px!important;height:28px!important}.hero-story-step.is-active{width:42px!important}
  .mobile-nav-label,.mobile-sub-link{text-transform:uppercase;letter-spacing:.025em}
}
@media(prefers-reduced-motion:reduce){
  .hero-story-word>span{opacity:1!important;transform:none!important;transition:none!important}
  .hero-story-step.is-active:before{animation:none!important;transform:scaleX(1)!important}
}


/* =========================================================
   ALYS Corporate Web v36
   Corporate hero axis + kinetic video typography + discover cue
   ========================================================= */

/* Corporate hero starts on the exact same left axis as the header logo/site-container. */
.corp-shell-v23 .corp-hero-stage-v23{
  grid-column:1 / -1!important;
  width:100%!important;
  margin:0!important;
}
.corp-shell-v23 .corp-hero-copy{
  margin-left:0!important;
  margin-right:0!important;
  max-width:760px!important;
}

/* Home video copy: one clean left axis, matching the header logo. */
.video-hero .hero-copy{
  left:50%!important;
  top:53%!important;
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  transform:translate(-50%,-50%)!important;
  text-align:left!important;
  pointer-events:none!important;
}
.hero-motion{
  position:relative;
  width:min(1180px,86vw);
  margin:0!important;
  padding:0;
  color:#fff;
  pointer-events:auto;
}
.hero-motion-stage{
  position:relative!important;
  min-height:clamp(190px,18vw,285px)!important;
  overflow:visible!important;
  perspective:1200px;
}
.hero-motion-slide{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  opacity:0!important;
  transform:none!important;
  pointer-events:none!important;
}
.hero-motion-slide.is-active{
  opacity:1!important;
  pointer-events:auto!important;
}
.hero-motion-slide.is-leaving{opacity:1!important}
.hero-motion-title{
  position:relative!important;
  display:block!important;
  width:min(1120px,100%);
  margin:0!important;
  padding:14px 0 22px!important;
  font-size:clamp(72px,6.5vw,112px)!important;
  line-height:.92!important;
  font-weight:600!important;
  letter-spacing:.018em!important;
  text-transform:uppercase!important;
  color:transparent!important;
  text-wrap:balance;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.hero-motion-title:before{
  content:attr(data-text);
  position:absolute;
  z-index:0;
  left:12px;
  top:20px;
  width:100%;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.16);
  opacity:0;
  transform:translate3d(18px,10px,0);
  transition:opacity .42s ease,transform .86s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.hero-motion-title:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:4px!important;
  width:54px!important;
  height:3px!important;
  background:var(--color-accent)!important;
  border-radius:999px!important;
  opacity:0!important;
  transform:scaleX(.15)!important;
  transform-origin:left center!important;
  transition:opacity .28s ease .34s,transform .72s cubic-bezier(.16,1,.3,1) .22s!important;
}
.hero-motion-mask{
  position:relative;
  z-index:2;
  display:block;
  overflow:hidden;
  padding:.04em 0 .08em;
}
.hero-motion-text{
  display:block;
  color:rgba(255,255,255,.96);
  background:linear-gradient(104deg,rgba(255,255,255,.76) 0%,#fff 42%,#fff 54%,rgba(255,255,255,.80) 100%);
  background-size:220% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  opacity:0;
  transform:translate3d(0,112%,0) rotateX(-24deg);
  transform-origin:50% 100%;
  transition:transform .88s cubic-bezier(.16,1,.3,1),opacity .28s ease,background-position 1.15s ease;
  will-change:transform,opacity;
}
.hero-motion-slide.is-active .hero-motion-text{
  opacity:1;
  transform:translate3d(0,0,0) rotateX(0);
  background-position:0 0;
}
.hero-motion-slide.is-active .hero-motion-title:before{
  opacity:1;
  transform:translate3d(6px,4px,0);
}
.hero-motion-slide.is-active .hero-motion-title:after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
.hero-motion-slide.is-leaving .hero-motion-text{
  opacity:0;
  transform:translate3d(0,-108%,0) rotateX(18deg);
  transition-duration:.62s,.24s,.62s;
}
.hero-motion-slide.is-leaving .hero-motion-title:before{
  opacity:0;
  transform:translate3d(-12px,-6px,0);
}

/* Discover cue: text + animated SVG only, no black/local background. */
.hero-scroll.hero-scroll-discover{
  position:absolute!important;
  z-index:5!important;
  left:max(calc(var(--site-gutter) / 2),calc((100vw - var(--site-container)) / 2))!important;
  right:auto!important;
  bottom:26px!important;
  width:auto!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  cursor:pointer;
}
.hero-scroll.hero-scroll-discover:hover{transform:translateY(2px)!important}
.hero-scroll-label{
  font-size:11px;
  line-height:1;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.88);
  text-shadow:0 2px 12px rgba(0,0,0,.24);
}
.hero-scroll-mark{
  display:block;
  width:46px;
  height:46px;
}
.hero-scroll-mark svg{width:100%;height:100%;overflow:visible;fill:none}
.hero-scroll-orbit{
  stroke:rgba(255,255,255,.38);
  stroke-width:1;
  stroke-dasharray:20 106;
  stroke-linecap:round;
  transform-origin:24px 24px;
  animation:heroDiscoverOrbit 4.4s linear infinite;
}
.hero-scroll-arrow{
  fill:none;
  stroke:#fff;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-scroll-arrow--one{animation:heroDiscoverArrow 1.65s ease-in-out infinite}
.hero-scroll-arrow--two{opacity:.35;animation:heroDiscoverArrow 1.65s ease-in-out infinite .16s}
@keyframes heroDiscoverOrbit{to{transform:rotate(360deg)}}
@keyframes heroDiscoverArrow{0%,100%{transform:translateY(-2px);opacity:.32}50%{transform:translateY(3px);opacity:1}}

@media(max-width:1080px){
  .corp-shell-v23 .corp-hero-stage-v23{grid-column:1!important}
  .hero-motion{width:min(920px,100%)}
  .hero-motion-title{font-size:clamp(58px,9vw,88px)!important}
}
@media(max-width:767px){
  .video-hero .hero-copy{top:52%!important;width:calc(100% - 32px)!important}
  .hero-motion{width:100%}
  .hero-motion-stage{min-height:190px!important}
  .hero-motion-title{font-size:clamp(48px,13vw,68px)!important;line-height:.95!important;letter-spacing:.01em!important;padding-bottom:18px!important}
  .hero-motion-title:before{left:6px;top:18px;-webkit-text-stroke-color:rgba(255,255,255,.12)}
  .hero-scroll.hero-scroll-discover{left:16px!important;bottom:16px!important;gap:9px!important}
  .hero-scroll-mark{width:42px;height:42px}
  .hero-scroll-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .hero-motion-text{opacity:1!important;transform:none!important;background-position:0 0!important}
  .hero-motion-title:before{opacity:.45!important;transform:translate3d(4px,3px,0)!important}
  .hero-motion-title:after{opacity:1!important;transform:scaleX(1)!important}
  .hero-scroll-orbit,.hero-scroll-arrow{animation:none!important}
}


/* ========================================================================== */
/* ALYS v37 — Editorial corporate hero                                           */
/* ========================================================================== */
.hero-next-anchor{height:0;scroll-margin-top:82px}
.video-hero .hero-copy{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:clamp(108px,13vh,150px)!important;
  width:min(var(--site-container),calc(100% - var(--site-gutter)))!important;
  max-width:none!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  text-align:left!important;
  pointer-events:none!important;
}
.hero-editorial{
  position:relative;
  width:min(860px,72vw);
  min-height:250px;
  pointer-events:auto;
}
.hero-editorial-accent{
  display:block;
  width:34px;
  height:2px;
  margin:0 0 22px;
  background:#ff385c;
  transform-origin:left center;
  animation:heroEditorialAccent 1.15s cubic-bezier(.16,1,.3,1) both;
}
.hero-editorial-stage{
  position:relative!important;
  min-height:160px!important;
  overflow:visible!important;
}
.hero-editorial .hero-editorial-slide{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  opacity:0!important;
  transform:none!important;
  pointer-events:none!important;
  transition:none!important;
}
.hero-editorial .hero-editorial-slide.is-active{
  opacity:1!important;
  pointer-events:auto!important;
}
.hero-editorial .hero-editorial-slide.is-leaving{opacity:1!important}
.hero-editorial-title{
  width:min(850px,100%);
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:clamp(54px,5.25vw,88px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  font-weight:400!important;
  text-align:left!important;
  text-shadow:0 3px 24px rgba(0,0,0,.32)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.hero-editorial-title:before,.hero-editorial-title:after{display:none!important;content:none!important}
.hero-editorial-line{
  display:block;
  overflow:hidden;
  padding:.04em 0 .08em;
}
.hero-editorial-line>span,.hero-editorial-line>strong{
  display:block;
  opacity:0;
  transform:translate3d(0,112%,0);
  transition:transform .82s cubic-bezier(.16,1,.3,1),opacity .3s ease;
  will-change:transform,opacity;
}
.hero-editorial-line--light>span{font-weight:400}
.hero-editorial-line--strong>strong{font-weight:700}
.hero-editorial-slide.is-active .hero-editorial-line>span,
.hero-editorial-slide.is-active .hero-editorial-line>strong{
  opacity:1;
  transform:translate3d(0,0,0);
}
.hero-editorial-slide.is-active .hero-editorial-line--strong>strong{transition-delay:.11s}
.hero-editorial-slide.is-leaving .hero-editorial-line>span,
.hero-editorial-slide.is-leaving .hero-editorial-line>strong{
  opacity:0;
  transform:translate3d(0,-108%,0);
  transition-duration:.58s,.24s;
  transition-delay:0s;
}
.hero-editorial-summary{
  max-width:570px;
  margin:23px 0 0!important;
  color:rgba(255,255,255,.90)!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:-.005em;
  text-shadow:0 2px 14px rgba(0,0,0,.38);
  text-wrap:balance;
}
.hero-scroll.hero-scroll-discover{
  position:absolute!important;
  z-index:6!important;
  left:auto!important;
  right:max(calc(var(--site-gutter) / 2),calc((100vw - var(--site-container)) / 2))!important;
  bottom:38px!important;
  width:auto!important;
  height:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.hero-scroll.hero-scroll-discover:hover{transform:translateY(2px)!important}
.hero-scroll-label{
  position:static!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  transform:none!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:rgba(255,255,255,.90)!important;
}
.hero-scroll-mark{
  position:relative!important;
  display:block!important;
  width:48px!important;
  height:48px!important;
  border:0!important;
  transform:none!important;
}
.hero-scroll-mark svg{width:100%;height:100%;fill:none;overflow:visible}
.hero-scroll-mark circle{stroke:rgba(255,255,255,.52);stroke-width:1;transition:stroke .2s ease,transform .35s cubic-bezier(.16,1,.3,1);transform-origin:center}
.hero-scroll-arrow,.hero-scroll-chevron{fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hero-scroll-arrow{animation:heroEditorialArrow 1.7s ease-in-out infinite}
.hero-scroll-chevron{animation:heroEditorialChevron 1.7s ease-in-out infinite}
.hero-scroll-discover:hover .hero-scroll-mark circle{stroke:rgba(255,255,255,.86);transform:scale(1.06)}
@keyframes heroEditorialAccent{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes heroEditorialArrow{0%,100%{transform:translateY(-2px);opacity:.58}50%{transform:translateY(3px);opacity:1}}
@keyframes heroEditorialChevron{0%,100%{transform:translateY(-1px);opacity:.68}50%{transform:translateY(4px);opacity:1}}

@media(max-width:1080px){
  .video-hero .hero-copy{bottom:clamp(104px,13vh,132px)!important}
  .hero-editorial{width:min(760px,82vw)}
  .hero-editorial-title{font-size:clamp(50px,7vw,76px)!important}
}
@media(max-width:767px){
  .video-hero .hero-copy{
    bottom:112px!important;
    width:calc(100% - 32px)!important;
  }
  .hero-editorial{width:100%;min-height:220px}
  .hero-editorial-accent{margin-bottom:16px;width:28px}
  .hero-editorial-stage{min-height:132px!important}
  .hero-editorial-title{font-size:clamp(42px,12.5vw,62px)!important;line-height:.96!important;letter-spacing:-.04em!important}
  .hero-editorial-summary{max-width:92%;margin-top:16px!important;font-size:13px!important;line-height:1.45!important}
  .hero-scroll.hero-scroll-discover{right:16px!important;bottom:18px!important;gap:9px!important}
  .hero-scroll-mark{width:43px!important;height:43px!important}
  .hero-scroll-label{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-editorial-line>span,.hero-editorial-line>strong{opacity:1!important;transform:none!important;transition:none!important}
  .hero-scroll-arrow,.hero-scroll-chevron,.hero-editorial-accent{animation:none!important}
}


/* =========================================================
   v38 — Odak Group corporate refinement / Archivo typography
   DESIGN.md is intentionally not used as a binding source.
   ========================================================= */
html,body,button,input,textarea,select{font-family:var(--font-primary)!important}
body{font-weight:400;letter-spacing:-.006em;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.nav-link,.mobile-nav-label,.btn,.contact-submit,.section-link{font-family:var(--font-primary)!important}
h1,h2,h3,h4,h5,h6{letter-spacing:-.035em;text-wrap:balance}
.prose,.corp-prose,.blog-prose{font-family:var(--font-primary)!important;letter-spacing:-.008em}
.prose p,.corp-prose p,.blog-prose p{line-height:1.72}

/* Header — more compact and corporate */
.main-nav{gap:14px!important}
.nav-link{font-size:12px!important;font-weight:600!important;letter-spacing:.055em!important;text-transform:uppercase!important}
.sub-menu .nav-link{font-size:11px!important;letter-spacing:.045em!important}
.lang-current{font-family:var(--font-primary)!important;font-weight:600!important}
.site-header.scrolled,.site-header.menu-open,.site-header--inner{box-shadow:0 8px 28px rgba(17,24,39,.045)!important}

/* Hero — no frosted/glass panel; image/video remains the visual surface */
.video-hero .hero-copy{z-index:5!important}
.hero-editorial{position:relative!important;width:min(880px,74vw)!important;min-height:260px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero-editorial:before,.hero-editorial:after{display:none!important;content:none!important}
.hero-editorial-kicker{display:flex;align-items:center;gap:13px;margin:0 0 22px;color:rgba(255,255,255,.88);font-family:var(--font-primary);font-size:11px;font-weight:600;line-height:1;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.32)}
.hero-editorial-kicker>span{display:block;width:30px;height:2px;border-radius:999px;background:#ff385c;transform-origin:left center;animation:odakKickerIn .72s cubic-bezier(.16,1,.3,1) both}
.hero-editorial-accent{display:none!important}
.hero-editorial-stage{min-height:176px!important}
.hero-editorial-title{max-width:880px!important;margin:0!important;font-family:var(--font-primary)!important;font-size:clamp(56px,5.8vw,92px)!important;line-height:.93!important;letter-spacing:-.052em!important;color:#fff!important;text-shadow:0 3px 24px rgba(0,0,0,.24)!important}
.hero-editorial-line{display:block!important;overflow:hidden!important;padding-bottom:.08em}
.hero-editorial-line>span,.hero-editorial-line>strong{display:block!important;transform:translate3d(0,108%,0);opacity:0;will-change:transform,opacity;transition:transform .74s cubic-bezier(.16,1,.3,1),opacity .36s ease!important}
.hero-editorial-line--light>span{font-weight:400!important}
.hero-editorial-line--strong>strong{font-weight:700!important}
.hero-editorial-slide.is-active .hero-editorial-line>span,.hero-editorial-slide.is-active .hero-editorial-line>strong{transform:translate3d(0,0,0)!important;opacity:1!important}
.hero-editorial-slide.is-active .hero-editorial-line--strong>strong{transition-delay:.10s!important}
.hero-editorial-slide.is-leaving .hero-editorial-line>span,.hero-editorial-slide.is-leaving .hero-editorial-line>strong{transform:translate3d(0,-104%,0)!important;opacity:0!important}
.hero-editorial-summary{max-width:620px!important;margin:24px 0 0!important;color:rgba(255,255,255,.92)!important;font-family:var(--font-primary)!important;font-size:15px!important;font-weight:400!important;line-height:1.55!important;letter-spacing:-.01em!important;text-shadow:0 2px 16px rgba(0,0,0,.38)!important}
@keyframes odakKickerIn{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}

/* Discover — transparent, no blur, no capsule/background */
.hero-scroll.hero-scroll-discover{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
.hero-scroll.hero-scroll-discover:before,.hero-scroll.hero-scroll-discover:after{display:none!important;content:none!important}
.hero-scroll-label{font-family:var(--font-primary)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.19em!important;text-transform:uppercase!important;text-shadow:0 2px 14px rgba(0,0,0,.30)}
.hero-scroll-mark{width:50px!important;height:50px!important;background:transparent!important;border-radius:50%!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.hero-scroll-mark svg{filter:none!important}
.hero-scroll-mark circle{fill:transparent!important;stroke:rgba(255,255,255,.55)!important;stroke-width:1!important}
.hero-scroll-discover:hover .hero-scroll-mark circle{stroke:rgba(255,255,255,.95)!important}

/* Shared corporate component polish */
.btn,.section-link,.contact-submit,.corp-cta a{font-family:var(--font-primary)!important;font-weight:600!important;letter-spacing:.025em}
.card h3,.blog-card h3{font-family:var(--font-primary)!important;font-weight:600!important;letter-spacing:-.025em}
.content-hero h1,.corp-hero h1,.blog-hero h1,.contact-hero h1,.blog-detail-hero h1{font-family:var(--font-primary)!important;font-weight:600!important;letter-spacing:-.05em!important}
.contact-field input,.contact-field textarea,.contact-field select,.alys-search-input{font-family:var(--font-primary)!important}
.site-footer,.site-footer a,.footer-title{font-family:var(--font-primary)!important}

@media(max-width:1080px){
  .hero-editorial{width:min(760px,84vw)!important}
  .hero-editorial-title{font-size:clamp(50px,7.6vw,74px)!important}
}
@media(max-width:767px){
  .hero-editorial{width:100%!important;min-height:220px!important}
  .hero-editorial-kicker{margin-bottom:16px;font-size:9px;letter-spacing:.14em}
  .hero-editorial-kicker>span{width:22px}
  .hero-editorial-stage{min-height:128px!important}
  .hero-editorial-title{font-size:clamp(42px,12vw,58px)!important;line-height:.96!important;letter-spacing:-.045em!important}
  .hero-editorial-summary{max-width:92%!important;margin-top:16px!important;font-size:13px!important;line-height:1.5!important}
  .hero-scroll-mark{width:44px!important;height:44px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-editorial-kicker>span{animation:none!important}
}

/* ========================================================================== */
/* ODAK GROUP 2026 — HEADER + HERO / PHASE 01                                */
/* Brand palette sampled from the approved Odak Group logo.                   */
/* ========================================================================== */
:root{
  --odak-navy:#222f60;
  --odak-navy-deep:#121a3b;
  --odak-navy-ink:#18234d;
  --odak-silver:#b8bab9;
  --odak-white:#fff;
  --odak-shell:1680px;
  --odak-gutter:96px;
}

/* Header */
.odak-header{
  height:104px;
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.18);
  box-shadow:none;
  backdrop-filter:none;
  color:#fff;
  transition:height .35s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;
}
.odak-header.site-header--inner,
.odak-header.scrolled,
.odak-header.menu-open{
  height:84px;
  color:var(--odak-navy-deep);
  background:rgba(255,255,255,.96);
  border-bottom-color:rgba(34,47,96,.09);
  box-shadow:0 14px 38px rgba(18,26,59,.075);
  backdrop-filter:saturate(160%) blur(18px);
}
.odak-header-shell{
  width:min(var(--odak-shell),calc(100% - var(--odak-gutter)));
  height:100%;
  margin-inline:auto;
  display:flex;
  align-items:center;
  gap:38px;
}
.odak-brand{
  min-width:0;
  width:148px;
  height:86px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 148px;
}
.odak-brand .brand-logo{
  width:auto;
  height:auto;
  max-width:142px;
  max-height:82px;
  object-fit:contain;
  transform:none;
  filter:none;
}
.odak-header.scrolled .odak-brand,
.odak-header.site-header--inner .odak-brand,
.odak-header.menu-open .odak-brand{height:70px}
.odak-header.scrolled .odak-brand .brand-logo,
.odak-header.site-header--inner .odak-brand .brand-logo,
.odak-header.menu-open .odak-brand .brand-logo{max-height:66px;max-width:122px}
.odak-header.site-header--hero:not(.scrolled):not(.menu-open) .brand-logo--dark{display:none}
.odak-header.site-header--hero:not(.scrolled):not(.menu-open) .brand-logo--light{display:block}
.odak-header.site-header--inner .brand-logo--dark,
.odak-header.scrolled .brand-logo--dark,
.odak-header.menu-open .brand-logo--dark{display:block}
.odak-header.site-header--inner .brand-logo--light,
.odak-header.scrolled .brand-logo--light,
.odak-header.menu-open .brand-logo--light{display:none}

.odak-main-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:30px;
}
.odak-main-nav>.nav-item>.nav-link{
  min-height:52px;
  padding:0;
  gap:0;
  color:inherit;
  font-size:12px;
  line-height:1;
  font-weight:600;
  letter-spacing:.055em;
  text-transform:uppercase;
  text-shadow:none!important;
}
.odak-main-nav>.nav-item>.nav-link .nav-route-dot{display:none}
.odak-main-nav>.nav-item>.nav-link:after{
  left:0;
  right:0;
  bottom:10px;
  height:2px;
  background:currentColor;
  opacity:.72;
}
.odak-main-nav>.nav-item.active>.nav-link:after,
.odak-main-nav>.nav-item>.nav-link:hover:after{transform:scaleX(1)}
.odak-main-nav .nav-caret-svg{margin-left:7px;width:10px;height:10px;stroke-width:1.5}

.odak-header-tools{gap:14px;flex:0 0 auto}
.odak-header-cta{
  min-height:46px;
  padding:0 17px 0 20px;
  display:inline-flex;
  align-items:center;
  gap:15px;
  border:1px solid rgba(255,255,255,.52);
  color:#fff;
  background:rgba(255,255,255,.08);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.odak-header-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s ease}
.odak-header-cta:hover{background:#fff;color:var(--odak-navy);border-color:#fff;transform:translateY(-1px)}
.odak-header-cta:hover svg{transform:translateX(3px)}
.odak-header.scrolled .odak-header-cta,
.odak-header.site-header--inner .odak-header-cta,
.odak-header.menu-open .odak-header-cta{background:var(--odak-navy);color:#fff;border-color:var(--odak-navy)}
.odak-header.scrolled .odak-header-cta:hover,
.odak-header.site-header--inner .odak-header-cta:hover{background:var(--odak-navy-deep);border-color:var(--odak-navy-deep)}
.odak-lang-switcher .lang-current{height:46px;color:inherit;font-size:10px;letter-spacing:.12em;text-shadow:none!important}
.odak-lang-switcher .lang-menu{border-radius:0;border-color:rgba(34,47,96,.1);box-shadow:0 18px 50px rgba(18,26,59,.13)}
.odak-lang-switcher .lang-menu a{border-radius:0}
.odak-menu-toggle{border-radius:0;width:46px;height:46px;border-color:rgba(255,255,255,.5)}
.odak-header.scrolled .odak-menu-toggle,
.odak-header.site-header--inner .odak-menu-toggle,
.odak-header.menu-open .odak-menu-toggle{border-color:rgba(34,47,96,.25)}
.odak-menu-toggle span{width:20px;height:1px}

/* Generic Odak dropdown. */
.odak-header .odak-sub-menu{
  top:calc(100% + 10px);
  min-width:292px;
  padding:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  color:var(--odak-navy-deep);
  background:#fff;
  box-shadow:0 24px 65px rgba(18,26,59,.16);
}
.odak-sub-menu-head{padding:22px 24px 18px;background:var(--odak-navy);color:#fff}
.odak-sub-menu-head span{display:block;margin-bottom:6px;font-size:9px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.56)}
.odak-sub-menu-head strong{font-size:19px;font-weight:600;letter-spacing:-.025em}
.odak-sub-menu .sub-menu-list{padding:10px}
.odak-sub-menu .nav-item:before{display:none}
.odak-sub-menu .nav-link{min-height:46px;padding:0 14px;border-radius:0;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none}
.odak-sub-menu .nav-link:hover{background:#f4f5f8;color:var(--odak-navy)}

/* Hero */
.odak-hero{
  position:relative;
  height:100svh;
  min-height:700px;
  overflow:hidden;
  color:#fff;
  background:var(--odak-navy-deep);
  isolation:isolate;
}
.odak-hero-slides,.odak-hero-slide,.odak-hero-media{position:absolute;inset:0}
.odak-hero-slide{
  z-index:1;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .8s ease,visibility 0s linear .8s;
}
.odak-hero-slide.is-active{
  z-index:2;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .8s ease,visibility 0s;
}
.odak-hero-slide.is-leaving{z-index:1;visibility:visible}
.odak-hero-picture,.odak-hero-picture img,.odak-hero-video{position:absolute;inset:0;width:100%;height:100%}
.odak-hero-picture img,.odak-hero-video{object-fit:cover;object-position:center}
.odak-hero-picture img{transform:scale(1.035);transition:transform 8s cubic-bezier(.2,.7,.2,1)}
.odak-hero-slide.is-active .odak-hero-picture img{transform:scale(1)}
.odak-hero-video{z-index:2;opacity:0;transition:opacity .65s ease}
.odak-hero-video.is-ready{opacity:1}
.odak-hero-overlay{
  position:absolute;
  z-index:4;
  inset:0;
  background:
    linear-gradient(90deg,rgba(10,17,45,.88) 0%,rgba(10,17,45,.66) 37%,rgba(10,17,45,.27) 67%,rgba(10,17,45,.16) 100%),
    linear-gradient(180deg,rgba(6,11,30,.38) 0%,rgba(6,11,30,.03) 40%,rgba(6,11,30,.56) 100%);
}
.odak-hero-fallback{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 34%,rgba(184,186,185,.16),transparent 24%),
    linear-gradient(120deg,#17224f 0%,#222f60 55%,#101837 100%);
}
.odak-hero-fallback--2{background:radial-gradient(circle at 72% 65%,rgba(255,255,255,.08),transparent 24%),linear-gradient(125deg,#101837 0%,#26366e 58%,#18234d 100%)}
.odak-hero-fallback--3{background:radial-gradient(circle at 82% 28%,rgba(184,186,185,.14),transparent 20%),linear-gradient(135deg,#1b2858 0%,#111a3c 72%,#26366e 100%)}
.odak-blueprint-grid{
  position:absolute;
  inset:-10%;
  opacity:.14;
  background-image:linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.24) 1px,transparent 1px);
  background-size:72px 72px;
  transform:perspective(900px) rotateX(58deg) rotateZ(-10deg) scale(1.25);
  transform-origin:center 70%;
}
.odak-blueprint-mark{position:absolute;right:7vw;top:17%;width:min(42vw,690px);height:62%;opacity:.18}
.odak-blueprint-mark:before,.odak-blueprint-mark:after,.odak-blueprint-mark span{content:"";position:absolute;border:1px solid rgba(255,255,255,.8)}
.odak-blueprint-mark:before{left:12%;right:0;bottom:0;height:62%;transform:skewY(-9deg)}
.odak-blueprint-mark:after{left:0;top:6%;width:52%;height:91%;transform:skewY(12deg)}
.odak-blueprint-mark span:nth-child(1){left:18%;top:18%;width:18%;height:72%}
.odak-blueprint-mark span:nth-child(2){left:43%;top:28%;width:22%;height:62%}
.odak-blueprint-mark span:nth-child(3){right:9%;top:39%;width:18%;height:48%}

.odak-hero-content{
  position:relative;
  z-index:6;
  width:min(var(--odak-shell),calc(100% - var(--odak-gutter)));
  height:100%;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:92px;
}
.odak-hero-copy{width:min(940px,68vw);padding-bottom:34px}
.odak-hero-kicker{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:24px;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease .12s,transform .7s cubic-bezier(.16,1,.3,1) .12s;
}
.odak-hero-kicker span{width:42px;height:1px;background:var(--odak-silver)}
.odak-hero-copy h1{
  max-width:1000px;
  margin:0;
  font-size:clamp(56px,6.25vw,108px);
  line-height:.92;
  font-weight:600;
  letter-spacing:-.064em;
  text-wrap:balance;
  opacity:0;
  transform:translateY(48px);
  transition:opacity .65s ease .18s,transform .9s cubic-bezier(.16,1,.3,1) .18s;
}
.odak-hero-copy p{
  max-width:720px;
  margin:30px 0 0;
  font-size:clamp(15px,1.22vw,20px);
  line-height:1.55;
  font-weight:400;
  color:rgba(255,255,255,.78);
  opacity:0;
  transform:translateY(28px);
  transition:opacity .65s ease .30s,transform .85s cubic-bezier(.16,1,.3,1) .30s;
}
.odak-hero-actions{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:34px;
  opacity:0;
  transform:translateY(24px);
  transition:opacity .65s ease .4s,transform .8s cubic-bezier(.16,1,.3,1) .4s;
}
.odak-hero-slide.is-active .odak-hero-kicker,
.odak-hero-slide.is-active .odak-hero-copy h1,
.odak-hero-slide.is-active .odak-hero-copy p,
.odak-hero-slide.is-active .odak-hero-actions{opacity:1;transform:translateY(0)}
.odak-hero-primary{
  min-height:56px;
  padding:0 22px 0 25px;
  display:inline-flex;
  align-items:center;
  gap:30px;
  color:var(--odak-navy-deep);
  background:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.odak-hero-primary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s ease}
.odak-hero-primary:hover{background:var(--odak-silver);transform:translateY(-2px)}
.odak-hero-primary:hover svg{transform:translateX(4px)}
.odak-hero-secondary{
  position:relative;
  padding:10px 0;
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.odak-hero-secondary:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:rgba(255,255,255,.75);transform-origin:left;transition:transform .25s ease}
.odak-hero-secondary:hover:after{transform:scaleX(.55)}
.odak-hero-scope{
  position:absolute;
  right:0;
  top:50%;
  width:250px;
  transform:translateY(-30%) rotate(90deg) translateX(50%);
  transform-origin:100% 50%;
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.46);
  font-size:9px;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
  white-space:nowrap;
}
.odak-hero-scope-line{width:46px;height:1px;background:rgba(255,255,255,.36)}

.odak-hero-controls{
  position:absolute;
  z-index:10;
  left:50%;
  bottom:48px;
  width:min(var(--odak-shell),calc(100% - var(--odak-gutter)));
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:18px;
  pointer-events:none;
}
.odak-hero-controls>*{pointer-events:auto}
.odak-hero-count{display:flex;align-items:baseline;gap:7px;min-width:65px;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.48)}
.odak-hero-count strong{font-size:15px;font-weight:600;color:#fff}
.odak-hero-count em{font-style:normal}
.odak-hero-progress{position:relative;width:150px;height:1px;background:rgba(255,255,255,.24);overflow:hidden}
.odak-hero-progress span{position:absolute;inset:0 auto 0 0;width:0;background:#fff}
.odak-hero-dots{display:flex;align-items:center;gap:8px}
.odak-hero-dot{width:24px;height:28px;padding:0;border:0;background:transparent;display:flex;align-items:center;cursor:pointer}
.odak-hero-dot span{display:block;width:100%;height:1px;background:rgba(255,255,255,.28);transition:background .25s ease,transform .25s ease}
.odak-hero-dot.is-active span{background:#fff;transform:scaleY(2)}
.odak-hero-arrows{display:flex;align-items:center;gap:8px;margin-left:6px}
.odak-hero-arrows button{width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.odak-hero-arrows button:hover{background:#fff;color:var(--odak-navy);border-color:#fff}
.odak-hero-arrows svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}
.odak-hero-scroll{
  position:absolute;
  z-index:10;
  right:max(48px,calc((100vw - var(--odak-shell))/2 + 48px));
  bottom:45px;
  display:flex;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.78);
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.odak-hero-scroll svg{width:16px;height:24px;fill:none;stroke:currentColor;stroke-width:1.1;animation:odakScrollArrow 1.9s ease-in-out infinite}
@keyframes odakScrollArrow{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}

/* Mobile navigation */
.odak-mobile-menu{background:var(--odak-navy-deep)!important}
.odak-mobile-menu-accent{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.odak-mobile-menu-accent:before{content:"";position:absolute;width:76vw;height:76vw;right:-28vw;top:-20vw;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 12vw rgba(255,255,255,.018),0 0 0 24vw rgba(255,255,255,.012)}
.odak-mobile-menu-accent:after{content:"";position:absolute;left:0;bottom:0;width:7px;height:42%;background:var(--odak-silver);opacity:.75}
.odak-mobile-menu-inner{padding:32px 36px 30px}
.odak-mobile-brand img{max-width:132px;max-height:76px}
.odak-mobile-close{border-radius:0;background:transparent}
.odak-mobile-kicker{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:rgba(255,255,255,.52);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.odak-mobile-kicker span{width:30px;height:1px;background:var(--odak-silver)}
.odak-mobile-nav .mobile-nav-item{border-color:rgba(255,255,255,.13)}
.odak-mobile-nav .mobile-nav-label{font-weight:500;letter-spacing:-.045em}
.odak-mobile-nav .mobile-nav-index{color:rgba(255,255,255,.35)}
.odak-mobile-nav .mobile-nav-item.active .mobile-nav-index{color:var(--odak-silver)}
.odak-mobile-nav .mobile-sub-toggle{border-radius:0}
.odak-mobile-footer{border-color:rgba(255,255,255,.13)}
.odak-mobile-footer .mobile-menu-languages a{border-radius:0}
.odak-mobile-footer .mobile-menu-languages a.active{background:#fff;color:var(--odak-navy-deep)}

@media(max-width:1360px){
  :root{--odak-gutter:64px}
  .odak-main-nav{gap:22px}
  .odak-main-nav>.nav-item>.nav-link{font-size:11px}
  .odak-header-cta{padding-inline:16px;gap:10px}
  .odak-hero-copy{width:min(850px,69vw)}
}
@media(max-width:1180px){
  :root{--odak-gutter:48px}
  .odak-main-nav{gap:16px}
  .odak-header-cta{display:none}
}
@media(max-width:1080px){
  .odak-header,.odak-header.scrolled,.odak-header.menu-open,.odak-header.site-header--inner{height:82px}
  .odak-header-shell{width:calc(100% - 48px);gap:18px}
  .odak-main-nav{display:none!important}
  .odak-menu-toggle{display:inline-flex!important}
  .odak-header-tools{margin-left:auto}
  .odak-brand{width:124px;flex-basis:124px;height:72px}
  .odak-brand .brand-logo{max-width:116px;max-height:68px}
  .odak-hero{min-height:650px}
  .odak-hero-content{width:calc(100% - 64px);padding-top:80px}
  .odak-hero-copy{width:min(780px,82vw)}
  .odak-hero-copy h1{font-size:clamp(54px,8.6vw,86px)}
  .odak-hero-scope{display:none}
  .odak-hero-controls{width:calc(100% - 64px);bottom:36px}
  .odak-hero-scroll{right:32px;bottom:34px}
  .odak-mobile-menu{display:block!important;pointer-events:none;opacity:0;visibility:hidden}
  .odak-mobile-menu.is-open{pointer-events:auto;opacity:1;visibility:visible}
}
@media(max-width:767px){
  :root{--odak-gutter:28px}
  .odak-header,.odak-header.scrolled,.odak-header.menu-open,.odak-header.site-header--inner{height:74px}
  .odak-header-shell{width:calc(100% - 28px);gap:10px}
  .odak-brand{width:104px;flex-basis:104px;height:66px}
  .odak-brand .brand-logo,
  .odak-header.scrolled .odak-brand .brand-logo,
  .odak-header.site-header--inner .odak-brand .brand-logo,
  .odak-header.menu-open .odak-brand .brand-logo{max-width:98px;max-height:60px}
  .odak-lang-switcher{display:none}
  .odak-menu-toggle{width:43px;height:43px}
  .odak-hero{height:100svh;min-height:620px}
  .odak-hero-overlay{background:linear-gradient(90deg,rgba(10,17,45,.86) 0%,rgba(10,17,45,.56) 72%,rgba(10,17,45,.35) 100%),linear-gradient(180deg,rgba(6,11,30,.22),rgba(6,11,30,.1) 40%,rgba(6,11,30,.66))}
  .odak-hero-content{width:calc(100% - 34px);align-items:flex-end;padding:0 0 152px}
  .odak-hero-copy{width:100%;padding:0}
  .odak-hero-kicker{margin-bottom:17px;font-size:8px;letter-spacing:.17em}
  .odak-hero-kicker span{width:28px}
  .odak-hero-copy h1{font-size:clamp(46px,14vw,72px);line-height:.93;letter-spacing:-.058em}
  .odak-hero-copy p{max-width:94%;margin-top:22px;font-size:14px;line-height:1.52}
  .odak-hero-actions{margin-top:26px;gap:16px;align-items:flex-start;flex-direction:column}
  .odak-hero-primary{min-height:52px;padding:0 18px 0 20px;gap:24px}
  .odak-hero-secondary{font-size:10px}
  .odak-blueprint-mark{right:-22%;top:12%;width:100vw;height:55%}
  .odak-blueprint-grid{background-size:48px 48px}
  .odak-hero-controls{left:17px;right:17px;bottom:26px;width:auto;transform:none;gap:10px}
  .odak-hero-count{min-width:52px}
  .odak-hero-progress{flex:1;width:auto;max-width:90px}
  .odak-hero-dots{display:none}
  .odak-hero-arrows{margin-left:auto}
  .odak-hero-arrows button{width:40px;height:40px}
  .odak-hero-scroll{display:none}
  .odak-mobile-menu-inner{padding:22px 20px 22px}
  .odak-mobile-brand img{max-width:106px;max-height:64px}
  .odak-mobile-content{padding-top:34px}
  .odak-mobile-nav .mobile-nav-row{min-height:68px}
  .odak-mobile-nav .mobile-nav-label{font-size:clamp(28px,9.5vw,42px)}
}
@media(max-width:430px){
  .odak-hero-content{padding-bottom:142px}
  .odak-hero-copy h1{font-size:clamp(42px,13.2vw,60px)}
  .odak-hero-copy p{font-size:13px}
  .odak-hero-primary{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .odak-hero-video{display:none!important}
  .odak-hero-picture img{transform:none!important}
  .odak-hero-kicker,.odak-hero-copy h1,.odak-hero-copy p,.odak-hero-actions{opacity:1!important;transform:none!important}
  .odak-hero-scroll svg{animation:none!important}
}

/* Tek banner durumunda gereksiz slider kontrollerini gizle. */
.odak-hero.is-single .odak-hero-progress,
.odak-hero.is-single .odak-hero-dots,
.odak-hero.is-single .odak-hero-arrows { display: none; }
.odak-hero.is-single .odak-hero-count { opacity: .72; }

/* ========================================================================== */
/* ODAK GROUP 2026 — HOME BODY / PHASE 02                                     */
/* Header / hero remains Phase 01. No /alysadmin visual styles are touched.   */
/* ========================================================================== */
.odak-home-shell{
  width:min(var(--odak-shell),calc(100% - var(--odak-gutter)));
  margin-inline:auto;
}
.odak-home-intro,
.odak-home-services,
.odak-home-projects,
.odak-home-process,
.odak-home-cta{position:relative;overflow:hidden}
.odak-home-intro{padding:126px 0 108px;background:#fff;color:var(--odak-navy-deep)}
.odak-section-index{
  display:grid;
  grid-template-columns:auto minmax(44px,1fr) auto;
  align-items:center;
  gap:14px;
  max-width:360px;
  margin-bottom:62px;
  color:rgba(18,26,59,.46);
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.odak-section-index span:first-child{font-size:10px;color:var(--odak-navy);letter-spacing:.08em}
.odak-section-index-line{height:1px;background:rgba(34,47,96,.18)}
.odak-section-index em{font-style:normal;white-space:nowrap}
.odak-section-index--light{color:rgba(255,255,255,.42)}
.odak-section-index--light span:first-child{color:#fff}
.odak-section-index--light .odak-section-index-line{background:rgba(255,255,255,.18)}
.odak-home-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr);gap:clamp(70px,8vw,150px);align-items:start}
.odak-home-kicker{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:25px;
  color:rgba(34,47,96,.62);
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.odak-home-kicker>span{width:36px;height:1px;background:var(--odak-navy)}
.odak-home-kicker--light{color:rgba(255,255,255,.5)}
.odak-home-kicker--light>span{background:rgba(255,255,255,.56)}
.odak-home-intro h2,
.odak-projects-heading h2,
.odak-services-title h2,
.odak-process-top h2,
.odak-home-cta h2{
  margin:0;
  letter-spacing:-.055em;
  font-weight:500;
  text-wrap:balance;
}
.odak-home-intro h2{max-width:940px;font-size:clamp(50px,5.5vw,88px);line-height:.97;color:var(--odak-navy-deep)}
.odak-home-intro-copy{padding-top:54px}
.odak-home-intro-copy p{max-width:660px;margin:0 0 22px;color:#697087;font-size:15px;line-height:1.75}
.odak-home-intro-copy .odak-home-lead{color:var(--odak-navy-deep);font-size:20px;line-height:1.62;letter-spacing:-.025em}
.odak-text-link{
  display:inline-flex;
  align-items:center;
  gap:19px;
  margin-top:14px;
  padding:12px 0 8px;
  border-bottom:1px solid rgba(34,47,96,.28);
  color:var(--odak-navy);
  font-size:10px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  transition:border-color .2s ease,gap .25s ease;
}
.odak-text-link:hover{gap:25px;border-color:var(--odak-navy)}
.odak-text-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.45}
.odak-fact-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:94px;
  border-top:1px solid rgba(34,47,96,.12);
  border-bottom:1px solid rgba(34,47,96,.12);
}
.odak-fact{position:relative;min-height:150px;padding:30px 28px 26px;border-right:1px solid rgba(34,47,96,.12)}
.odak-fact:first-child{padding-left:0}.odak-fact:last-child{border-right:0}
.odak-fact strong{display:block;margin-bottom:28px;color:var(--odak-navy);font-size:clamp(36px,3vw,52px);line-height:1;font-weight:500;letter-spacing:-.045em}
.odak-fact span{display:block;max-width:180px;color:#7a8194;font-size:11px;line-height:1.45;font-weight:600;letter-spacing:.04em;text-transform:uppercase}

/* Services */
.odak-home-services{padding:122px 0 128px;background:var(--odak-navy-deep);color:#fff}
.odak-home-services:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 82%)}
.odak-services-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(230px,.36fr) minmax(0,1fr);gap:64px;align-items:start;margin-bottom:66px}
.odak-services-head .odak-section-index{margin:5px 0 0}
.odak-services-title{max-width:1080px}
.odak-services-title h2{font-size:clamp(46px,5vw,80px);line-height:.98;color:#fff}
.odak-service-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}
.odak-service-card{
  position:relative;
  min-height:560px;
  padding:28px 28px 34px;
  border-right:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  display:flex;
  flex-direction:column;
  transition:background .35s ease,color .35s ease,transform .35s cubic-bezier(.16,1,.3,1);
  isolation:isolate;
}
.odak-service-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.018));opacity:0;transition:opacity .35s ease}
.odak-service-card:hover:before{opacity:1}
.odak-service-card:hover{transform:translateY(-6px)}
.odak-service-no{font-size:9px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.4)}
.odak-service-visual{height:230px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.58)}
.odak-service-visual svg{width:90%;max-width:245px;height:auto;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s ease}
.odak-service-visual .dash{stroke-dasharray:4 8;opacity:.32}
.odak-service-card:hover .odak-service-visual svg{transform:scale(1.045);color:#fff}
.odak-service-content{margin-top:auto}
.odak-service-content h3{margin:0 0 17px;font-size:26px;line-height:1.05;font-weight:500;letter-spacing:-.04em}
.odak-service-content p{margin:0;color:rgba(255,255,255,.56);font-size:13px;line-height:1.68}

/* Projects / references */
.odak-home-projects{padding:126px 0 132px;background:#f4f5f7;color:var(--odak-navy-deep)}
.odak-home-projects:after{content:"";position:absolute;right:-200px;top:160px;width:600px;height:600px;border:1px solid rgba(34,47,96,.055);border-radius:50%;box-shadow:0 0 0 90px rgba(34,47,96,.018),0 0 0 180px rgba(34,47,96,.012);pointer-events:none}
.odak-projects-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(230px,.35fr) minmax(0,1.15fr) minmax(300px,.5fr);gap:58px;align-items:end;margin-bottom:68px}
.odak-projects-heading .odak-section-index{align-self:start;margin:5px 0 0}
.odak-projects-heading h2{max-width:870px;font-size:clamp(46px,4.8vw,76px);line-height:.98}
.odak-projects-heading>p{margin:0 0 3px;color:#737a8c;font-size:13px;line-height:1.72}
.odak-project-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
.odak-project-card{min-width:0;background:#fff;border:1px solid rgba(34,47,96,.09);transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease}
.odak-project-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(18,26,59,.09)}
.odak-project-card--wide{grid-row:span 2}
.odak-project-media{position:relative;overflow:hidden;height:260px;background:var(--odak-navy);isolation:isolate}
.odak-project-card--wide .odak-project-media{height:520px}
.odak-project-media:before,.odak-project-media:after{content:"";position:absolute;inset:auto;pointer-events:none}
.odak-project-media:before{width:70%;height:75%;right:-8%;bottom:-15%;border:1px solid rgba(255,255,255,.23);transform:skewY(-8deg);box-shadow:-62px -42px 0 -61px rgba(255,255,255,.42),-124px -84px 0 -123px rgba(255,255,255,.32)}
.odak-project-media:after{left:0;right:0;bottom:0;height:58%;background:linear-gradient(transparent,rgba(10,17,45,.34))}
.odak-project-media--education{background:linear-gradient(145deg,#2a3a78,#18234d)}
.odak-project-media--retail{background:linear-gradient(145deg,#38436d,#222f60)}
.odak-project-media--steel{background:linear-gradient(145deg,#58617d,#26345f)}
.odak-project-gridlines{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:42px 42px;opacity:.48;mask-image:linear-gradient(135deg,#000,transparent 88%)}
.odak-project-media strong{position:absolute;z-index:2;left:30px;bottom:24px;color:rgba(255,255,255,.9);font-size:64px;line-height:1;font-weight:400;letter-spacing:-.065em}
.odak-project-meta{padding:28px 30px 31px}
.odak-project-meta>span{display:block;margin-bottom:13px;color:#8b91a0;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.odak-project-meta h3{margin:0 0 13px;color:var(--odak-navy-deep);font-size:26px;line-height:1.08;font-weight:500;letter-spacing:-.038em}
.odak-project-meta p{margin:0;color:#737a8c;font-size:12px;line-height:1.68}

/* Process */
.odak-home-process{padding:120px 0 118px;background:#1b274f;color:#fff}
.odak-home-process:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.08),transparent 28%),linear-gradient(112deg,transparent 0 62%,rgba(255,255,255,.025) 62% 62.2%,transparent 62.2%);pointer-events:none}
.odak-process-top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(230px,.36fr) minmax(0,1fr);gap:64px;margin-bottom:76px}
.odak-process-top .odak-section-index{margin:5px 0 0}
.odak-process-top h2{max-width:1040px;font-size:clamp(46px,4.9vw,78px);line-height:.98}
.odak-process-list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.16)}
.odak-process-item{min-height:270px;padding:27px 28px 26px 0;border-right:1px solid rgba(255,255,255,.14);margin-right:28px}
.odak-process-item:last-child{border-right:0;margin-right:0}
.odak-process-item>span{display:block;margin-bottom:72px;color:rgba(255,255,255,.42);font-size:10px;font-weight:700;letter-spacing:.1em}
.odak-process-item h3{margin:0 0 14px;font-size:23px;line-height:1.05;font-weight:500;letter-spacing:-.035em}
.odak-process-item p{margin:0;color:rgba(255,255,255,.54);font-size:12px;line-height:1.72}

/* CTA */
.odak-home-cta{padding:108px 0;background:var(--odak-navy-deep);color:#fff;border-top:1px solid rgba(255,255,255,.11)}
.odak-home-cta:after{content:"";position:absolute;width:520px;height:520px;right:-210px;top:-180px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 78px rgba(255,255,255,.018),0 0 0 156px rgba(255,255,255,.012)}
.odak-home-cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.5fr);gap:clamp(70px,8vw,150px);align-items:end}
.odak-home-cta h2{max-width:920px;font-size:clamp(48px,5.2vw,82px);line-height:.96}
.odak-home-cta-side{padding-bottom:7px}
.odak-home-cta-side p{margin:0 0 29px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.75}
.odak-home-cta-button{min-height:58px;padding:0 22px 0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:#fff;color:var(--odak-navy-deep);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:background .22s ease,transform .22s ease}
.odak-home-cta-button:hover{background:var(--odak-silver);transform:translateY(-3px)}
.odak-home-cta-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.45;transition:transform .22s ease}
.odak-home-cta-button:hover svg{transform:translateX(4px)}

/* Phase 02 reveal rhythm */
.odak-home-intro [data-reveal].reveal-ready,
.odak-home-services [data-reveal].reveal-ready,
.odak-home-projects [data-reveal].reveal-ready,
.odak-home-process [data-reveal].reveal-ready,
.odak-home-cta [data-reveal].reveal-ready{transform:translateY(34px);opacity:0;transition:opacity .7s ease var(--reveal-delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
.odak-home-intro [data-reveal].reveal-visible,
.odak-home-services [data-reveal].reveal-visible,
.odak-home-projects [data-reveal].reveal-visible,
.odak-home-process [data-reveal].reveal-visible,
.odak-home-cta [data-reveal].reveal-visible{transform:none;opacity:1}

@media(max-width:1280px){
  .odak-home-intro-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);gap:70px}
  .odak-service-card{min-height:520px;padding-inline:22px}
  .odak-projects-heading{grid-template-columns:190px minmax(0,1fr) minmax(260px,.48fr);gap:38px}
  .odak-process-item{margin-right:22px;padding-right:22px}
}
@media(max-width:1080px){
  .odak-home-intro,.odak-home-services,.odak-home-projects,.odak-home-process{padding-top:94px;padding-bottom:96px}
  .odak-section-index{margin-bottom:44px}
  .odak-home-intro-grid{grid-template-columns:1fr;gap:28px}.odak-home-intro-copy{padding-top:0;max-width:760px}
  .odak-fact-grid{grid-template-columns:1fr 1fr;margin-top:65px}.odak-fact:nth-child(2){border-right:0}.odak-fact:nth-child(-n+2){border-bottom:1px solid rgba(34,47,96,.12)}.odak-fact:nth-child(3){padding-left:0}
  .odak-services-head,.odak-process-top{grid-template-columns:1fr;gap:22px}.odak-services-head .odak-section-index,.odak-process-top .odak-section-index{margin-bottom:18px}
  .odak-service-grid{grid-template-columns:1fr 1fr}.odak-service-card{min-height:450px}.odak-service-visual{height:190px}
  .odak-projects-heading{grid-template-columns:1fr;gap:22px}.odak-projects-heading .odak-section-index{margin-bottom:18px}.odak-projects-heading>p{max-width:680px}
  .odak-project-card--wide .odak-project-media{height:410px}
  .odak-process-list{grid-template-columns:1fr 1fr}.odak-process-item{min-height:230px;border-bottom:1px solid rgba(255,255,255,.14)}.odak-process-item:nth-child(2){border-right:0;margin-right:0}.odak-process-item:nth-child(n+3){border-bottom:0}
  .odak-home-cta{padding:88px 0}.odak-home-cta-grid{grid-template-columns:1fr;gap:48px}.odak-home-cta-side{max-width:620px}
}
@media(max-width:767px){
  .odak-home-intro,.odak-home-services,.odak-home-projects,.odak-home-process{padding:72px 0 74px}
  .odak-home-cta{padding:72px 0}
  .odak-section-index{grid-template-columns:auto 52px 1fr;max-width:none;margin-bottom:34px;gap:11px}
  .odak-home-kicker{margin-bottom:18px;font-size:8px;letter-spacing:.15em}.odak-home-kicker>span{width:28px}
  .odak-home-intro h2,.odak-services-title h2,.odak-projects-heading h2,.odak-process-top h2,.odak-home-cta h2{font-size:clamp(39px,12vw,58px);line-height:.98}
  .odak-home-intro-copy .odak-home-lead{font-size:17px;line-height:1.6}.odak-home-intro-copy p{font-size:13px;line-height:1.7}
  .odak-fact-grid{grid-template-columns:1fr 1fr;margin-top:50px}.odak-fact{min-height:126px;padding:23px 17px}.odak-fact:first-child,.odak-fact:nth-child(3){padding-left:0}.odak-fact strong{margin-bottom:19px;font-size:34px}.odak-fact span{font-size:9px}
  .odak-services-head,.odak-process-top{margin-bottom:42px}
  .odak-service-grid{grid-template-columns:1fr;border-left:0}.odak-service-card{min-height:auto;padding:23px 0 29px;border-left:0;border-right:0}.odak-service-card:hover{transform:none}.odak-service-visual{height:175px;justify-content:flex-end}.odak-service-visual svg{width:70%}.odak-service-content h3{font-size:24px}.odak-service-content p{max-width:86%}
  .odak-projects-heading{margin-bottom:42px}.odak-project-grid{grid-template-columns:1fr;gap:13px}.odak-project-card--wide{grid-row:auto}.odak-project-card--wide .odak-project-media,.odak-project-media{height:300px}.odak-project-meta{padding:23px 22px 25px}.odak-project-meta h3{font-size:23px}.odak-project-media strong{left:22px;bottom:18px;font-size:52px}
  .odak-process-list{grid-template-columns:1fr}.odak-process-item,.odak-process-item:nth-child(2),.odak-process-item:nth-child(n+3){min-height:0;margin:0;padding:23px 0 26px;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.odak-process-item:last-child{border-bottom:0}.odak-process-item>span{margin-bottom:36px}.odak-process-item p{max-width:88%}
  .odak-home-cta-grid{gap:35px}.odak-home-cta-side p{font-size:12px}.odak-home-cta-button{width:100%;min-height:55px}
}
@media(prefers-reduced-motion:reduce){
  .odak-service-card,.odak-service-visual svg,.odak-project-card,.odak-home-cta-button{transition:none!important}
  .odak-home-intro [data-reveal].reveal-ready,.odak-home-services [data-reveal].reveal-ready,.odak-home-projects [data-reveal].reveal-ready,.odak-home-process [data-reveal].reveal-ready,.odak-home-cta [data-reveal].reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
}

/* =========================================================
   ODAK GROUP — Phase 03 Projects + Contact
   ========================================================= */

/* Projects index */
.projects-hero{position:relative;overflow:hidden;padding:118px 0 88px;background:#f4f5f7;color:var(--odak-navy-deep);border-bottom:1px solid rgba(34,47,96,.10)}
.projects-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(34,47,96,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,47,96,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 0,#000 42%,#000 100%);pointer-events:none}
.projects-hero:after{content:"";position:absolute;right:-110px;bottom:-330px;width:650px;height:650px;border:1px solid rgba(34,47,96,.09);border-radius:50%;box-shadow:0 0 0 82px rgba(34,47,96,.025),0 0 0 164px rgba(34,47,96,.016);pointer-events:none}
.projects-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.45fr);gap:88px;align-items:end}
.projects-hero-copy{max-width:1040px}.projects-kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:#737b90;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.projects-kicker>span{width:38px;height:1px;background:var(--odak-navy)}
.projects-hero h1{margin:0;max-width:1040px;color:var(--odak-navy-deep);font-size:clamp(58px,7vw,112px);line-height:.91;font-weight:500;letter-spacing:-.065em;text-wrap:balance}.projects-hero-copy>p{max-width:730px;margin:30px 0 0;color:#6f7687;font-size:15px;line-height:1.78}
.projects-hero-aside{display:flex;flex-direction:column;align-items:flex-end;gap:32px;padding-bottom:6px}.projects-hero-count{text-align:right}.projects-hero-count strong{display:block;color:var(--odak-navy);font-size:66px;line-height:.9;font-weight:500;letter-spacing:-.065em}.projects-hero-count span{display:block;margin-top:12px;color:#8b91a0;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.projects-hero-line{display:grid;grid-template-columns:94px 42px 16px;gap:10px;align-items:center}.projects-hero-line span{height:1px;background:rgba(34,47,96,.38)}.projects-hero-line span:nth-child(2){opacity:.48}.projects-hero-line span:nth-child(3){opacity:.24}
.projects-index{padding:78px 0 126px;background:#fff}.projects-toolbar{display:grid;grid-template-columns:220px minmax(0,1fr);gap:50px;align-items:start;padding-bottom:34px;border-bottom:1px solid rgba(34,47,96,.13)}.projects-toolbar-label{display:flex;align-items:center;gap:14px;padding-top:13px;color:#8990a0;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.projects-toolbar-label>span{color:var(--odak-navy)}
.projects-filters{display:flex;flex-wrap:wrap;gap:8px}.projects-filters a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 15px;border:1px solid rgba(34,47,96,.12);color:#5f6677;font-size:10px;font-weight:600;letter-spacing:.04em;transition:background .2s ease,border-color .2s ease,color .2s ease}.projects-filters a small{font-size:8px;color:#9da2ae}.projects-filters a:hover,.projects-filters a.active{background:var(--odak-navy);border-color:var(--odak-navy);color:#fff}.projects-filters a.active small,.projects-filters a:hover small{color:rgba(255,255,255,.55)}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:68px 22px;margin-top:62px}.project-index-card{min-width:0}.project-index-media{position:relative;display:block;height:410px;overflow:hidden;background:var(--odak-navy);isolation:isolate}.project-index-card--feature{grid-column:1/-1}.project-index-card--feature .project-index-media{height:min(67vw,720px)}.project-index-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-index-card:hover .project-index-media img{transform:scale(1.025)}
.project-index-placeholder{position:absolute;inset:0;background:linear-gradient(145deg,#2b3b79,#172249);overflow:hidden}.project-index-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:48px 48px;opacity:.55;mask-image:linear-gradient(135deg,#000,transparent 90%)}.project-index-placeholder span{position:absolute;border:1px solid rgba(255,255,255,.18);transform:skewY(-7deg)}.project-index-placeholder span:nth-child(1){width:62%;height:68%;right:-7%;bottom:-12%}.project-index-placeholder span:nth-child(2){width:45%;height:47%;right:22%;bottom:7%}.project-index-placeholder strong{position:absolute;left:30px;bottom:24px;color:rgba(255,255,255,.88);font-size:70px;line-height:1;font-weight:400;letter-spacing:-.07em}.project-index-status{position:absolute;z-index:3;right:18px;top:18px;padding:9px 11px;background:rgba(255,255,255,.92);color:var(--odak-navy-deep);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(12px)}
.project-index-body{padding:24px 4px 0}.project-index-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;color:#8a90a0;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-index-body h2{margin:0;max-width:900px;color:var(--odak-navy-deep);font-size:clamp(30px,3.1vw,52px);line-height:1.01;font-weight:500;letter-spacing:-.048em}.project-index-card:not(.project-index-card--feature) .project-index-body h2{font-size:clamp(27px,2.5vw,40px)}.project-index-body h2 a{transition:color .2s ease}.project-index-body h2 a:hover{color:#495a96}.project-index-body p{max-width:760px;margin:17px 0 0;color:#747b8b;font-size:13px;line-height:1.72}.project-index-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:27px;padding-top:18px;border-top:1px solid rgba(34,47,96,.11)}.project-index-footer>span{color:#9a9faa;font-size:9px;letter-spacing:.08em}.project-index-footer>a{display:inline-flex;align-items:center;gap:15px;color:var(--odak-navy);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.project-index-footer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s ease}.project-index-footer>a:hover svg{transform:translateX(5px)}
.projects-empty{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.55fr);min-height:570px;margin-top:62px;background:#f3f4f6}.projects-empty-visual{position:relative;overflow:hidden;background:var(--odak-navy-deep)}.projects-empty-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(135deg,#000,transparent)}.projects-empty-visual span{position:absolute;border:1px solid rgba(255,255,255,.18)}.projects-empty-visual span:nth-child(1){left:16%;bottom:0;width:32%;height:64%}.projects-empty-visual span:nth-child(2){left:48%;bottom:0;width:24%;height:80%}.projects-empty-visual span:nth-child(3){left:72%;bottom:0;width:18%;height:46%}.projects-empty-visual strong{position:absolute;left:38px;top:34px;color:rgba(255,255,255,.18);font-size:80px;font-weight:500;letter-spacing:-.07em}.projects-empty-copy{display:flex;flex-direction:column;justify-content:center;padding:60px 55px}.projects-empty-copy>span{color:#8f95a3;font-size:9px;font-weight:700;letter-spacing:.13em}.projects-empty-copy h2{margin:24px 0 18px;color:var(--odak-navy-deep);font-size:clamp(38px,4vw,62px);line-height:.99;font-weight:500;letter-spacing:-.055em}.projects-empty-copy p{margin:0;color:#757c8d;font-size:13px;line-height:1.76}.projects-empty-copy>a{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;width:max-content;min-width:220px;margin-top:32px;padding:16px 18px;background:var(--odak-navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.projects-empty-copy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.projects-cta{padding:100px 0;background:var(--odak-navy-deep);color:#fff}.projects-cta-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.5fr);gap:100px;align-items:end}.projects-cta-kicker{display:flex;align-items:center;gap:11px;margin-bottom:20px;color:rgba(255,255,255,.5);font-size:9px;font-weight:700;letter-spacing:.15em}.projects-cta-kicker i{width:34px;height:1px;background:rgba(255,255,255,.5)}.projects-cta h2{max-width:900px;margin:0;font-size:clamp(48px,5.2vw,82px);line-height:.96;font-weight:500;letter-spacing:-.06em}.projects-cta-side p{margin:0 0 28px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.76}.projects-cta-side a{display:inline-flex;align-items:center;gap:22px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.4);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.projects-cta-side svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s ease}.projects-cta-side a:hover svg{transform:translateX(4px)}

/* Project detail */
.project-detail-hero{position:relative;height:min(76vw,820px);min-height:590px;overflow:hidden;color:#fff;background:var(--odak-navy-deep)}.project-detail-media,.project-detail-media>img,.project-detail-blueprint,.project-detail-shade{position:absolute;inset:0;width:100%;height:100%}.project-detail-media>img{object-fit:cover}.project-detail-shade{background:linear-gradient(180deg,rgba(9,16,39,.12),rgba(9,16,39,.18) 38%,rgba(9,16,39,.78) 100%),linear-gradient(90deg,rgba(9,16,39,.46),transparent 65%)}.project-detail-blueprint{background:linear-gradient(145deg,#293a78,#121a3b);overflow:hidden}.project-detail-blueprint:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:54px 54px}.project-detail-blueprint span{position:absolute;border:1px solid rgba(255,255,255,.17)}.project-detail-blueprint span:nth-child(1){left:13%;bottom:0;width:27%;height:55%}.project-detail-blueprint span:nth-child(2){left:40%;bottom:0;width:31%;height:72%}.project-detail-blueprint span:nth-child(3){left:71%;bottom:0;width:18%;height:41%}.project-detail-blueprint strong{position:absolute;right:6%;top:13%;color:rgba(255,255,255,.11);font-size:clamp(90px,14vw,220px);font-weight:500;letter-spacing:-.08em}.project-detail-hero-inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:54px;padding-bottom:66px}.project-detail-back{display:inline-flex;align-items:center;gap:12px;width:max-content;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-detail-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.project-detail-heading{max-width:1100px}.project-detail-kicker{display:flex;align-items:center;gap:11px;margin-bottom:19px;color:rgba(255,255,255,.66);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.project-detail-kicker>span{width:34px;height:1px;background:rgba(255,255,255,.7)}.project-detail-heading h1{margin:0;font-size:clamp(54px,7vw,108px);line-height:.9;font-weight:500;letter-spacing:-.065em;text-wrap:balance}.project-detail-heading p{max-width:760px;margin:28px 0 0;color:rgba(255,255,255,.76);font-size:15px;line-height:1.72}
.project-detail-facts{background:#fff;border-bottom:1px solid rgba(34,47,96,.12)}.project-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.project-fact{min-height:132px;padding:27px 28px;border-right:1px solid rgba(34,47,96,.12);display:flex;flex-direction:column;justify-content:space-between}.project-fact:first-child{padding-left:0}.project-fact:last-child{border-right:0}.project-fact span{color:#9298a6;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-fact strong{color:var(--odak-navy-deep);font-size:15px;line-height:1.35;font-weight:500}
.project-detail-main{padding:106px 0 118px;background:#fff}.project-detail-layout{display:grid;grid-template-columns:minmax(250px,.35fr) minmax(0,1fr);gap:clamp(65px,8vw,140px);align-items:start}.project-detail-sidebar{position:sticky;top:112px}.project-side-block{padding:0 0 28px;margin-bottom:27px;border-bottom:1px solid rgba(34,47,96,.12)}.project-side-block>span,.project-content-label{display:block;margin-bottom:17px;color:#969ba8;font-size:8px;font-weight:700;letter-spacing:.13em}.project-side-block>strong{display:block;color:var(--odak-navy-deep);font-size:16px;font-weight:500;line-height:1.5}.project-service-tags{display:flex;flex-wrap:wrap;gap:7px}.project-service-tags>span{padding:8px 10px;background:#f2f3f6;color:#5e6575;font-size:9px;font-weight:600;letter-spacing:.04em}.project-side-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;background:var(--odak-navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-side-contact svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .2s ease}.project-side-contact:hover svg{transform:translateX(4px)}.project-detail-content{max-width:900px}.project-detail-content h2{margin:0 0 31px;color:var(--odak-navy-deep);font-size:clamp(42px,4.5vw,72px);line-height:.98;font-weight:500;letter-spacing:-.055em}.project-prose{color:#596171;font-size:15px;line-height:1.85}.project-prose p{margin:0 0 23px}.project-prose h2,.project-prose h3{color:var(--odak-navy-deep);font-weight:500;letter-spacing:-.04em}.project-prose h2{margin:50px 0 20px;font-size:38px}.project-prose h3{margin:38px 0 16px;font-size:28px}.project-prose ul,.project-prose ol{padding-left:20px}.project-prose img{width:100%;margin:35px 0}
.project-gallery{padding:105px 0 120px;background:#f3f4f6}.project-gallery-head{display:grid;grid-template-columns:220px 1fr;gap:50px;align-items:end;margin-bottom:45px}.project-gallery-head>span{color:#9298a6;font-size:8px;font-weight:700;letter-spacing:.12em}.project-gallery-head h2{margin:0;color:var(--odak-navy-deep);font-size:clamp(44px,5vw,76px);line-height:.98;font-weight:500;letter-spacing:-.055em}.project-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-gallery-item{margin:0;background:#fff}.project-gallery-item--wide{grid-column:1/-1}.project-gallery-item img{width:100%;height:440px;object-fit:cover}.project-gallery-item--wide img{height:min(63vw,760px)}.project-gallery-item figcaption{padding:14px 16px;color:#72798a;font-size:10px}
.project-detail-cta{padding:96px 0;background:var(--odak-navy-deep);color:#fff}.project-detail-cta-grid{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end}.project-detail-cta-grid>div>span{display:block;margin-bottom:18px;color:rgba(255,255,255,.48);font-size:8px;font-weight:700;letter-spacing:.14em}.project-detail-cta h2{max-width:900px;margin:0;font-size:clamp(48px,5vw,80px);line-height:.96;font-weight:500;letter-spacing:-.058em}.project-detail-cta>a{display:inline-flex;align-items:center;gap:25px;padding:17px 19px;background:#fff;color:var(--odak-navy-deep);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.project-detail-cta>a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}

/* Contact — Odak adaptation */
.contact-hero--odak{padding-bottom:0;background:#f3f4f6}.contact-hero--odak:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(34,47,96,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,47,96,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000);pointer-events:none}.contact-hero--odak .contact-hero-grid{position:relative;z-index:2;min-height:520px}.contact-hero--odak .contact-kicker{color:#747c91}.contact-hero--odak .contact-kicker span{background:var(--odak-navy)}.contact-hero--odak h1{color:var(--odak-navy-deep);font-size:clamp(54px,6vw,94px);line-height:.93;font-weight:500;letter-spacing:-.062em}.contact-hero--odak p{color:#6c7485}.contact-hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.contact-hero-actions>a:first-child{display:inline-flex;align-items:center;gap:28px;padding:16px 18px;background:var(--odak-navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.contact-hero-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.contact-hero-phone{display:flex!important;flex-direction:column;gap:3px;padding:0!important;background:transparent!important;color:var(--odak-navy-deep)!important;text-transform:none!important;letter-spacing:0!important}.contact-hero-phone small{color:#959ba8;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.contact-hero-phone strong{font-size:13px;font-weight:600}
.contact-structure-art{position:relative;min-height:420px;color:var(--odak-navy)}.contact-structure-art svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;opacity:.64}.contact-structure-grid{opacity:.22}.contact-structure-ground{opacity:.42}.contact-structure-crane{opacity:.5}.contact-structure-node{fill:currentColor;stroke:none;opacity:.56}.contact-structure-accent{stroke-width:1.6;opacity:.56}.contact-structure-tag{position:absolute;right:6%;bottom:6%;padding:14px 17px;background:var(--odak-navy);color:#fff}.contact-structure-tag span{display:block;margin-bottom:5px;color:rgba(255,255,255,.52);font-size:7px;font-weight:700;letter-spacing:.16em}.contact-structure-tag strong{font-size:11px;font-weight:600}
.contact-capability-strip{position:relative;z-index:3;border-top:1px solid rgba(34,47,96,.12);background:rgba(255,255,255,.62)}.contact-capability-strip>.site-container{display:grid;grid-template-columns:repeat(4,1fr)}.contact-capability-strip span{display:flex;align-items:center;gap:12px;min-height:74px;padding:0 22px;border-right:1px solid rgba(34,47,96,.12);color:#979ca8;font-size:8px;letter-spacing:.08em}.contact-capability-strip span:first-child{padding-left:0}.contact-capability-strip span:last-child{border-right:0}.contact-capability-strip strong{color:var(--odak-navy-deep);font-size:10px;font-weight:600;letter-spacing:.02em}.contact-info-pending{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:17px;background:#f3f4f6;color:#777e8e}.contact-info-pending>span{flex:0 0 auto;width:6px;height:6px;margin-top:6px;border-radius:50%;background:var(--odak-navy)}.contact-info-pending p{margin:0;font-size:11px;line-height:1.65}.contact-form-card{border-radius:0;box-shadow:none;border-color:rgba(34,47,96,.13)}.contact-submit{background:var(--odak-navy)!important}.contact-submit:hover{background:var(--odak-navy-deep)!important}

.projects-hero [data-reveal].reveal-ready,.projects-index [data-reveal].reveal-ready,.projects-cta [data-reveal].reveal-ready,.project-detail-hero [data-reveal].reveal-ready,.project-detail-main [data-reveal].reveal-ready,.project-gallery [data-reveal].reveal-ready,.project-detail-cta [data-reveal].reveal-ready,.contact-hero--odak [data-reveal].reveal-ready,.contact-main [data-reveal].reveal-ready{transform:translateY(28px);opacity:0;transition:opacity .65s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
.projects-hero [data-reveal].reveal-visible,.projects-index [data-reveal].reveal-visible,.projects-cta [data-reveal].reveal-visible,.project-detail-hero [data-reveal].reveal-visible,.project-detail-main [data-reveal].reveal-visible,.project-gallery [data-reveal].reveal-visible,.project-detail-cta [data-reveal].reveal-visible,.contact-hero--odak [data-reveal].reveal-visible,.contact-main [data-reveal].reveal-visible{transform:none;opacity:1}

@media(max-width:1080px){
  .projects-hero-grid{grid-template-columns:1fr;gap:45px}.projects-hero-aside{align-items:flex-start}.projects-hero-count{text-align:left}.projects-toolbar{grid-template-columns:1fr;gap:18px}.projects-toolbar-label{padding-top:0}.projects-grid{gap:55px 18px}.project-index-media{height:330px}.projects-empty{grid-template-columns:1fr}.projects-empty-visual{min-height:390px}.projects-cta-grid{grid-template-columns:1fr;gap:45px}.projects-cta-side{max-width:620px}
  .project-facts-grid{grid-template-columns:1fr 1fr}.project-fact:nth-child(2){border-right:0}.project-fact:nth-child(-n+2){border-bottom:1px solid rgba(34,47,96,.12)}.project-fact:nth-child(3){padding-left:0}.project-detail-layout{grid-template-columns:1fr;gap:55px}.project-detail-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-side-contact{grid-column:1/-1}.project-side-block{margin:0}.project-gallery-head{grid-template-columns:1fr;gap:15px}.project-detail-cta-grid{grid-template-columns:1fr;gap:38px}.project-detail-cta>a{width:max-content}
  .contact-hero--odak .contact-hero-grid{grid-template-columns:1fr;gap:20px}.contact-structure-art{min-height:350px}.contact-capability-strip>.site-container{grid-template-columns:1fr 1fr}.contact-capability-strip span:nth-child(2){border-right:0}.contact-capability-strip span:nth-child(-n+2){border-bottom:1px solid rgba(34,47,96,.12)}.contact-capability-strip span:nth-child(3){padding-left:0}
}
@media(max-width:767px){
  .projects-hero{padding:74px 0 58px}.projects-hero h1{font-size:clamp(48px,15vw,74px)}.projects-hero-copy>p{font-size:13px;line-height:1.7}.projects-hero-count strong{font-size:50px}.projects-index{padding:55px 0 78px}.projects-filters{flex-wrap:nowrap;overflow-x:auto;margin-right:calc((100vw - 100%)/-2);padding-right:20px;padding-bottom:4px}.projects-filters a{flex:0 0 auto}.projects-grid{grid-template-columns:1fr;gap:50px;margin-top:45px}.project-index-card--feature{grid-column:auto}.project-index-card--feature .project-index-media,.project-index-media{height:300px}.project-index-placeholder strong{font-size:54px}.project-index-body{padding-top:20px}.project-index-meta{flex-direction:column;gap:5px}.project-index-body h2,.project-index-card:not(.project-index-card--feature) .project-index-body h2{font-size:32px}.projects-empty{margin-top:45px;min-height:0}.projects-empty-visual{min-height:310px}.projects-empty-copy{padding:40px 24px 45px}.projects-empty-copy h2{font-size:42px}.projects-cta{padding:72px 0}.projects-cta h2{font-size:45px}
  .project-detail-hero{height:72vh;min-height:540px}.project-detail-hero-inner{padding-top:33px;padding-bottom:40px}.project-detail-heading h1{font-size:clamp(48px,14vw,72px)}.project-detail-heading p{font-size:13px;line-height:1.65}.project-facts-grid{grid-template-columns:1fr 1fr}.project-fact{min-height:112px;padding:20px 16px}.project-fact:first-child,.project-fact:nth-child(3){padding-left:0}.project-fact strong{font-size:12px}.project-detail-main{padding:72px 0 78px}.project-detail-sidebar{grid-template-columns:1fr}.project-side-contact{grid-column:auto}.project-detail-content h2{font-size:42px}.project-prose{font-size:14px;line-height:1.75}.project-gallery{padding:70px 0 78px}.project-gallery-grid{grid-template-columns:1fr;gap:12px}.project-gallery-item--wide{grid-column:auto}.project-gallery-item img,.project-gallery-item--wide img{height:320px}.project-detail-cta{padding:70px 0}.project-detail-cta h2{font-size:45px}.project-detail-cta>a{width:100%;justify-content:space-between}
  .contact-hero--odak{padding-top:70px}.contact-hero--odak .contact-hero-grid{min-height:0}.contact-hero--odak h1{font-size:clamp(48px,14vw,70px)}.contact-hero-actions{align-items:flex-start;flex-direction:column}.contact-structure-art{min-height:285px;margin-top:5px}.contact-structure-tag{right:0;bottom:0}.contact-capability-strip>.site-container{grid-template-columns:1fr}.contact-capability-strip span,.contact-capability-strip span:nth-child(2),.contact-capability-strip span:nth-child(3){min-height:58px;padding-left:0;border-right:0;border-bottom:1px solid rgba(34,47,96,.12)}.contact-capability-strip span:last-child{border-bottom:0}.contact-layout{gap:48px}.contact-details{position:static}.contact-form-card{padding:30px 20px 34px}
}
@media(prefers-reduced-motion:reduce){
  .projects-hero [data-reveal].reveal-ready,.projects-index [data-reveal].reveal-ready,.projects-cta [data-reveal].reveal-ready,.project-detail-hero [data-reveal].reveal-ready,.project-detail-main [data-reveal].reveal-ready,.project-gallery [data-reveal].reveal-ready,.project-detail-cta [data-reveal].reveal-ready,.contact-hero--odak [data-reveal].reveal-ready,.contact-main [data-reveal].reveal-ready{opacity:1!important;transform:none!important;transition:none!important}
  .project-index-media img{transition:none!important}
}

/* =========================================================
   ODAK GROUP — PHASE 05 / CORPORATE + SERVICES
   ========================================================= */
.odak-services-all{display:flex;justify-content:flex-end;margin-top:38px}.odak-services-all a{display:inline-flex;align-items:center;gap:24px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.odak-services-all a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .25s ease}.odak-services-all a:hover svg{transform:translateX(5px)}.odak-service-card{transition:background .25s ease,border-color .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}.odak-service-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.28)}

/* Corporate */
.corp-odak-hero{position:relative;overflow:hidden;padding:94px 0 0;background:#f3f4f6;color:var(--odak-navy-deep)}.corp-odak-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(34,47,96,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,47,96,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000);pointer-events:none}.corp-odak-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:80px;align-items:center;min-height:660px}.corp-odak-copy{padding:45px 0 70px}.corp-odak-copy h1{max-width:860px;margin:28px 0 28px;font-size:clamp(58px,6.1vw,104px);font-weight:500;line-height:.91;letter-spacing:-.066em}.corp-odak-copy>p{max-width:680px;margin:0;color:#687083;font-size:15px;line-height:1.75}.corp-odak-scroll{display:inline-flex;align-items:center;gap:24px;margin-top:38px;color:var(--odak-navy-deep);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.corp-odak-scroll svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.corp-odak-art{position:relative;align-self:stretch;min-height:560px;color:var(--odak-navy)}.corp-odak-art svg{position:absolute;inset:5% 0 0;width:100%;height:90%;fill:none;stroke:currentColor}.corp-odak-grid{opacity:.15;stroke-width:.7}.corp-odak-building{stroke-width:1.4;opacity:.72}.corp-odak-detail{stroke-width:.8;opacity:.42}.corp-odak-node{fill:currentColor;stroke:none}.corp-odak-art-tag{position:absolute;right:0;bottom:9%;padding:16px 19px;background:var(--odak-navy);color:#fff}.corp-odak-art-tag span{display:block;margin-bottom:5px;color:rgba(255,255,255,.55);font-size:7px;font-weight:700;letter-spacing:.16em}.corp-odak-art-tag strong{font-size:12px;font-weight:600}.corp-odak-story{padding:118px 0 125px;background:#fff}.corp-odak-story-head{display:grid;grid-template-columns:190px minmax(0,1fr);gap:70px;align-items:start}.corp-odak-story-head h2{max-width:1000px;margin:22px 0 0;font-size:clamp(46px,4.6vw,78px);line-height:.98;font-weight:500;letter-spacing:-.055em;color:var(--odak-navy-deep)}.corp-odak-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid rgba(34,47,96,.14)}.corp-odak-timeline article{position:relative;min-height:285px;padding:30px 36px 30px 0;border-right:1px solid rgba(34,47,96,.14)}.corp-odak-timeline article+article{padding-left:36px}.corp-odak-timeline article:last-child{border-right:0}.corp-odak-timeline article:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--odak-navy)}.corp-odak-timeline article+article:before{left:36px}.corp-odak-timeline article>span{display:block;color:var(--odak-navy);font-size:11px;font-weight:700;letter-spacing:.12em}.corp-odak-timeline h3{margin:50px 0 15px;font-size:25px;font-weight:500;letter-spacing:-.035em;color:var(--odak-navy-deep)}.corp-odak-timeline p{max-width:360px;margin:0;color:#737b8c;font-size:13px;line-height:1.75}.corp-odak-model{padding:115px 0 120px;background:var(--odak-navy-deep);color:#fff}.corp-odak-model-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:100px}.corp-odak-model-title h2{max-width:620px;margin:48px 0 0;font-size:clamp(42px,4vw,67px);font-weight:500;line-height:1;letter-spacing:-.055em}.corp-odak-model-list{border-top:1px solid rgba(255,255,255,.18)}.corp-odak-model-list>a{display:grid;grid-template-columns:55px minmax(0,1fr) 34px;gap:24px;align-items:start;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18);transition:padding .3s ease,background .3s ease}.corp-odak-model-list>a:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.035)}.corp-odak-model-list>a>span{padding-top:5px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.12em}.corp-odak-model-list h3{margin:0 0 8px;font-size:25px;font-weight:500;letter-spacing:-.035em}.corp-odak-model-list p{max-width:620px;margin:0;color:rgba(255,255,255,.55);font-size:12px;line-height:1.7}.corp-odak-model-list svg{width:24px;height:24px;margin-top:5px;fill:none;stroke:#fff;stroke-width:1.25;transition:transform .25s ease}.corp-odak-model-list>a:hover svg{transform:translateX(5px)}.corp-odak-sectors{padding:115px 0 125px;background:#f3f4f6}.corp-odak-sectors-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:90px;align-items:end}.corp-odak-sectors-head h2{max-width:900px;margin:22px 0 0;font-size:clamp(46px,4.5vw,76px);line-height:.98;font-weight:500;letter-spacing:-.055em;color:var(--odak-navy-deep)}.corp-odak-sectors-head>p{margin:0;color:#71798a;font-size:14px;line-height:1.8}.corp-odak-sector-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:78px;border-top:1px solid rgba(34,47,96,.14);border-bottom:1px solid rgba(34,47,96,.14)}.corp-odak-sector-grid>div{min-height:180px;padding:27px 25px;border-right:1px solid rgba(34,47,96,.14);display:flex;flex-direction:column;justify-content:space-between}.corp-odak-sector-grid>div:first-child{padding-left:0}.corp-odak-sector-grid>div:last-child{border-right:0}.corp-odak-sector-grid span{color:#999fac;font-size:8px;font-weight:700;letter-spacing:.12em}.corp-odak-sector-grid strong{max-width:230px;color:var(--odak-navy-deep);font-size:20px;font-weight:500;line-height:1.25;letter-spacing:-.025em}.corp-odak-cta{padding:86px 0;background:var(--odak-navy);color:#fff}.corp-odak-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:end}.corp-odak-cta-grid>div>span{display:block;margin-bottom:17px;color:rgba(255,255,255,.52);font-size:8px;font-weight:700;letter-spacing:.14em}.corp-odak-cta h2{max-width:900px;margin:0;font-size:clamp(46px,4.8vw,78px);font-weight:500;line-height:.96;letter-spacing:-.055em}.corp-odak-cta a{display:inline-flex;align-items:center;gap:25px;padding:17px 20px;background:#fff;color:var(--odak-navy-deep);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.corp-odak-cta a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}

/* Services index */
.services-index-hero{position:relative;overflow:hidden;padding:130px 0 92px;background:#f3f4f6;color:var(--odak-navy-deep)}.services-index-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.9%,rgba(34,47,96,.08) 50%,transparent 50.1%);pointer-events:none}.services-index-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:90px;align-items:end}.services-index-hero h1{max-width:980px;margin:28px 0 0;font-size:clamp(60px,6.3vw,108px);font-weight:500;line-height:.9;letter-spacing:-.068em}.services-index-lead{padding-bottom:8px}.services-index-lead>span{display:block;margin-bottom:28px;color:#a0a6b1;font-size:9px;font-weight:700;letter-spacing:.13em}.services-index-lead p{margin:0;color:#697183;font-size:15px;line-height:1.75}.services-index-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(34,47,96,.12)}.services-index-line span{display:block;width:26%;height:1px;background:var(--odak-navy)}.services-index-list{padding:48px 0 120px;background:#fff}.services-index-item{display:grid;grid-template-columns:65px 235px minmax(0,1fr) 55px;gap:32px;align-items:center;min-height:245px;border-bottom:1px solid rgba(34,47,96,.13);transition:background .3s ease,padding .35s cubic-bezier(.16,1,.3,1)}.services-index-item:first-child{border-top:1px solid rgba(34,47,96,.13)}.services-index-item:hover{padding-left:20px;padding-right:20px;background:#f7f8f9}.services-index-no{align-self:start;padding-top:35px;color:#a4aab5;font-size:9px;font-weight:700;letter-spacing:.12em}.services-index-art{height:165px;color:var(--odak-navy)}.services-index-art svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;opacity:.7}.services-index-art .dash{opacity:.27;stroke-dasharray:4 6}.services-index-copy>span{display:block;margin-bottom:12px;color:#8e95a3;font-size:8px;font-weight:700;letter-spacing:.13em}.services-index-copy h2{margin:0 0 12px;color:var(--odak-navy-deep);font-size:clamp(34px,3.2vw,54px);font-weight:500;letter-spacing:-.05em;line-height:1}.services-index-copy p{max-width:720px;margin:0;color:#727a8a;font-size:13px;line-height:1.72}.services-index-arrow{display:flex;justify-content:flex-end}.services-index-arrow svg{width:28px;height:28px;fill:none;stroke:var(--odak-navy-deep);stroke-width:1.2;transition:transform .25s ease}.services-index-item:hover .services-index-arrow svg{transform:translateX(6px)}.services-index-integration{padding:110px 0;background:var(--odak-navy-deep);color:#fff}.services-index-integration-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:100px;align-items:end}.services-index-integration-grid>div:first-child>span{display:block;margin-bottom:25px;color:rgba(255,255,255,.42);font-size:9px;font-weight:700;letter-spacing:.14em}.services-index-integration h2{max-width:860px;margin:0;font-size:clamp(47px,4.6vw,76px);font-weight:500;line-height:.98;letter-spacing:-.055em}.services-index-integration-copy p{margin:0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.8}.services-index-integration-copy a{display:inline-flex;align-items:center;gap:24px;margin-top:32px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.services-index-integration-copy a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.services-index-cta{padding:84px 0;background:var(--odak-navy);color:#fff}.services-index-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}.services-index-cta-grid>div>span{display:block;margin-bottom:17px;color:rgba(255,255,255,.5);font-size:8px;font-weight:700;letter-spacing:.14em}.services-index-cta h2{max-width:900px;margin:0;font-size:clamp(45px,4.8vw,78px);font-weight:500;line-height:.96;letter-spacing:-.055em}.services-index-cta a{display:inline-flex;align-items:center;gap:24px;padding:17px 20px;background:#fff;color:var(--odak-navy-deep);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.services-index-cta a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}

/* Service detail */
.service-detail-hero{position:relative;overflow:hidden;padding:118px 0 0;background:#f3f4f6;color:var(--odak-navy-deep)}.service-detail-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(34,47,96,.13)}.service-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center;min-height:610px}.service-detail-copy{padding:20px 0 65px}.service-detail-back{display:inline-flex;align-items:center;gap:11px;margin-bottom:45px;color:#8e95a3;font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.service-detail-back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.service-detail-index{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.service-detail-index span{color:var(--odak-navy);font-size:25px;font-weight:500}.service-detail-index em{font-style:normal;color:#a3a9b5;font-size:9px;letter-spacing:.12em}.service-detail-copy h1{max-width:850px;margin:26px 0 25px;font-size:clamp(58px,6vw,102px);font-weight:500;line-height:.91;letter-spacing:-.066em}.service-detail-copy>p{max-width:700px;margin:0;color:#697183;font-size:15px;line-height:1.75}.service-detail-art{position:relative;height:550px;color:var(--odak-navy)}.service-detail-art svg{width:100%;height:100%;fill:none;stroke:currentColor}.service-art-grid{opacity:.12;stroke-width:.7}.service-art-main{opacity:.72;stroke-width:1.45}.service-art-detail{opacity:.35;stroke-width:.8;stroke-dasharray:4 6}.service-art-node{fill:currentColor;stroke:none}.service-detail-intro{padding:112px 0 120px;background:#fff}.service-detail-intro-grid{display:grid;grid-template-columns:180px minmax(0,1.15fr) minmax(290px,.65fr);gap:65px;align-items:start}.service-detail-intro h2{max-width:790px;margin:0;font-size:clamp(45px,4.4vw,74px);font-weight:500;line-height:.99;letter-spacing:-.055em;color:var(--odak-navy-deep)}.service-detail-intro-copy p{margin:7px 0 0;color:#737b8c;font-size:14px;line-height:1.85}.service-detail-scope{padding:112px 0 118px;background:#f3f4f6}.service-detail-scope-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:90px}.service-detail-scope-title>span{display:block;margin-bottom:32px;color:#949ba8;font-size:8px;font-weight:700;letter-spacing:.14em}.service-detail-scope-title h2{max-width:620px;margin:0;color:var(--odak-navy-deep);font-size:clamp(42px,4vw,67px);font-weight:500;line-height:1;letter-spacing:-.055em}.service-detail-scope-list{border-top:1px solid rgba(34,47,96,.14)}.service-detail-scope-list article{display:grid;grid-template-columns:55px 230px minmax(0,1fr);gap:25px;padding:27px 0;border-bottom:1px solid rgba(34,47,96,.14)}.service-detail-scope-list article>span{color:#a1a7b2;font-size:8px;font-weight:700;letter-spacing:.12em}.service-detail-scope-list h3{margin:0;color:var(--odak-navy-deep);font-size:20px;font-weight:500;letter-spacing:-.025em}.service-detail-scope-list p{margin:0;color:#727a89;font-size:12px;line-height:1.7}.service-detail-integration{padding:110px 0;background:var(--odak-navy-deep);color:#fff}.service-detail-integration-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.7fr);gap:100px;align-items:end}.service-detail-integration h2{max-width:860px;margin:25px 0 0;font-size:clamp(46px,4.6vw,76px);font-weight:500;line-height:.98;letter-spacing:-.055em}.service-detail-integration-grid>div:last-child p{margin:0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.8}.service-detail-integration-grid>div:last-child a{display:inline-flex;align-items:center;gap:24px;margin-top:32px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.service-detail-integration-grid a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.service-detail-next{padding:85px 0;background:#fff}.service-detail-next-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:55px;align-items:end}.service-detail-next-grid>div>span{display:block;margin-bottom:17px;color:#979eaa;font-size:8px;font-weight:700;letter-spacing:.14em}.service-detail-next h2{margin:0;color:var(--odak-navy-deep);font-size:clamp(45px,4.7vw,75px);font-weight:500;line-height:.97;letter-spacing:-.055em}.service-detail-next a{display:inline-flex;align-items:center;gap:24px;padding:16px 18px;border:1px solid rgba(34,47,96,.2);color:var(--odak-navy-deep);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.service-detail-next a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.service-detail-cta{padding:84px 0;background:var(--odak-navy);color:#fff}.service-detail-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:55px;align-items:end}.service-detail-cta-grid>div>span{display:block;margin-bottom:17px;color:rgba(255,255,255,.5);font-size:8px;font-weight:700;letter-spacing:.14em}.service-detail-cta h2{max-width:900px;margin:0;font-size:clamp(45px,4.7vw,76px);font-weight:500;line-height:.96;letter-spacing:-.055em}.service-detail-cta a{display:inline-flex;align-items:center;gap:24px;padding:17px 20px;background:#fff;color:var(--odak-navy-deep);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.service-detail-cta a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}

@media(max-width:1080px){
  .corp-odak-hero-grid,.service-detail-hero-grid{grid-template-columns:1fr;gap:10px}.corp-odak-art,.service-detail-art{min-height:380px;height:420px}.corp-odak-copy{padding-bottom:20px}.corp-odak-story-head,.corp-odak-model-grid,.corp-odak-sectors-head,.services-index-hero-grid,.services-index-integration-grid,.service-detail-intro-grid,.service-detail-scope-grid,.service-detail-integration-grid{grid-template-columns:1fr;gap:45px}.corp-odak-timeline{grid-template-columns:1fr}.corp-odak-timeline article,.corp-odak-timeline article+article{min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid rgba(34,47,96,.14)}.corp-odak-timeline article+article:before{left:0}.corp-odak-timeline h3{margin-top:24px}.corp-odak-sector-grid{grid-template-columns:1fr 1fr}.corp-odak-sector-grid>div:nth-child(2){border-right:0}.corp-odak-sector-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(34,47,96,.14)}.corp-odak-sector-grid>div:nth-child(3){padding-left:0}.corp-odak-cta-grid,.services-index-cta-grid,.service-detail-next-grid,.service-detail-cta-grid{grid-template-columns:1fr;gap:38px}.corp-odak-cta a,.services-index-cta a,.service-detail-next a,.service-detail-cta a{width:max-content}.services-index-item{grid-template-columns:50px 190px minmax(0,1fr) 40px}.service-detail-intro-grid{grid-template-columns:1fr}.service-detail-scope-list article{grid-template-columns:45px 200px minmax(0,1fr)}
}
@media(max-width:767px){
  .corp-odak-hero{padding-top:72px}.corp-odak-hero-grid{min-height:0}.corp-odak-copy{padding:38px 0 0}.corp-odak-copy h1,.services-index-hero h1,.service-detail-copy h1{font-size:clamp(48px,14vw,72px)}.corp-odak-copy>p,.services-index-lead p,.service-detail-copy>p{font-size:13px;line-height:1.7}.corp-odak-art,.service-detail-art{min-height:300px;height:320px}.corp-odak-art-tag{bottom:2%}.corp-odak-story,.corp-odak-model,.corp-odak-sectors,.service-detail-intro,.service-detail-scope,.service-detail-integration{padding:72px 0 78px}.corp-odak-story-head h2,.corp-odak-model-title h2,.corp-odak-sectors-head h2,.services-index-integration h2,.service-detail-intro h2,.service-detail-scope-title h2,.service-detail-integration h2{font-size:42px}.corp-odak-timeline{margin-top:52px}.corp-odak-model-grid{gap:45px}.corp-odak-model-list>a{grid-template-columns:38px minmax(0,1fr) 25px;gap:13px}.corp-odak-model-list h3{font-size:21px}.corp-odak-sector-grid{grid-template-columns:1fr;margin-top:50px}.corp-odak-sector-grid>div,.corp-odak-sector-grid>div:nth-child(3){min-height:125px;padding:22px 0;border-right:0;border-bottom:1px solid rgba(34,47,96,.14)}.corp-odak-sector-grid>div:last-child{border-bottom:0}.corp-odak-cta,.services-index-cta,.service-detail-next,.service-detail-cta{padding:68px 0}.corp-odak-cta h2,.services-index-cta h2,.service-detail-next h2,.service-detail-cta h2{font-size:43px}.corp-odak-cta a,.services-index-cta a,.service-detail-next a,.service-detail-cta a{width:100%;justify-content:space-between}.services-index-hero{padding:88px 0 68px}.services-index-hero-grid{gap:42px}.services-index-list{padding:30px 0 76px}.services-index-item{grid-template-columns:38px minmax(0,1fr) 28px;gap:12px;min-height:0;padding:26px 0}.services-index-item:hover{padding-left:0;padding-right:0}.services-index-art{grid-column:2/-1;height:135px;order:2}.services-index-no{grid-row:1/3;padding-top:6px}.services-index-copy{grid-column:2;order:1}.services-index-arrow{grid-column:3;grid-row:1;order:1}.services-index-copy h2{font-size:34px}.services-index-integration{padding:74px 0}.service-detail-hero{padding-top:74px}.service-detail-hero-grid{min-height:0}.service-detail-copy{padding:32px 0 0}.service-detail-back{margin-bottom:35px}.service-detail-intro-grid{gap:35px}.service-detail-scope-list article{grid-template-columns:38px 1fr;gap:8px 15px}.service-detail-scope-list article p{grid-column:2}.service-detail-next{padding:65px 0}
}

/* =========================================================
   ODAK Phase 07 — horizontal logo sizing + mobile header logo
   ========================================================= */
.odak-brand{width:248px;flex-basis:248px;height:88px}
.odak-brand .brand-logo{max-width:238px;max-height:72px;width:auto;height:auto;object-fit:contain;object-position:left center}
.odak-header.scrolled .odak-brand,
.odak-header.site-header--inner .odak-brand,
.odak-header.menu-open .odak-brand{width:224px;flex-basis:224px;height:72px}
.odak-header.scrolled .odak-brand .brand-logo,
.odak-header.site-header--inner .odak-brand .brand-logo,
.odak-header.menu-open .odak-brand .brand-logo{max-width:214px;max-height:60px}
.mobile-header-brand{display:none;align-items:center;flex:0 1 auto;min-width:0;height:100%;overflow:visible}
.mobile-header-logo-box{display:flex;align-items:center;justify-content:flex-start;width:min(220px,62vw);height:54px;overflow:visible}
.mobile-header-logo{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important;opacity:1!important;visibility:visible!important}
.mobile-header-logo--inverted{filter:brightness(0) invert(1)}
.odak-mobile-brand{max-width:72%;min-width:150px}
.odak-mobile-brand img{display:block!important;width:auto!important;height:auto!important;max-width:min(230px,64vw)!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important;opacity:1!important;visibility:visible!important}
@media(max-width:1360px){
  .odak-brand{width:212px;flex-basis:212px}.odak-brand .brand-logo{max-width:204px;max-height:64px}
  .odak-header.scrolled .odak-brand,.odak-header.site-header--inner .odak-brand,.odak-header.menu-open .odak-brand{width:190px;flex-basis:190px}
  .odak-header.scrolled .odak-brand .brand-logo,.odak-header.site-header--inner .odak-brand .brand-logo,.odak-header.menu-open .odak-brand .brand-logo{max-width:184px}
}
@media(max-width:1080px){
  .odak-brand{display:none!important}
  .mobile-header-brand{display:flex!important;max-width:64vw}
  .odak-header-shell{justify-content:space-between}
  .odak-header-tools{margin-left:auto}
}
@media(max-width:767px){
  .mobile-header-logo-box{width:min(190px,63vw);height:46px}
  .mobile-header-logo{max-height:41px!important}
  .odak-mobile-brand img{max-width:min(205px,64vw)!important;max-height:42px!important}
}

/* =========================================================
   ODAK Phase 07 — Request a Quote
   ========================================================= */
.quote-hero{position:relative;overflow:hidden;padding:176px 0 92px;background:#f2f4f7;color:var(--odak-navy-deep)}
.quote-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,47,96,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,47,96,.045) 1px,transparent 1px);background-size:68px 68px;pointer-events:none}
.quote-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:72px;align-items:center}
.quote-hero-copy h1{max-width:920px;margin:28px 0 28px;font-size:clamp(54px,5.4vw,92px);line-height:.95;font-weight:600;letter-spacing:-.058em;text-wrap:balance}
.quote-hero-copy p{max-width:760px;margin:0;color:#68717e;font-size:16px;line-height:1.75}
.quote-hero-action{display:inline-flex;align-items:center;gap:34px;min-height:56px;margin-top:34px;padding:0 22px 0 25px;background:var(--odak-navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.quote-hero-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}
.quote-hero-board{position:relative;min-height:500px;border-left:1px solid rgba(34,47,96,.11);border-bottom:1px solid rgba(34,47,96,.11)}
.quote-board-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(34,47,96,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(34,47,96,.075) 1px,transparent 1px);background-size:58px 58px}
.quote-hero-board>svg{position:absolute;left:6%;right:2%;bottom:4%;width:92%;height:88%;fill:none;stroke:rgba(34,47,96,.68);stroke-width:1.4}
.quote-hero-board>svg circle{fill:var(--odak-navy);stroke:none}
.quote-board-card{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;width:148px;height:88px;padding:16px 18px;background:var(--odak-navy);color:#fff;box-shadow:0 18px 36px rgba(18,26,59,.12)}
.quote-board-card span{margin-bottom:7px;color:rgba(255,255,255,.52);font-size:9px;font-weight:700;letter-spacing:.16em}.quote-board-card strong{font-size:14px;font-weight:600}
.quote-board-card--a{left:3%;top:5%}.quote-board-card--b{right:2%;top:30%;background:#fff;color:var(--odak-navy);border:1px solid rgba(34,47,96,.12)}.quote-board-card--b span{color:#8b92a0}.quote-board-card--c{right:10%;bottom:0}
.quote-process{padding:92px 0;background:#fff}.quote-process-grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:78px}.quote-process-intro{display:flex;gap:22px}.quote-process-intro h2{max-width:430px;margin:10px 0 0;font-size:clamp(34px,3vw,52px);line-height:1.02;letter-spacing:-.045em}.quote-process-items{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dfe3e8}.quote-process-items>div{min-height:260px;padding:34px 28px 28px;border-right:1px solid #e4e7eb}.quote-process-items>div:last-child{border-right:0}.quote-process-items span{display:block;margin-bottom:50px;color:#9aa1aa;font-size:10px;letter-spacing:.15em}.quote-process-items h3{margin:0 0 14px;font-size:20px;letter-spacing:-.025em}.quote-process-items p{margin:0;color:#737c87;line-height:1.7}
.quote-form-section{padding:100px 0 120px;background:#f5f6f8}.quote-form-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:78px;align-items:start}.quote-form-aside{position:sticky;top:118px}.quote-form-aside h2{max-width:480px;margin:14px 0 18px;font-size:clamp(38px,3.5vw,60px);line-height:1;letter-spacing:-.05em}.quote-form-aside>p{max-width:510px;margin:0;color:#747d87;line-height:1.75}.quote-form-note{display:grid;grid-template-columns:34px 1fr;gap:15px;margin-top:34px;padding-top:25px;border-top:1px solid #dfe3e8}.quote-form-note>span{width:34px;height:1px;margin-top:12px;background:var(--odak-navy)}.quote-form-note p{margin:0;color:#66717d;font-size:13px;line-height:1.7}.quote-form-card{padding-top:42px}.quote-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.quote-success{display:flex;gap:28px;align-items:flex-start;padding:30px}.quote-success-icon{display:flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;background:var(--odak-navy);color:#fff;font-size:24px}.quote-success h2{margin:8px 0 12px;font-size:44px;letter-spacing:-.045em}.quote-success p{max-width:640px;color:#707984;line-height:1.7}.quote-success strong{display:inline-block;margin-top:10px;color:var(--odak-navy);font-size:16px}
@media(max-width:1080px){.quote-hero-grid,.quote-process-grid,.quote-form-layout{grid-template-columns:1fr}.quote-hero-board{min-height:430px}.quote-process-items{grid-template-columns:repeat(3,1fr)}.quote-form-aside{position:static}.quote-form-layout{gap:40px}}
@media(max-width:767px){.quote-hero{padding:120px 0 58px}.quote-hero-grid{gap:42px}.quote-hero-copy h1{font-size:clamp(44px,13vw,64px)}.quote-hero-copy p{font-size:14px}.quote-hero-board{min-height:330px}.quote-board-card{width:118px;height:72px;padding:12px}.quote-board-card strong{font-size:12px}.quote-process{padding:64px 0}.quote-process-grid{gap:40px}.quote-process-items{grid-template-columns:1fr}.quote-process-items>div{min-height:0;padding:28px 0;border-right:0;border-bottom:1px solid #e4e7eb}.quote-process-items span{margin-bottom:22px}.quote-form-section{padding:68px 0 80px}.quote-form-layout{gap:32px}.quote-form-aside h2{font-size:40px}.quote-form-card{padding-top:24px}.quote-success{padding:8px;gap:18px}.quote-success h2{font-size:34px}}

/* Phase 08 Hotfix — refined image-free project blueprint fallbacks */
.project-index-placeholder{background:radial-gradient(circle at 28% 22%,rgba(101,126,205,.22),transparent 34%),linear-gradient(135deg,#2a3e7d 0%,#20336b 46%,#14244f 100%)}
.project-index-placeholder:before{background:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px);background-size:48px 48px;opacity:.7;mask-image:none}
.project-index-placeholder>span,.project-index-placeholder>strong{display:none!important}
.project-index-blueprint-svg{position:absolute;inset:2.5% 1.5% 1%;width:97%;height:96.5%;fill:none!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.92;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .3s ease}
.project-index-card:hover .project-index-blueprint-svg{transform:scale(1.018);opacity:1}
.project-index-blueprint-svg path,.project-index-blueprint-svg polyline,.project-index-blueprint-svg line{fill:none!important}
.project-index-blueprint-svg .bp-grid{stroke-width:.85}.project-index-blueprint-svg .bp-panels{stroke-width:1.05}.project-index-blueprint-svg .bp-building{stroke-width:1.35}.project-index-blueprint-svg .bp-guide{stroke-width:.85}
.project-index-placeholder-mark{position:absolute;left:28px;right:28px;bottom:22px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}
.project-index-placeholder-mark span{position:static!important;display:block!important;border:0!important;transform:none!important;color:rgba(255,255,255,.56);font-size:8px;font-weight:700;letter-spacing:.19em}
.project-index-placeholder-mark strong{position:static!important;display:block!important;color:rgba(255,255,255,.93);font-size:66px;line-height:.8;font-weight:400;letter-spacing:-.07em}
.project-detail-blueprint{background:radial-gradient(circle at 24% 20%,rgba(105,132,215,.18),transparent 34%),linear-gradient(140deg,#293e7e 0%,#1c2e62 52%,#101d42 100%)}
.project-detail-blueprint:before{background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;opacity:.86}
.project-detail-blueprint>span,.project-detail-blueprint>strong{display:none!important}
.project-detail-blueprint-svg{position:absolute;inset:0;width:100%;height:100%;fill:none!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.94}
.project-detail-blueprint-svg path,.project-detail-blueprint-svg polyline,.project-detail-blueprint-svg line{fill:none!important}
.project-detail-blueprint-svg .bp-detail-grid{stroke-width:.8}.project-detail-blueprint-svg .bp-detail-panels{stroke-width:1.05}.project-detail-blueprint-svg .bp-detail-building{stroke-width:1.4}.project-detail-blueprint-svg .bp-detail-guides{stroke-width:.85}
.project-detail-blueprint-tag{position:absolute;right:5.5%;top:12%;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:9px;pointer-events:none}
.project-detail-blueprint-tag span{position:static!important;display:block!important;border:0!important;color:rgba(255,255,255,.5);font-size:8px;font-weight:700;letter-spacing:.2em}
.project-detail-blueprint-tag strong{position:static!important;display:block!important;color:rgba(255,255,255,.10)!important;font-size:clamp(68px,10vw,160px)!important;line-height:.8!important;font-weight:500!important;letter-spacing:-.07em!important}
@media(max-width:767px){.project-index-placeholder-mark{left:22px;right:22px;bottom:19px}.project-index-placeholder-mark strong{font-size:52px}.project-index-blueprint-svg{inset:1%;width:98%;height:98%}.project-detail-blueprint-svg{width:146%;left:-23%}.project-detail-blueprint-tag{right:7%;top:15%}.project-detail-blueprint-tag strong{font-size:58px!important}.project-detail-blueprint-tag span{font-size:7px}}

/* =========================================================
   PHASE 09 — References navigation + project detail refinements
   ========================================================= */

/* Reference mega menu */
.odak-main-nav>.nav-item--references{position:relative}
.odak-header .odak-reference-menu{
  left:auto;
  right:-165px;
  width:min(720px,calc(100vw - 70px));
  min-width:650px;
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
  padding:0;
  overflow:hidden;
  transform:translateY(14px);
  background:#fff;
  box-shadow:0 30px 80px rgba(18,26,59,.18);
}
.odak-main-nav>.nav-item--references:hover>.odak-reference-menu,
.odak-main-nav>.nav-item--references:focus-within>.odak-reference-menu{transform:translateY(0)}
.reference-menu-intro{
  display:flex;
  min-height:332px;
  flex-direction:column;
  padding:30px 28px 26px;
  background:var(--odak-navy-deep);
  color:#fff;
}
.reference-menu-intro>span{font-size:8px;font-weight:700;letter-spacing:.16em;color:rgba(255,255,255,.46)}
.reference-menu-intro>strong{max-width:230px;margin-top:22px;font-size:29px;font-weight:500;line-height:1.03;letter-spacing:-.045em}
.reference-menu-intro>p{max-width:250px;margin:16px 0 0;color:rgba(255,255,255,.55);font-size:11px;line-height:1.7}
.reference-menu-all{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.reference-menu-all svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s ease}
.reference-menu-all:hover svg{transform:translateX(4px)}
.reference-menu-categories{display:grid;grid-template-columns:1fr 1fr;align-content:start;padding:18px;background:#fff}
.reference-menu-category{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;align-items:center;min-height:91px;padding:14px 13px;border-bottom:1px solid rgba(34,47,96,.09);color:var(--odak-navy-deep);transition:background .2s ease,padding .2s ease}
.reference-menu-category:nth-child(odd){border-right:1px solid rgba(34,47,96,.09)}
.reference-menu-category:hover,.reference-menu-category.active{background:#f3f5f8}
.reference-menu-category:hover{padding-left:17px}
.reference-menu-index{align-self:start;padding-top:3px;color:#a3a8b3;font-size:8px;font-weight:700;letter-spacing:.1em}
.reference-menu-copy{display:flex;min-width:0;flex-direction:column;gap:7px}
.reference-menu-copy strong{font-size:13px;font-weight:600;line-height:1.25;letter-spacing:-.015em}
.reference-menu-copy small{color:#969dab;font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.reference-menu-category>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.35;opacity:.5;transition:transform .2s ease,opacity .2s ease}
.reference-menu-category:hover>svg{opacity:1;transform:translateX(3px)}

/* Project detail gallery: one large + two compact images. */
.project-gallery-head>div>p{max-width:500px;margin:14px 0 0;color:#858c99;font-size:12px;line-height:1.7}
.project-gallery-mosaic{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.72fr);
  grid-auto-flow:row dense;
  grid-auto-rows:clamp(210px,19vw,292px);
  gap:16px;
}
.project-gallery-item{position:relative;margin:0;min-width:0;overflow:hidden;background:#e7e9ee}
.project-gallery-item--primary{grid-column:1;grid-row:span 2}
.project-gallery-item--secondary{grid-column:2}
.project-gallery-image-wrap{width:100%;height:100%;overflow:hidden;background:#e4e7ec}
.project-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.001);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.project-gallery-item:hover img{transform:scale(1.025)}
.project-gallery-item figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px;align-items:center;padding:28px 18px 15px;background:linear-gradient(180deg,transparent,rgba(11,18,45,.72));color:#fff;font-size:10px;line-height:1.4}
.project-gallery-item figcaption>span{color:rgba(255,255,255,.55);font-size:8px;font-weight:700;letter-spacing:.1em}
.project-gallery-mosaic.is-single{grid-template-columns:minmax(0,900px);justify-content:center}
.project-gallery-mosaic.is-single .project-gallery-item--primary{grid-column:1;grid-row:auto;height:clamp(360px,48vw,590px)}
.project-gallery-mosaic.is-two{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(340px,35vw,520px)}
.project-gallery-mosaic.is-two .project-gallery-item{grid-column:auto;grid-row:auto}

/* Project CTA */
.project-side-contact svg,.project-side-contact svg path{fill:none!important;stroke:currentColor!important}
.project-detail-cta{position:relative;overflow:hidden;padding:92px 0;background:#18244f;color:#fff}
.project-detail-cta:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
.project-detail-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.58fr);gap:80px;align-items:end}
.project-detail-cta-copy>span{display:block;margin-bottom:17px;color:rgba(255,255,255,.48);font-size:8px;font-weight:700;letter-spacing:.15em}
.project-detail-cta-copy h2{max-width:820px;margin:0;font-size:clamp(46px,4.6vw,74px);line-height:.97;font-weight:500;letter-spacing:-.055em}
.project-detail-cta-copy p{max-width:650px;margin:23px 0 0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.75}
.project-detail-cta-actions{display:flex;flex-direction:column;gap:10px}
.project-detail-cta-primary{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr) 28px;gap:16px;align-items:center;min-height:98px;padding:18px;background:#fff;color:var(--odak-navy-deep);transition:transform .25s ease,background .25s ease}
.project-detail-cta-primary:hover{transform:translateY(-3px);background:#f5f6f8}
.project-detail-cta-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--odak-navy);color:#fff}
.project-detail-cta-primary svg,.project-detail-cta-primary svg path,.project-detail-cta-secondary svg,.project-detail-cta-secondary svg path{fill:none!important;stroke:currentColor!important}
.project-detail-cta-icon svg{width:21px;height:21px}
.project-detail-cta-label{display:flex;min-width:0;flex-direction:column;gap:6px}
.project-detail-cta-label small{color:#9299a7;font-size:8px;font-weight:700;letter-spacing:.13em}
.project-detail-cta-label strong{font-size:15px;font-weight:600;letter-spacing:-.02em}
.project-detail-cta-corner{display:flex;align-items:center;justify-content:center;color:#7d8493}
.project-detail-cta-corner svg{width:20px;height:20px;transition:transform .25s ease}
.project-detail-cta-primary:hover .project-detail-cta-corner svg{transform:translate(2px,-2px)}
.project-detail-cta-secondary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 17px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease,background .2s ease}
.project-detail-cta-secondary:hover{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.035)}
.project-detail-cta-secondary svg{width:17px;height:17px}

@media(max-width:1180px){
  .odak-header .odak-reference-menu{right:-100px;width:650px;min-width:650px}
  .project-detail-cta-grid{grid-template-columns:1fr;gap:42px}
  .project-detail-cta-actions{max-width:520px}
}
@media(max-width:980px){
  .odak-header .odak-reference-menu{display:none}
  .mobile-nav-item--references.sub-open .mobile-sub-menu{max-height:520px}
  .mobile-nav-item--references .mobile-sub-link--all{color:#fff;background:rgba(255,255,255,.06)}
  .project-gallery-mosaic{grid-template-columns:minmax(0,1.3fr) minmax(210px,.7fr);grid-auto-rows:clamp(190px,25vw,255px)}
}
@media(max-width:720px){
  .project-gallery-head{margin-bottom:30px}
  .project-gallery-mosaic,.project-gallery-mosaic.is-two,.project-gallery-mosaic.is-single{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:11px}
  .project-gallery-item--primary,.project-gallery-item--secondary,.project-gallery-mosaic.is-single .project-gallery-item--primary,.project-gallery-mosaic.is-two .project-gallery-item{grid-column:auto;grid-row:auto;height:auto}
  .project-gallery-image-wrap{height:clamp(245px,72vw,360px)}
  .project-gallery-item:nth-child(3n+1) .project-gallery-image-wrap{height:clamp(300px,88vw,430px)}
  .project-detail-cta{padding:68px 0}
  .project-detail-cta-grid{gap:34px}
  .project-detail-cta-copy h2{font-size:43px}
  .project-detail-cta-copy p{font-size:12px}
  .project-detail-cta-primary{grid-template-columns:44px minmax(0,1fr) 23px;gap:13px;min-height:88px;padding:14px}
  .project-detail-cta-icon{width:44px;height:44px}
  .project-detail-cta-label strong{font-size:13px}
}

/* Keep lower-resolution project covers from being stretched into oversized full-width cards. */
@media(min-width:981px){
  .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:62px 22px}
  .project-index-card,.project-index-card--feature{grid-column:auto}
  .project-index-card--feature .project-index-media,.project-index-media{height:clamp(340px,29vw,455px)}
}

/* Phase 10 — dynamic references, compact reference grid and larger menu category labels */
.odak-project-grid--dynamic{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.odak-project-card--dynamic{display:block;color:inherit;text-decoration:none}
.odak-project-card--dynamic .odak-project-media{height:285px;position:relative;overflow:hidden;background:linear-gradient(145deg,#253a79 0%,#172957 100%);color:rgba(255,255,255,.78)}
.odak-project-card--dynamic .odak-project-media svg{position:absolute;inset:0;width:100%;height:100%;color:rgba(255,255,255,.55);opacity:.88}
.odak-project-card--dynamic:nth-child(3n+2) .odak-project-media{background:linear-gradient(145deg,#2d427f 0%,#1d315f 100%)}
.odak-project-card--dynamic:nth-child(3n+3) .odak-project-media{background:linear-gradient(145deg,#344984 0%,#223765 100%)}
.odak-project-count{position:absolute;right:22px;top:20px;padding:7px 10px;border:1px solid rgba(255,255,255,.24);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(10,20,49,.12);backdrop-filter:blur(4px)}
.odak-project-card--dynamic .odak-project-meta h3{font-size:clamp(24px,2vw,32px)}
.odak-projects-all{margin-top:32px}

/* References list: keep lower-resolution project covers at a controlled size. */
.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 20px;margin-top:50px}
.project-index-card,.project-index-card--feature{grid-column:auto!important}
.project-index-media,.project-index-card--feature .project-index-media{height:clamp(230px,22vw,315px)!important}
.project-index-body{padding:19px 2px 0}
.project-index-body h2,.project-index-card:not(.project-index-card--feature) .project-index-body h2{font-size:clamp(23px,1.85vw,31px);line-height:1.06;letter-spacing:-.035em}
.project-index-body p{margin-top:12px;font-size:12px;line-height:1.65}
.project-index-footer{margin-top:20px;padding-top:15px}
.project-index-meta{justify-content:flex-start;margin-bottom:10px}

/* Reference mega menu category names are intentionally prominent. */
.reference-menu-copy strong{font-size:17px;line-height:1.18;font-weight:600;letter-spacing:-.025em}
.reference-menu-copy small{font-size:9px}
.reference-menu-category{min-height:100px;padding:16px 15px}
.mobile-nav-item--references .mobile-sub-link{font-size:17px;min-height:46px;color:rgba(255,255,255,.72)}

@media(max-width:1180px){
  .odak-project-grid--dynamic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-index-media,.project-index-card--feature .project-index-media{height:300px!important}
}
@media(max-width:760px){
  .odak-project-grid--dynamic{grid-template-columns:1fr}
  .odak-project-card--dynamic .odak-project-media{height:250px}
  .projects-grid{grid-template-columns:1fr;gap:42px}
  .project-index-media,.project-index-card--feature .project-index-media{height:255px!important}
  .project-index-body h2,.project-index-card:not(.project-index-card--feature) .project-index-body h2{font-size:28px}
  .mobile-nav-item--references .mobile-sub-link{font-size:16px}
}

/* Project detail no longer exposes location; use a balanced three-column facts row. */
.project-facts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){
  .project-facts-grid{grid-template-columns:1fr}
  .project-fact,.project-fact:first-child,.project-fact:nth-child(3){padding-left:16px;border-right:0;border-bottom:1px solid rgba(34,47,96,.12)}
  .project-fact:last-child{border-bottom:0}
}

/* =========================================================
   ODAK Phase 11 — Corporate footer refresh
   ========================================================= */
.odak-footer{position:relative;margin-top:0!important;padding:0!important;background:#101936!important;color:#fff!important;border-top:0!important;overflow:hidden}
.odak-footer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.odak-footer:after{content:"";position:absolute;right:-12vw;top:14%;width:46vw;height:46vw;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 84px rgba(255,255,255,.018),0 0 0 168px rgba(255,255,255,.012);pointer-events:none}
.odak-footer>.site-shell{position:relative;z-index:2}
.odak-footer-cta{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:64px;align-items:end;padding-top:74px;padding-bottom:68px;border-bottom:1px solid rgba(255,255,255,.12)}
.odak-footer-kicker{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:rgba(255,255,255,.52);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.odak-footer-kicker span{width:34px;height:1px;background:rgba(255,255,255,.45)}
.odak-footer-cta h2{max-width:900px;margin:0;color:#fff;font-size:clamp(42px,5vw,78px);line-height:.97;font-weight:500;letter-spacing:-.055em;text-wrap:balance}
.odak-footer-cta p{max-width:820px;margin:24px 0 0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.75}
.odak-footer-cta-link{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:210px;min-height:62px;padding:0 22px 0 24px;background:#fff;color:#101936!important;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:transform .25s ease,background .25s ease}
.odak-footer-cta-link:hover{transform:translateY(-3px);background:#eef1f8}
.odak-footer-cta-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}
.odak-footer-main{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(170px,.72fr));gap:54px;padding-top:58px;padding-bottom:54px}
.odak-footer-brand-block{padding-right:42px}
.odak-footer-brand{display:inline-flex;align-items:center;min-height:48px}
.odak-footer-brand img{width:auto;max-width:230px;max-height:58px;filter:brightness(0) invert(1);opacity:.96}
.odak-footer-brand strong{font-size:24px;color:#fff}
.odak-footer-brand-block p{max-width:440px;margin:24px 0 22px;color:rgba(255,255,255,.56);font-size:13px;line-height:1.78}
.odak-footer-title{margin-bottom:20px;color:rgba(255,255,255,.42);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.odak-footer-list{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.odak-footer-list a,.odak-footer-contact>a,.odak-footer-contact>span{color:rgba(255,255,255,.78)!important;font-size:13px;line-height:1.5;transition:color .2s ease,transform .2s ease}
.odak-footer-list a:hover,.odak-footer-contact>a:hover{color:#fff!important;transform:translateX(3px)}
.odak-footer-list .odak-footer-list-all{margin-top:8px;color:#fff!important;font-weight:600}
.odak-footer-list-all span{margin-left:6px}
.odak-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.odak-footer-contact .odak-footer-contact-primary{color:#fff!important;font-size:17px;font-weight:600;letter-spacing:-.02em}
.odak-footer-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:#fff!important;font-size:12px;font-weight:600}
.odak-footer-text-link span{opacity:.55}
.odak-footer-socials{display:flex;gap:16px;margin-top:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.odak-footer-socials a{color:rgba(255,255,255,.55)!important;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.odak-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:24px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.38);font-size:11px}
.odak-footer-bottom-links{display:flex;gap:22px}
.odak-footer-bottom-links a{color:rgba(255,255,255,.48)!important}
.odak-footer-bottom-links a:hover{color:#fff!important}
@media(max-width:1180px){.odak-footer-main{grid-template-columns:1.1fr repeat(2,1fr);gap:42px}.odak-footer-contact{grid-column:2/4}.odak-footer-brand-block{grid-row:1/3}.odak-footer-cta{grid-template-columns:1fr;align-items:start}.odak-footer-cta-link{justify-self:start}}
@media(max-width:820px){.odak-footer-cta{padding-top:58px;padding-bottom:52px;gap:34px}.odak-footer-cta h2{font-size:clamp(40px,11vw,58px)}.odak-footer-main{grid-template-columns:1fr 1fr;gap:40px 28px;padding-top:46px}.odak-footer-brand-block{grid-column:1/-1;grid-row:auto;padding-right:0}.odak-footer-contact{grid-column:auto}.odak-footer-brand img{max-width:210px}.odak-footer-bottom{align-items:flex-start;flex-direction:column}.odak-footer-bottom-links{flex-wrap:wrap;gap:12px 18px}}
@media(max-width:560px){.odak-footer-cta{padding-top:48px;padding-bottom:44px}.odak-footer-cta p{font-size:14px}.odak-footer-cta-link{width:100%;min-width:0}.odak-footer-main{grid-template-columns:1fr;gap:34px;padding-top:42px;padding-bottom:42px}.odak-footer-contact{grid-column:auto}.odak-footer-column{padding-top:28px;border-top:1px solid rgba(255,255,255,.09)}.odak-footer-brand-block+.odak-footer-column{border-top:0;padding-top:0}.odak-footer-bottom-links{display:none}}

/* =========================================================
   ODAK Phase 12 — readable reference typography normalization
   User-facing labels should not look like micro-copy.
   ========================================================= */
/* References page hero / filters */
.projects-kicker{font-size:13px!important;letter-spacing:.11em!important}
.projects-hero-count span{font-size:13px!important;letter-spacing:.08em!important}
.projects-toolbar-label{font-size:13px!important;letter-spacing:.08em!important;padding-top:11px!important}
.projects-filters{gap:10px!important}
.projects-filters a{min-height:46px!important;padding:0 18px!important;font-size:15px!important;font-weight:600!important;letter-spacing:0!important}
.projects-filters a small{font-size:12px!important;font-weight:600!important}

/* Reference project cards */
.project-index-status{padding:9px 12px!important;font-size:12px!important;letter-spacing:.06em!important}
.project-index-meta{font-size:13px!important;letter-spacing:.055em!important;line-height:1.35!important}
.project-index-body p{font-size:14px!important;line-height:1.7!important}
.project-index-footer>span{font-size:13px!important;letter-spacing:.025em!important}
.project-index-footer>a{font-size:13px!important;letter-spacing:.05em!important}
.project-index-placeholder-mark span{font-size:12px!important;letter-spacing:.12em!important}

/* Reference mega menu */
.reference-menu-intro>span{font-size:12px!important;letter-spacing:.11em!important}
.reference-menu-intro>p{font-size:13px!important;line-height:1.65!important}
.reference-menu-all{font-size:13px!important;letter-spacing:.055em!important}
.reference-menu-index{font-size:11px!important;letter-spacing:.06em!important}
.reference-menu-copy strong{font-size:18px!important;line-height:1.2!important}
.reference-menu-copy small{font-size:12px!important;letter-spacing:.055em!important}
.reference-menu-category{min-height:108px!important}
.mobile-nav-item--references .mobile-sub-link{font-size:18px!important;line-height:1.25!important}

/* Project detail — readable facts and actions */
.project-detail-back{font-size:13px!important;letter-spacing:.055em!important}
.project-detail-kicker{font-size:13px!important;letter-spacing:.09em!important}
.project-fact span{font-size:12px!important;letter-spacing:.07em!important}
.project-fact strong{font-size:16px!important}
.project-side-block>span,.project-content-label{font-size:12px!important;letter-spacing:.07em!important}
.project-service-tags>span{font-size:12px!important;letter-spacing:.02em!important}
.project-side-contact{font-size:13px!important;letter-spacing:.05em!important}
.project-detail-blueprint-tag span{font-size:11px!important;letter-spacing:.12em!important}
.project-gallery-item figcaption{font-size:13px!important}
.project-gallery-item figcaption>span{font-size:11px!important;letter-spacing:.06em!important}
.project-detail-cta-copy>span{font-size:12px!important;letter-spacing:.09em!important}
.project-detail-cta-copy p{font-size:14px!important}
.project-detail-cta-label small{font-size:12px!important;letter-spacing:.07em!important}
.project-detail-cta-label strong{font-size:16px!important}
.project-detail-cta-secondary{font-size:13px!important;letter-spacing:.055em!important}

/* Empty-state / bottom CTA labels should also remain readable. */
.projects-empty-copy>span{font-size:12px!important;letter-spacing:.08em!important}
.projects-empty-copy>a{font-size:13px!important;letter-spacing:.055em!important}
.projects-cta-kicker{font-size:12px!important;letter-spacing:.09em!important}
.projects-cta-side a{font-size:13px!important;letter-spacing:.055em!important}

@media(max-width:760px){
  .projects-kicker,.projects-hero-count span,.projects-toolbar-label{font-size:12px!important}
  .projects-filters a{min-height:44px!important;padding:0 16px!important;font-size:14px!important}
  .projects-filters a small{font-size:11px!important}
  .project-index-status{font-size:11px!important}
  .project-index-meta,.project-index-footer>span,.project-index-footer>a{font-size:12px!important}
  .project-index-body p{font-size:14px!important}
  .reference-menu-copy strong{font-size:18px!important}
  .mobile-nav-item--references .mobile-sub-link{font-size:18px!important}
  .project-detail-back,.project-detail-kicker,.project-side-contact,.project-detail-cta-secondary{font-size:12px!important}
  .project-fact span,.project-side-block>span,.project-content-label,.project-service-tags>span,.project-detail-cta-copy>span,.project-detail-cta-label small{font-size:11px!important}
  .project-fact strong{font-size:15px!important}
}