/*
Theme Name: KYG Prestige
Theme URI: https://kygprestige.com
Author: KYG Prestige
Description: Boutique homepage theme for KYG Prestige — Dubai real estate.
Version: 5.57
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kyg-prestige
*/
/* ============================================================
KYG BRAND FONTS — hosted locally inside the theme
============================================================ */
@font-face{
font-family:'Castoro';
src:url('assets/fonts/castoro-regular.woff') format('woff');
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Castoro';
src:url('assets/fonts/castoro-italic.woff') format('woff');
font-weight:400;
font-style:italic;
font-display:swap;
}
@font-face{
font-family:'Origin';
src:url('assets/fonts/origin-light.woff') format('woff');
font-weight:300;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Origin';
src:url('assets/fonts/origin-regular.woff') format('woff');
font-weight:400 600;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Origin';
src:url('assets/fonts/origin-bold.woff') format('woff');
font-weight:700;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Origin';
src:url('assets/fonts/origin-heavy.woff') format('woff');
font-weight:800 900;
font-style:normal;
font-display:swap;
}
/* ============================================================
TOKENS
============================================================ */
:root{
--navy:#091F36;
--navy-soft:#132C48;
--white:#FFFFFF;
--off-white:#F7F7F4;
--gold:#B8985A;
--gold-soft:#D9C79E;
--text:#0E1B29;
--text-muted:#5B6A78;
--line:#E4E1DA;
--serif:'Castoro', Georgia, serif;
--sans:'Origin', Arial, sans-serif;
--maxw:1240px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
font-family:var(--sans);
color:var(--text);
background:var(--white);
line-height:1.5;
-webkit-font-smoothing:antialiased;
}
html,body{overflow-x:clip;}
main{width:100%;max-width:none;overflow:visible;}
header{margin-bottom:-108px;}
img,svg{display:block; max-width:100%;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer; border:none; background:none;}
.wrap{max-width:var(--maxw); margin:0 auto; padding-left:40px; padding-right:40px;}
h1,h2,h3,h4,h5,h6{font-family:var(--serif); font-weight:400; letter-spacing:-0.01em;}
.eyebrow{
font-family:var(--sans); font-size:11px; letter-spacing:.16em; text-transform:uppercase;
color:var(--gold); font-weight:600;
}
.reveal{opacity:1; transform:none; filter:none;}
.kyg-motion-ready .reveal{
opacity:0;
transform:translateY(46px) scale(.99);
filter:blur(3px);
transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1),filter .8s ease;
will-change:opacity,transform,filter;
}
.kyg-motion-ready .reveal.in{opacity:1; transform:translateY(0) scale(1); filter:blur(0);}
@media (prefers-reduced-motion: reduce){
.kyg-motion-ready .reveal{opacity:1; transform:none; filter:none; transition:none;}
html{scroll-behavior:auto;}
}
/* Placeholder imagery — swap these for real photography */
.ph{
position:relative; overflow:hidden; background:
linear-gradient(135deg, #0E2440 0%, #16345A 45%, #0A1D33 100%);
color:rgba(255,255,255,.55);
}
.ph.light{
background:linear-gradient(135deg, #EDEBE4 0%, #F7F7F4 45%, #E9E6DD 100%);
color:rgba(9,31,54,.35);
}
.ph-label{
position:absolute; left:16px; bottom:14px;
font-size:10px; letter-spacing:.14em; text-transform:uppercase;
z-index:2;
}
.btn{
display:inline-flex; align-items:center; justify-content:center; gap:8px;
font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:600;
min-height:50px; max-width:100%; padding:0 28px;
border:1px solid transparent; border-radius:100px;
line-height:1.15; text-align:center; white-space:normal;
position:relative; z-index:1;
transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.btn:hover{transform:translateY(-1px);}
.btn:focus-visible,
button:focus-visible,
a:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px;}
.btn-primary{background:var(--navy); color:var(--white);}
.btn-primary:hover{background:var(--navy-soft);}
.btn-outline{border:1px solid var(--navy); color:var(--navy);}
.btn-outline:hover{background:var(--navy); color:var(--white);}
.btn-gold-line{color:var(--navy); border:1px solid rgba(9,31,54,.34); background:var(--white);}
.btn-gold-line:hover{background:var(--navy);border-color:var(--navy);color:var(--white);}
.btn-outline-white{border:1px solid rgba(255,255,255,.5); color:var(--white);}
.btn-outline-white:hover{background:var(--white); color:var(--navy); border-color:var(--white);}
section{padding:100px 0;}
@media (max-width:900px){ section{padding:64px 0;} .wrap{padding-left:24px; padding-right:24px;} }
/* ============================================================
HEADER / FLOATING NAV
============================================================ */
header{
position:sticky; top:18px; z-index:100;
display:flex; justify-content:center;
pointer-events:none;
}
.nav-wrap{
pointer-events:all;
width:min(2000px, calc(100% - 32px));
margin:0 auto; padding:0 14px 0 28px;
display:flex; align-items:center; justify-content:space-between;
height:90px;
background:rgba(9,31,54,.14);
backdrop-filter:blur(22px) saturate(155%);
-webkit-backdrop-filter:blur(22px) saturate(155%);
border:1px solid rgba(255,255,255,.20);
border-radius:100px;
box-shadow:0 6px 22px rgba(9,31,54,.06);
transition:background .35s ease, box-shadow .35s ease, border-color .35s ease;
}
header.scrolled .nav-wrap{
background:rgba(9,31,54,.58);
border-color:rgba(255,255,255,.12);
box-shadow:0 12px 34px rgba(9,31,54,.18);
}
.logo{font-family:var(--serif); font-size:26px; letter-spacing:.015em; color:var(--white); display:flex; align-items:center; gap:12px; flex:0 0 auto;}
.logo-mark{width:28px; height:28px; border:1px solid var(--white); position:relative; flex-shrink:0;}
.logo-mark::before{content:''; position:absolute; left:50%; top:4px; bottom:4px; width:1px; background:var(--white); transform:translateX(-50%);}
.logo-mark::after{content:''; position:absolute; top:50%; left:4px; right:4px; height:1px; background:var(--white); transform:translateY(-50%);}
.logo--custom{display:flex; align-items:center;}
.logo--custom .custom-logo-link{display:block;}
.logo--custom img{max-height:50px; max-width:220px; width:auto; display:block; object-fit:contain;}
.foot-brand .logo--custom img{max-height:38px;}
nav.main-nav{display:flex; align-items:center; justify-content:center; gap:clamp(24px,2.15vw,40px); margin:0 30px;}
nav.main-nav a{
font-family:var(--sans); font-size:14px; letter-spacing:.075em; text-transform:uppercase; font-weight:700;
color:rgba(255,255,255,.88); padding:8px 0; position:relative; white-space:nowrap;
}
nav.main-nav a::after{
content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--gold-soft);
transform:scaleX(0); transition:transform .25s ease; transform-origin:left;
}
nav.main-nav a:hover{color:var(--white);}
nav.main-nav a:hover::after, nav.main-nav a.active::after{transform:scaleX(1);}
nav.main-nav a.active{color:var(--white); font-weight:800;}
.nav-right{display:flex; align-items:center; gap:12px; flex:0 0 auto;}
.nav-right .btn-outline{
background:var(--white); border:1px solid var(--white); color:var(--navy); border-radius:100px;
padding:15px 28px; font-family:var(--sans); font-size:13px; letter-spacing:.045em; font-weight:700; white-space:nowrap;
box-shadow:0 5px 16px rgba(9,31,54,.08);
}
.nav-right .btn-outline:hover{background:rgba(255,255,255,.88); color:var(--navy); border-color:rgba(255,255,255,.88); transform:translateY(-1px);}
.burger{display:none; flex-direction:column; gap:5px; width:22px; margin-left:6px;}
.burger span{height:1px; background:var(--white); width:100%;}
@media (max-width:1240px){
nav.main-nav{display:none;}
.burger{display:flex;}
.nav-right .btn-outline{padding:13px 22px; font-size:12px;}
}
@media (max-width:760px){
.nav-wrap{width:calc(100% - 24px); height:80px; padding-left:22px; padding-right:18px;}
.logo--custom img{max-height:44px; max-width:190px;}
}
@media (max-width:520px){
.nav-right .btn-outline{display:none;}
}
/* mobile drawer */
.drawer{
position:fixed; inset:0; background:var(--navy); z-index:200;
display:flex; flex-direction:column; padding:28px 32px;
transform:translateX(100%); transition:transform .35s ease;
}
.drawer.open{transform:translateX(0);}
.drawer-close{align-self:flex-end; color:var(--white); font-size:13px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:40px;}
.drawer a{color:var(--white); font-family:var(--serif); font-size:28px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.12);}
.drawer .drawer-cta{margin-top:30px; background:var(--white); color:var(--navy); border-color:var(--white); font-family:var(--sans); font-weight:700; font-size:14px; text-align:center;}
.drawer .drawer-cta:hover{background:rgba(255,255,255,.9); color:var(--navy); border-color:rgba(255,255,255,.9);}
/* ============================================================
HERO
============================================================ */
.hero{position:relative; padding:0;}
.hero-visual{
height:88vh; min-height:620px; position:relative; display:flex; align-items:flex-end;
}
.hero-visual .wrap{padding-bottom:64px; width:100%;}
.hero-copy{max-width:640px; color:var(--white); position:relative; z-index:2;}
.hero-copy h1{font-size:clamp(38px,5vw,64px); line-height:1.05; color:var(--white); margin:18px 0 22px;}
.hero-copy p{font-size:16px; color:rgba(255,255,255,.78); max-width:480px; margin-bottom:34px; font-weight:300;}
.hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}
/* search panel */
.search-panel{
background:var(--white); margin-top:-58px; position:relative; z-index:5;
box-shadow:0 20px 50px rgba(9,31,54,.12);
}
.search-tabs{display:flex; gap:6px; padding:8px; border-bottom:1px solid var(--line);}
.search-tabs button{
min-height:44px; padding:0 26px; border:1px solid transparent; border-radius:100px;
font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:600;
color:var(--text-muted);
}
.search-tabs button.active{color:var(--white); background:var(--navy); border-color:var(--navy);}
.search-fields{display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr auto; gap:0;}
.search-fields > div{padding:22px 28px; border-right:1px solid var(--line);}
.search-fields > div:last-child{border-right:none; padding:14px;}
.search-fields label{display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:6px;}
.search-fields select{
width:100%; border:none; font-family:inherit; font-size:14px; color:var(--text); background:transparent; appearance:none;
}
.search-btn{width:100%; height:100%; background:var(--navy); color:var(--white); font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; padding:0 30px; min-height:64px;}
.search-btn:hover{background:var(--navy-soft);}
@media (max-width:900px){
.search-fields{grid-template-columns:1fr 1fr;}
.search-fields > div{border-right:1px solid var(--line); border-bottom:1px solid var(--line);}
.search-fields > div:last-child{grid-column:1/-1; border:none;}
}
@media (max-width:560px){
.search-tabs{overflow-x:auto;}
.search-tabs button{flex:1 0 auto;padding:0 20px;}
.search-fields{grid-template-columns:1fr;}
.search-fields > div{border-right:none;}
.search-fields > div:last-child{grid-column:auto;}
.hero-ctas,.split-ctas{align-items:stretch;flex-direction:column;gap:12px;}
.hero-ctas .btn,.split-ctas .btn{width:100%;}
}
/* ============================================================
SECTION HEADERS
============================================================ */
.sec-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:52px; gap:20px; flex-wrap:wrap;}
.sec-head h2{font-size:clamp(28px,3.4vw,42px); color:var(--navy);}
.sec-head .eyebrow{margin-bottom:14px; display:block;}
/* ============================================================
PROPERTY CARDS
============================================================ */
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:28px;}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:28px;}
@media (max-width:1100px){ .grid-4{grid-template-columns:repeat(2,1fr);} .grid-3{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .grid-4{grid-template-columns:1fr;} .grid-3{grid-template-columns:1fr;} }
.prop-card{display:block;}
.prop-card .ph{aspect-ratio:4/5; margin-bottom:18px; transition:transform .5s ease;}
.prop-card:hover .ph{transform:scale(1.015);}
.prop-card .price{font-family:var(--serif); font-size:22px; color:var(--navy); margin-bottom:6px;}
.prop-card .name{font-size:14px; font-weight:600; margin-bottom:2px;}
.prop-card .area{font-size:13px; color:var(--text-muted); margin-bottom:10px;}
.prop-meta{display:flex; gap:14px; font-size:12px; color:var(--text-muted); border-top:1px solid var(--line); padding-top:12px;}
.center-cta{text-align:center; margin-top:56px;}
/* ============================================================
WHO WE ARE / EDITORIAL SPLIT
============================================================ */
.split{display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;}
.split-visual .ph{aspect-ratio:4/5;}
.split-text h2{font-size:clamp(28px,3.6vw,44px); color:var(--navy); margin:14px 0 22px;}
.split-text p{color:var(--text-muted); font-size:15.5px; margin-bottom:18px; max-width:460px; font-weight:300; line-height:1.7;}
.split-ctas{display:flex; align-items:center; gap:24px; margin-top:28px; flex-wrap:wrap;}
@media (max-width:900px){
.split{grid-template-columns:1fr; gap:36px;}
}
/* ============================================================
LOOKING FOR — 4 ENTRY POINTS
============================================================ */
.entry-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:var(--line);}
.entry-tile{
position:relative; aspect-ratio:3/4; overflow:hidden;
display:flex; align-items:flex-end; padding:30px;
}
.entry-tile h3{color:var(--white); font-size:26px; position:relative; z-index:2;}
.entry-tile::before{content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(9,31,54,.75), rgba(9,31,54,.15));}
.entry-tile:hover .ph{transform:scale(1.06);}
.entry-tile .ph{position:absolute; inset:0; z-index:0; transition:transform .6s ease;}
@media (max-width:900px){ .entry-grid{grid-template-columns:repeat(2,1fr);} }
/* ============================================================
WHY KYG — 3 COL
============================================================ */
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:56px;}
.why-col{border-top:1px solid var(--gold); padding-top:24px;}
.why-col h3{font-size:20px; color:var(--navy); margin-bottom:12px; font-weight:400;}
.why-col p{color:var(--text-muted); font-size:14.5px; font-weight:300; line-height:1.7;}
@media (max-width:800px){ .why-grid{grid-template-columns:1fr; gap:34px;} }
/* ============================================================
AREAS
============================================================ */
.area-card{position:relative; aspect-ratio:1/1; overflow:hidden; display:block;}
.area-card .ph{position:absolute; inset:0;}
.area-card::before{content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(9,31,54,.7), transparent 55%); z-index:1;}
.area-card span{position:absolute; left:22px; bottom:20px; z-index:2; color:var(--white); font-family:var(--serif); font-size:20px;}
/* ============================================================
TEAM PREVIEW / DEEP BLUE BANDS
============================================================ */
.band-navy{background:var(--navy); color:var(--white);}
.band-navy .split-text p{color:rgba(255,255,255,.68);}
.band-navy .eyebrow{color:var(--gold-soft);}
.band-navy h2{color:var(--white);}
/* numbers */
.numbers{display:grid; grid-template-columns:repeat(3,1fr); gap:40px; text-align:center;}
.numbers .num{font-family:var(--serif); font-size:clamp(38px,5vw,58px); color:var(--gold-soft);}
.numbers .label{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.65); margin-top:10px;}
@media (max-width:700px){ .numbers{grid-template-columns:1fr; gap:34px;} }
/* testimonials */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
.testi{padding:32px 0 0; border-top:1px solid var(--line);}
.testi p{font-family:var(--serif); font-style:italic; font-size:18px; color:var(--navy); line-height:1.6; margin-bottom:18px;}
.testi .who{font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--text-muted);}
@media (max-width:900px){ .testi-grid{grid-template-columns:1fr; gap:30px;} }
/* insights */
.insight-card .ph{aspect-ratio:16/10; margin-bottom:16px;}
.insight-card .tag{font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:8px; display:block;}
.insight-card h3{font-size:19px; color:var(--navy); font-weight:400; margin-bottom:8px;}
.insight-card p{font-size:13.5px; color:var(--text-muted);}
/* final cta */
.final-cta{background:var(--navy); color:var(--white); text-align:center; padding:130px 0;}
.final-cta h2{font-size:clamp(30px,4.4vw,52px); color:var(--white); max-width:820px; margin:0 auto 40px; line-height:1.2;}
/* footer */
footer{background:var(--navy); color:rgba(255,255,255,.7); padding-top:70px;}
.foot-top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:56px; border-bottom:1px solid rgba(255,255,255,.12);}
.foot-brand .logo{color:var(--white); margin-bottom:14px;}
.foot-brand .logo-mark{border-color:var(--white);}
.foot-brand .logo-mark::before,.foot-brand .logo-mark::after{background:var(--white);}
.foot-tag{font-family:var(--serif); font-style:italic; font-size:15px; color:var(--gold-soft);}
.foot-col h4{font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:18px;}
.foot-col a{display:block; font-size:13.5px; padding:6px 0; color:rgba(255,255,255,.78);}
.foot-col a:hover{color:var(--gold-soft);}
.foot-follow{margin-top:30px;}
.foot-follow-label{display:block;margin-bottom:12px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.48);}
.foot-social{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.foot-social-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 16px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.045);color:#fff!important;text-decoration:none;font-size:12.5px;font-weight:600;line-height:1;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;}
.foot-social-link svg{width:18px;height:18px;display:block;fill:currentColor;flex:0 0 18px;}
.foot-social-link:hover{background:var(--gold);border-color:var(--gold);color:#fff!important;transform:translateY(-1px);}
.foot-bottom{display:flex;justify-content:flex-start;align-items:center;padding:26px 0;font-size:12px;color:rgba(255,255,255,.45);flex-wrap:wrap;gap:14px;}
@media (max-width:900px){ .foot-top{grid-template-columns:1fr 1fr;row-gap:36px;} }
@media (max-width:560px){
.foot-top{grid-template-columns:1fr;}
.foot-follow{margin-top:26px;}
.foot-social-link{min-height:44px;padding:0 14px;}
}
/* ============================================================
SECONDARY PAGES — shared inner header
============================================================ */
.page-hero{padding:176px 0 50px; border-bottom:1px solid var(--line); background:var(--off-white);}
.page-hero .eyebrow{margin-bottom:14px; display:block;}
.page-hero h1{font-size:clamp(32px,4.4vw,50px); color:var(--navy);}
.page-hero p{color:var(--text-muted); max-width:520px; margin-top:16px; font-weight:300;}
/* Properties page tabs + filters */
.filter-bar{
display:flex; flex-wrap:wrap; gap:0; align-items:center; justify-content:space-between;
border-bottom:1px solid var(--line); margin-bottom:46px; padding-bottom:0;
}
.tabbar{display:flex; gap:2px;}
.tabbar button{padding:16px 26px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; color:var(--text-muted); border-bottom:2px solid transparent; margin-bottom:-1px;}
.tabbar button.active{color:var(--navy); border-color:var(--gold);}
.filter-row{display:flex; gap:22px; padding:20px 0; flex-wrap:wrap;}
.filter-row select{border:1px solid var(--line); padding:10px 14px; font-size:13px; font-family:inherit; background:var(--white); color:var(--text);}
/* team page */
.team-role-block{margin-bottom:70px;}
.team-role-block h3{font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); margin-bottom:30px; font-weight:400; font-family:var(--serif);}
.team-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:28px;}
.team-card .ph{aspect-ratio:4/5; margin-bottom:14px;}
.team-card .name{font-size:14px; font-weight:600;}
.team-card .role{font-size:12.5px; color:var(--text-muted);}
@media (max-width:900px){ .team-grid{grid-template-columns:repeat(2,1fr);} }
/* careers */
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
@media (max-width:800px){ .value-grid{grid-template-columns:1fr; gap:30px;} }
.position-row{display:flex; justify-content:space-between; align-items:center; padding:26px 0; border-top:1px solid var(--line);}
.position-row:last-child{border-bottom:1px solid var(--line);}
.position-row .pos-name{font-family:var(--serif); font-size:19px; color:var(--navy);}
.position-row .pos-meta{font-size:12.5px; color:var(--text-muted); margin-top:4px;}
/* contact */
.contact-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px;}
@media (max-width:900px){ .contact-grid{grid-template-columns:1fr; gap:44px;} }
.contact-info .item{margin-bottom:28px;}
.contact-info .item h4{font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:6px;}
.contact-info .item p{font-size:15px; color:var(--navy);}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px;}
.form-row.full{grid-template-columns:1fr;}
.form-row input, .form-row textarea{
width:100%; border:none; border-bottom:1px solid var(--line); padding:12px 0; font-family:inherit; font-size:14px; background:transparent;
}
.form-row input:focus, .form-row textarea:focus{outline:none; border-color:var(--gold);}
.map-ph{aspect-ratio:16/7; margin-top:50px; position:relative; overflow:hidden;}
/* area detail inline panel (Areas page) */
.area-detail{background:var(--off-white); padding:60px 0; display:none;}
.area-detail.show{display:block;}
.area-detail-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.close-link{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); border-bottom:1px solid var(--text-muted);}
/* ============================================================
TIMELINE — About page "Our Story"
============================================================ */
.timeline{display:grid; grid-template-columns:repeat(4,1fr); gap:32px; position:relative;}
.timeline::before{content:''; position:absolute; top:11px; left:0; right:0; height:1px; background:var(--line);}
.timeline-item{position:relative; padding-top:36px;}
.timeline-item::before{content:''; position:absolute; top:0; left:0; width:11px; height:11px; border-radius:50%; background:var(--gold); border:3px solid var(--white); box-shadow:0 0 0 1px var(--gold);}
.timeline-item .yr{font-family:var(--serif); font-size:26px; color:var(--navy); margin-bottom:8px; display:block;}
.timeline-item p{font-size:13.5px; color:var(--text-muted); line-height:1.6;}
@media (max-width:800px){
.timeline{grid-template-columns:1fr; gap:26px;}
.timeline::before{top:0; bottom:0; left:5px; right:auto; width:1px; height:auto;}
.timeline-item{padding-top:0; padding-left:30px;}
.timeline-item::before{top:6px; left:0;}
}
/* ============================================================
GALLERY STRIP — image-heavy blocks (Careers, Contact)
============================================================ */
.gallery-strip{display:grid; grid-template-columns:1.4fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:16px; height:520px;}
.gallery-strip .ph:nth-child(1){grid-row:1/3;}
.gallery-strip .ph{border-radius:2px;}
@media (max-width:900px){
.gallery-strip{grid-template-columns:1fr 1fr; grid-template-rows:180px 180px 180px; height:auto;}
.gallery-strip .ph:nth-child(1){grid-row:1/2; grid-column:1/3;}
}
/* ============================================================
PROCESS STEPS — Careers hiring process
============================================================ */
.process-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
.process-step{position:relative; padding:0 28px 0 0; border-right:1px solid var(--line);}
.process-step:last-child{border-right:none; padding-right:0;}
.process-step .pn{font-family:var(--serif); font-size:44px; color:var(--gold-soft); line-height:1; margin-bottom:18px;}
.process-step h3{font-size:17px; color:var(--navy); margin-bottom:10px; font-weight:400;}
.process-step p{font-size:13.5px; color:var(--text-muted); line-height:1.6;}
@media (max-width:900px){
.process-grid{grid-template-columns:1fr 1fr; row-gap:36px;}
.process-step{border-right:none; padding-right:0;}
}
@media (max-width:560px){ .process-grid{grid-template-columns:1fr;} }
/* ============================================================
PULL QUOTE — employee / client spotlight
============================================================ */
.pull-quote{max-width:760px; margin:0 auto; text-align:center;}
.pull-quote .avatar{width:64px; height:64px; border-radius:50%; margin:0 auto 24px;}
.pull-quote blockquote{font-family:var(--serif); font-style:italic; font-size:clamp(20px,2.6vw,28px); color:var(--navy); line-height:1.5; margin-bottom:20px;}
.pull-quote .who{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted);}
/* ============================================================
SPLIT CTA — full-bleed two-tone banner
============================================================ */
.split-cta{display:grid; grid-template-columns:1fr 1fr; min-height:360px;}
.split-cta .cta-text{background:var(--navy); color:var(--white); display:flex; flex-direction:column; justify-content:center; padding:60px;}
.split-cta .cta-text h2{color:var(--white); font-size:clamp(26px,3vw,38px); margin-bottom:22px;}
.split-cta .cta-text p{color:rgba(255,255,255,.7); margin-bottom:28px; max-width:420px; font-weight:300;}
.split-cta .cta-visual{min-height:280px; position:relative; overflow:hidden;}
@media (max-width:900px){
.split-cta{grid-template-columns:1fr;}
.split-cta .cta-text{padding:48px 32px;}
}
/* ============================================================
MASONRY AREA GRID — Areas page (featured area spans 2 cols)
============================================================ */
.grid-areas-featured{display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:280px; gap:20px;}
.grid-areas-featured .area-card:first-child{grid-column:span 2; grid-row:span 1;}
@media (max-width:900px){
.grid-areas-featured{grid-template-columns:1fr 1fr; grid-auto-rows:220px;}
.grid-areas-featured .area-card:first-child{grid-column:span 2;}
}
@media (max-width:600px){
.grid-areas-featured{grid-template-columns:1fr;}
.grid-areas-featured .area-card:first-child{grid-column:span 1;}
}
/* ============================================================
STAT STRIP — inline number callouts (non-navy variant)
============================================================ */
.stat-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:30px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:36px 0;}
.stat-strip .stat{text-align:center;}
.stat-strip .num{font-family:var(--serif); font-size:clamp(30px,3.6vw,42px); color:var(--navy); display:block;}
.stat-strip .label{font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-top:6px;}
@media (max-width:800px){ .stat-strip{grid-template-columns:1fr 1fr; row-gap:26px;} }
/* ============================================================
LEADERSHIP SPOTLIGHT — Team page (larger featured cards)
============================================================ */
.leader-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:32px;}
.leader-card .ph{aspect-ratio:5/4; margin-bottom:18px;}
.leader-card .name{font-family:var(--serif); font-size:21px; color:var(--navy);}
.leader-card .role{font-size:13px; color:var(--gold); text-transform:uppercase; letter-spacing:.06em; margin-top:4px;}
@media (max-width:700px){ .leader-grid{grid-template-columns:1fr;} }
/* ============================================================
FAQ — Contact page
============================================================ */
.faq-list{border-top:1px solid var(--line);}
.faq-item{padding:24px 0; border-bottom:1px solid var(--line);}
.faq-item h4{font-size:15.5px; color:var(--navy); font-weight:600; margin-bottom:8px;}
.faq-item p{font-size:13.5px; color:var(--text-muted); line-height:1.6; max-width:640px;}
/* ============================================================
MINI CTA BANNER — Properties page closing strip
============================================================ */
.mini-cta{background:var(--off-white); padding:56px 40px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;}
.mini-cta h3{font-size:22px; color:var(--navy); font-weight:400;}
.mini-cta p{font-size:13.5px; color:var(--text-muted); margin-top:6px;}
/* Homepage-only refinement: KYG deep blue + white, editorial spacing. */
.kyg-home{
--kyg-blue:#091F36;
--kyg-white:#FFFFFF;
background:var(--kyg-white);
font-family:'Origin',Arial,sans-serif;
}
.kyg-home h1,
.kyg-home h2,
.kyg-home h3,
.kyg-home h4,
.kyg-home h5,
.kyg-home h6{
font-family:'Castoro',Georgia,serif;
}
/* The floating menu is 84px high and sits 18px from the top.
This space keeps the hero below it instead of underneath it. */
.kyg-home .hero{
padding:122px 0 0;
background:var(--kyg-white);
}
.kyg-home .hero-visual{
height:calc(100vh - 122px);
min-height:620px;
background-color:var(--kyg-blue);
}
.kyg-home .eyebrow{color:var(--kyg-blue);}
.kyg-home .hero .eyebrow,
.kyg-home .band-navy .eyebrow,
.kyg-home .final-cta .eyebrow{color:rgba(255,255,255,.72);}
.kyg-home .search-panel{
border:1px solid rgba(9,31,54,.08);
box-shadow:0 24px 60px rgba(9,31,54,.12);
}
.kyg-home .search-tabs button.active{border-color:var(--kyg-blue);}
/* Pill CTAs echo the floating navigation without rounding every element. */
.kyg-home .btn,
.kyg-home .search-btn{
border-radius:100px;
}
.kyg-home .why-col{border-top-color:rgba(255,255,255,.35);}
.kyg-home .numbers .num{color:var(--kyg-white);}
.kyg-home .editorial-rule{
border-top:1px solid rgba(9,31,54,.18);
padding-top:24px;
}
.kyg-home .image-bg{
background-color:var(--kyg-blue);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
/* SERHANT-style carousel: narrow cards expand and reveal on hover/focus. */
.kyg-home .development-carousel-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:28px;
margin-bottom:48px;
}
.kyg-home .development-controls{
display:flex;
gap:10px;
}
.kyg-home .development-arrow{
width:56px;
height:56px;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 56px;
border:1px solid rgba(9,31,54,.28);
border-radius:50%;
color:var(--kyg-blue);
font-size:20px;
line-height:1;
transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.kyg-home .development-arrow:hover{
background:var(--kyg-blue);
border-color:var(--kyg-blue);
color:var(--kyg-white);
}
.kyg-home .development-viewport{
position:relative;
overflow:hidden;
touch-action:pan-y;
cursor:grab;
padding:12px 0 0;
}
.kyg-home .development-viewport.is-dragging{
cursor:grabbing;
user-select:none;
}
.kyg-home .development-track{
display:flex;
align-items:flex-start;
gap:18px;
width:max-content;
min-height:560px;
will-change:transform;
transition:transform .62s cubic-bezier(.22,.61,.36,1);
}
.kyg-home .development-card{
position:relative;
flex:0 0 clamp(228px,18vw,260px);
height:480px;
cursor:pointer;
color:var(--kyg-white);
background:var(--kyg-blue);
overflow:hidden;
border-radius:10px;
opacity:.82;
transition:flex-basis .5s cubic-bezier(.22,.61,.36,1),height .5s cubic-bezier(.22,.61,.36,1),opacity .35s ease,box-shadow .35s ease;
}
.kyg-home .development-card.is-active{
opacity:1;
}
.kyg-home .development-card.is-open{
flex-basis:min(600px,calc(100vw - 160px));
height:540px;
opacity:1;
z-index:4;
box-shadow:0 24px 56px rgba(9,31,54,.2);
}
.kyg-home .development-image{
height:100%;
position:relative;
background-color:var(--kyg-blue);
background-size:cover;
background-position:center;
}
.kyg-home .development-image::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(0deg,rgba(9,31,54,.94) 0%,rgba(9,31,54,.12) 58%);
}
.kyg-home .development-summary{
position:absolute;
z-index:2;
left:26px;
right:26px;
bottom:24px;
transition:bottom .48s cubic-bezier(.22,.61,.36,1);
}
.kyg-home .development-card.is-open .development-summary{bottom:178px;}
.kyg-home .development-summary .location{
display:block;
margin-bottom:8px;
font-size:10px;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,255,255,.66);
}
.kyg-home .development-summary h3{
color:var(--kyg-white);
font-size:27px;
line-height:1.18;
}
.kyg-home .development-details{
position:absolute;
z-index:3;
left:26px;
right:26px;
bottom:27px;
opacity:0;
visibility:hidden;
transform:translateY(16px);
pointer-events:none;
transition:opacity .3s ease .08s,transform .42s ease .08s,visibility 0s linear .42s;
}
.kyg-home .development-card.is-open .development-details{
opacity:1;
visibility:visible;
transform:translateY(0);
pointer-events:auto;
transition-delay:.12s;
}
.kyg-home .development-details p{
color:rgba(255,255,255,.72);
font-size:13.5px;
line-height:1.65;
margin-bottom:18px;
}
.kyg-home .development-details a{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
font-size:10.5px;
letter-spacing:.12em;
text-transform:uppercase;
color:var(--kyg-white);
border:1px solid rgba(255,255,255,.6);
border-radius:100px;
padding:0 18px;
}
.kyg-home .development-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
margin-top:18px;
}
.kyg-home .btn-gold-line{
color:var(--kyg-blue);
border-color:rgba(9,31,54,.36);
background:var(--kyg-white);
}
.kyg-home .btn-gold-line:hover{
color:var(--kyg-white);
border-color:var(--kyg-blue);
background:var(--kyg-blue);
}
/* Digit reels:
/* Digit reels: each number rolls into place instead of only changing text. */
.kyg-home .numbers.counter-grid > div{min-width:0;}
.kyg-home .numbers .num{
min-height:1.08em;
display:flex;
align-items:baseline;
justify-content:center;
line-height:1;
white-space:nowrap;
font-variant-numeric:tabular-nums;
}
.kyg-home .counter-digits{display:inline-flex;align-items:flex-start;line-height:1;}
.kyg-home .counter-slot{
display:inline-block;
width:.62em;
height:1em;
overflow:hidden;
line-height:1;
}
.kyg-home .counter-reel{
display:flex;
flex-direction:column;
transform:translateY(0);
will-change:transform;
transition:transform var(--counter-duration,1.45s) cubic-bezier(.16,1,.3,1) var(--counter-delay,0ms);
}
.kyg-home .counter-reel span{display:block;height:1em;line-height:1;}
.kyg-home .counter-affix{
display:inline-block;
white-space:pre;
opacity:0;
transform:translateY(12px);
transition:opacity .4s ease var(--counter-delay,0ms),transform .5s ease var(--counter-delay,0ms);
}
.kyg-home .num.is-counting .counter-reel{transform:translateY(var(--counter-shift));}
.kyg-home .num.is-counting .counter-affix{opacity:1;transform:translateY(0);}
.kyg-home .num.is-resetting .counter-reel,
.kyg-home .num.is-resetting .counter-affix{transition:none!important;}
.kyg-home .business-grid{
display:grid;
grid-template-columns:1fr 1fr;
margin-top:80px;
border-top:1px solid rgba(9,31,54,.18);
border-bottom:1px solid rgba(9,31,54,.18);
}
.kyg-home .business-card{
padding:42px 48px 44px 0;
}
.kyg-home .business-card + .business-card{
border-left:1px solid rgba(9,31,54,.18);
padding-left:48px;
}
.kyg-home .business-card .business-number{
display:block;
font-family:var(--serif);
font-size:18px;
color:rgba(9,31,54,.45);
margin-bottom:38px;
}
.kyg-home .business-card h3{
color:var(--kyg-blue);
font-size:30px;
margin-bottom:16px;
}
.kyg-home .business-card p{
color:var(--text-muted);
font-size:14.5px;
line-height:1.75;
max-width:470px;
font-weight:300;
}
.kyg-home .numbers.counter-grid{
grid-template-columns:repeat(4,1fr);
}
.kyg-home .partner-intro{
max-width:660px;
}
.kyg-home .developer-marquee{
overflow:hidden;
margin-top:52px;
padding:34px 0;
border-top:1px solid rgba(9,31,54,.18);
border-bottom:1px solid rgba(9,31,54,.18);
}
.kyg-home .developer-logo-track{
display:flex;
width:max-content;
animation:kygDeveloperMarquee 30s linear infinite;
}
.kyg-home .developer-marquee:hover .developer-logo-track{animation-play-state:paused;}
.kyg-home .developer-logo-group{
display:flex;
align-items:center;
flex-shrink:0;
gap:76px;
padding-right:76px;
}
.kyg-home .developer-logo{
width:150px;
height:64px;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 150px;
}
.kyg-home .developer-logo img{
max-width:150px;
max-height:58px;
width:auto;
height:auto;
object-fit:contain;
color:var(--kyg-blue);
}
@keyframes kygDeveloperMarquee{
from{transform:translateX(0);}
to{transform:translateX(-50%);}
}
body.home footer .foot-tag{color:var(--kyg-white);}
@media (max-width:900px){
.kyg-home .hero{padding-top:116px;}
.kyg-home .hero-visual{
height:auto;
min-height:650px;
}
.kyg-home .business-grid{grid-template-columns:1fr;margin-top:58px;}
.kyg-home .business-card{padding:34px 0;}
.kyg-home .business-card + .business-card{
border-left:none;
border-top:1px solid rgba(9,31,54,.18);
padding-left:0;
}
.kyg-home .numbers.counter-grid{grid-template-columns:1fr 1fr;}
.kyg-home .development-viewport{padding-left:0;padding-right:0;}
.kyg-home .development-track{min-height:530px;}
.kyg-home .development-card{flex-basis:min(78vw,330px);height:470px;}
.kyg-home .development-card.is-open{flex-basis:min(82vw,350px);height:520px;}
}
@media (max-width:560px){
.kyg-home .numbers.counter-grid{grid-template-columns:1fr;}
.kyg-home .development-carousel-head{align-items:flex-start;flex-direction:column;}
.kyg-home .development-footer{align-items:stretch;flex-direction:column;}
.kyg-home .development-footer .development-controls{order:2;}
.kyg-home .development-footer .btn{width:100%;}
.kyg-home .developer-logo-group{gap:46px;padding-right:46px;}
.kyg-home .developer-logo{width:120px;flex-basis:120px;}
}
@media (prefers-reduced-motion:reduce){
.kyg-home .developer-logo-track{animation:none;}
.kyg-home .counter-reel,
.kyg-home .counter-affix{transition:none!important;}
}
/* ============================================================
HOMEPAGE V3.6 — SINGLE SOURCE OF TRUTH
Homepage Custom HTML contains content only. Layout + motion live here.
============================================================ */
body .kyg-home{
position:relative;
left:50%;
width:100vw;
max-width:none;
margin-left:-50vw;
margin-right:-50vw;
overflow:clip;
}
body .kyg-home > section{position:relative;width:100%;max-width:none;}
body .kyg-home .hero{padding-top:140px;}
body .kyg-home .hero-visual{width:100%;height:calc(100svh - 140px);}
body .kyg-home .hero-ctas,
body .kyg-home .split-ctas,
body .kyg-home .development-controls{position:relative;z-index:5;}
/* How we work — editorial scroll story. */
.kyg-home .kyg-work-story{background:var(--kyg-white);padding:118px 0 126px;}
.kyg-home .kyg-work-head{max-width:920px;margin-bottom:78px;}
.kyg-home .kyg-work-head h2{
max-width:880px;
margin-top:16px;
color:var(--kyg-blue);
font-size:clamp(36px,4.7vw,64px);
line-height:1.07;
}
.kyg-home .kyg-work-head > p{
max-width:680px;
margin-top:24px;
color:var(--text-muted);
font-size:16px;
line-height:1.75;
font-weight:300;
}
.kyg-home .kyg-work-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:72px;align-items:start;}
.kyg-home .kyg-work-steps{border-top:1px solid rgba(9,31,54,.18);}
.kyg-home .kyg-work-step{
display:grid;
grid-template-columns:64px 1fr;
gap:24px;
min-height:300px;
padding:42px 18px 44px 0;
border-bottom:1px solid rgba(9,31,54,.18);
opacity:.42;
transition:opacity .35s ease;
}
.kyg-home .kyg-work-step.is-active{opacity:1;}
.kyg-home .kyg-work-index{font-family:var(--serif);font-size:16px;color:rgba(9,31,54,.48);padding-top:2px;}
.kyg-home .kyg-work-step h3{max-width:480px;margin:12px 0 18px;color:var(--kyg-blue);font-size:clamp(27px,3vw,42px);line-height:1.14;}
.kyg-home .kyg-work-step p{max-width:500px;color:var(--text-muted);font-size:14.5px;line-height:1.78;font-weight:300;}
.kyg-home .kyg-work-sticky{position:sticky;top:126px;}
.kyg-home .kyg-work-visual{position:relative;height:min(72vh,720px);min-height:560px;overflow:hidden;background:var(--kyg-blue);border-radius:10px;}
.kyg-home .kyg-work-frame{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .6s ease,transform 1.05s cubic-bezier(.22,.61,.36,1);}
.kyg-home .kyg-work-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,31,54,.04) 42%,rgba(9,31,54,.72) 100%);}
.kyg-home .kyg-work-frame.is-active{opacity:1;transform:scale(1);}
.kyg-home .kyg-work-visual-meta{position:absolute;z-index:3;left:32px;right:32px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;color:var(--kyg-white);}
.kyg-home .kyg-work-visual-meta span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.72;}
.kyg-home .kyg-work-visual-meta strong{font-family:var(--serif);font-size:52px;font-weight:400;line-height:1;}
/* Culture — four Studios-style expanding image panels. */
.kyg-home .kyg-culture{padding:118px 0 0;background:var(--kyg-blue);color:var(--kyg-white);overflow:hidden;}
.kyg-home .kyg-culture-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:58px;}
.kyg-home .kyg-culture-head h2{max-width:720px;margin-top:14px;color:var(--kyg-white);font-size:clamp(34px,4.4vw,60px);line-height:1.08;}
.kyg-home .kyg-culture-head > p{max-width:410px;margin-bottom:6px;color:rgba(255,255,255,.68);font-size:14.5px;line-height:1.72;font-weight:300;}
.kyg-home .kyg-culture .eyebrow{color:rgba(255,255,255,.72);}
.kyg-home .kyg-culture-panels{display:flex;width:100%;height:640px;gap:2px;background:rgba(255,255,255,.14);}
.kyg-home .kyg-culture-panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;color:var(--kyg-white);cursor:pointer;isolation:isolate;transition:flex-grow .62s cubic-bezier(.22,.61,.36,1);}
.kyg-home .kyg-culture-panel.is-active{flex-grow:2.35;}
.kyg-home .kyg-culture-image{position:absolute;inset:0;z-index:-3;transform:scale(1.035);transition:transform .85s cubic-bezier(.22,.61,.36,1);}
.kyg-home .kyg-culture-panel.is-active .kyg-culture-image{transform:scale(1);}
.kyg-home .kyg-culture-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,31,54,.12) 15%,rgba(9,31,54,.88) 100%);}
.kyg-home .kyg-culture-copy{position:absolute;left:28px;right:28px;bottom:30px;}
.kyg-home .kyg-culture-copy > span{display:block;margin-bottom:16px;font-size:10.5px;letter-spacing:.14em;opacity:.68;}
.kyg-home .kyg-culture-copy h3{max-width:360px;color:var(--kyg-white);font-size:clamp(24px,2.6vw,38px);line-height:1.1;}
.kyg-home .kyg-culture-copy p{max-width:410px;max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(12px);color:rgba(255,255,255,.72);font-size:14px;line-height:1.68;transition:max-height .45s ease,opacity .35s ease,transform .45s ease,margin-top .35s ease;}
.kyg-home .kyg-culture-panel.is-active .kyg-culture-copy p{max-height:120px;margin-top:18px;opacity:1;transform:translateY(0);}
/* Open roles — careers without repeating the Culture message. */
.kyg-home .kyg-open-roles{padding:118px 0 120px;background:var(--kyg-white);}
.kyg-home .kyg-roles-head{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:60px;align-items:end;margin-bottom:54px;}
.kyg-home .kyg-roles-head h2{margin-top:12px;color:var(--kyg-blue);font-size:clamp(38px,5vw,66px);line-height:1;}
.kyg-home .kyg-roles-head > p{color:var(--text-muted);font-size:14.5px;line-height:1.72;font-weight:300;}
.kyg-home .kyg-role-list{border-top:1px solid rgba(9,31,54,.2);}
.kyg-home .kyg-role-row{display:grid;grid-template-columns:56px minmax(0,1.6fr) minmax(170px,.7fr) auto;gap:26px;align-items:center;min-height:142px;border-bottom:1px solid rgba(9,31,54,.2);transition:padding .28s ease,background .28s ease;}
.kyg-home .kyg-role-row:hover{padding-left:12px;padding-right:12px;background:rgba(9,31,54,.025);}
.kyg-home .kyg-role-no{font-family:var(--serif);font-size:15px;color:rgba(9,31,54,.42);}
.kyg-home .kyg-role-title > span{display:block;margin-bottom:8px;color:rgba(9,31,54,.56);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;}
.kyg-home .kyg-role-title h3{color:var(--kyg-blue);font-size:clamp(22px,2.4vw,32px);line-height:1.16;}
.kyg-home .kyg-role-meta{color:var(--text-muted);font-size:13px;}
.kyg-home .kyg-role-link{display:inline-flex;align-items:center;gap:16px;color:var(--kyg-blue);font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}
.kyg-home .kyg-role-link span{font-size:18px;transition:transform .25s ease;}
.kyg-home .kyg-role-link:hover span{transform:translate(3px,-3px);}
.kyg-home .kyg-roles-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:34px;}
.kyg-home .kyg-roles-footer p{color:var(--text-muted);font-size:13.5px;}
@media (max-width:1000px){
body .kyg-home .hero{padding-top:132px;}
body .kyg-home .hero-visual{height:auto;min-height:650px;}
.kyg-home .kyg-work-layout{grid-template-columns:1fr;gap:52px;}
.kyg-home .kyg-work-sticky{position:relative;top:auto;order:-1;}
.kyg-home .kyg-work-visual{height:min(70vw,620px);min-height:430px;}
.kyg-home .kyg-work-step{min-height:auto;padding:34px 0;}
.kyg-home .kyg-culture-head{align-items:flex-start;flex-direction:column;}
.kyg-home .kyg-culture-panels{height:560px;}
.kyg-home .kyg-role-row{grid-template-columns:48px minmax(0,1fr) auto;}
.kyg-home .kyg-role-meta{display:none;}
}
@media (max-width:700px){
.kyg-home .kyg-work-story,
.kyg-home .kyg-open-roles{padding:88px 0;}
.kyg-home .kyg-work-head{margin-bottom:48px;}
.kyg-home .kyg-work-layout{gap:28px;}
.kyg-home .kyg-work-visual{min-height:390px;border-radius:8px;}
.kyg-home .kyg-work-step{grid-template-columns:42px 1fr;gap:12px;}
.kyg-home .kyg-culture{padding-top:88px;}
.kyg-home .kyg-culture-head{margin-bottom:42px;}
.kyg-home .kyg-culture-panels{height:auto;display:block;background:transparent;}
.kyg-home .kyg-culture-panel{height:190px;border-top:1px solid rgba(255,255,255,.18);transition:height .5s cubic-bezier(.22,.61,.36,1);}
.kyg-home .kyg-culture-panel.is-active{height:430px;}
.kyg-home .kyg-culture-copy{left:22px;right:22px;bottom:24px;}
.kyg-home .kyg-roles-head{grid-template-columns:1fr;gap:20px;margin-bottom:38px;}
.kyg-home .kyg-role-row{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;min-height:122px;}
.kyg-home .kyg-role-link{font-size:0;gap:0;}
.kyg-home .kyg-role-link span{font-size:22px;}
.kyg-home .kyg-role-row:hover{padding-left:0;padding-right:0;background:transparent;}
.kyg-home .kyg-roles-footer{align-items:flex-start;flex-direction:column;}
}
@media (prefers-reduced-motion:reduce){
.kyg-home .kyg-work-frame,
.kyg-home .kyg-work-step,
.kyg-home .kyg-culture-panel,
.kyg-home .kyg-culture-image,
.kyg-home .kyg-culture-copy p,
.kyg-home .kyg-role-row,
.kyg-home .kyg-role-link span{transition:none!important;}
}
/* ============================================================
PROPERTIES PAGE v1.1 — EDITORIAL DISCOVERY
Content lives in the Properties Custom HTML block.
Layout + motion stay in the theme to avoid duplicate animation rules.
============================================================ */
body .kyg-properties{
--kyg-blue:#091F36;
--kyg-white:#FFFFFF;
--kyg-paper:#F7F7F4;
--kyg-line:rgba(9,31,54,.18);
position:relative;
left:50%;
width:100vw;
max-width:none;
margin-left:-50vw;
margin-right:-50vw;
overflow:clip;
background:var(--kyg-white);
color:var(--text);
font-family:var(--sans);
}
body .kyg-properties > section{position:relative;width:100%;max-width:none;}
body .kyg-properties h1,
body .kyg-properties h2,
body .kyg-properties h3{font-family:var(--serif);font-weight:400;}
body .kyg-properties .image-bg{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--kyg-blue);}
/* Section fade-in / fade-out is driven by CSS variables from script.js.
Backgrounds stay stable; only each section's content fades and drifts. */
.kyg-motion-ready .kyg-properties [data-section-fade] > .wrap,
.kyg-motion-ready .kyg-properties [data-section-fade] > .kyg-area-viewport{
opacity:var(--kyg-section-opacity,1);
transform:translate3d(0,var(--kyg-section-y,0px),0);
transition:opacity .22s linear,transform .22s linear;
will-change:opacity,transform;
}
/* ---------- 01 Areas ---------- */
.kyg-properties .kyg-prop-areas{padding:176px 0 112px;background:var(--kyg-paper);}
.kyg-properties .kyg-prop-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:80px;align-items:end;margin-bottom:66px;}
.kyg-properties .kyg-prop-intro h1{margin-top:12px;color:var(--kyg-blue);font-size:clamp(52px,7.2vw,98px);line-height:.96;letter-spacing:-.035em;}
.kyg-properties .kyg-prop-intro p{max-width:520px;color:var(--text-muted);font-size:15px;line-height:1.76;font-weight:300;padding-bottom:9px;}
.kyg-properties .kyg-area-pills{display:flex;flex-wrap:wrap;gap:12px 10px;max-width:1180px;}
.kyg-properties .kyg-area-pill{position:relative;display:inline-flex;align-items:center;gap:18px;min-height:58px;padding:0 24px 0 26px;border:1px solid var(--kyg-blue);border-radius:100px;color:var(--kyg-white);background:var(--kyg-blue);overflow:hidden;isolation:isolate;transition:color .35s ease,border-color .35s ease,transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease;}
.kyg-properties .kyg-area-pill::before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--kyg-white);transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.22,.61,.36,1);z-index:-1;}
.kyg-properties .kyg-area-pill span{font-family:var(--serif);font-size:clamp(20px,2vw,27px);line-height:1;white-space:nowrap;}
.kyg-properties .kyg-area-pill b{font-family:var(--sans);font-size:15px;font-weight:400;opacity:.62;transition:transform .3s ease,opacity .3s ease;}
.kyg-properties .kyg-area-pill:hover{color:var(--kyg-blue);border-color:var(--kyg-blue);transform:translateY(-3px);box-shadow:0 12px 28px rgba(9,31,54,.12);}
.kyg-properties .kyg-area-pill:hover::before{transform:scaleX(1);}
.kyg-properties .kyg-area-pill:hover b{opacity:1;transform:translate(3px,-3px);}
.kyg-properties .kyg-area-pill--all{border-style:solid;}
/* ---------- shared section heads ---------- */
.kyg-properties .kyg-prop-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:54px;}
.kyg-properties .kyg-prop-heading h2{max-width:760px;margin-top:12px;color:var(--kyg-blue);font-size:clamp(40px,5.1vw,70px);line-height:1.01;letter-spacing:-.025em;}
.kyg-properties .kyg-prop-heading > p{max-width:500px;color:var(--text-muted);font-size:14.5px;line-height:1.74;font-weight:300;padding-bottom:8px;}
/* ---------- 02 Available ---------- */
.kyg-properties .kyg-available{padding:122px 0 128px;background:var(--kyg-white);}
.kyg-properties .kyg-property-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0 20px;border-top:1px solid var(--kyg-line);border-bottom:1px solid var(--kyg-line);margin-bottom:44px;}
.kyg-properties .kyg-property-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.kyg-properties .kyg-property-tabs button{min-height:40px;padding:0 19px;border-radius:100px;color:var(--text-muted);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;transition:background .25s ease,color .25s ease;}
.kyg-properties .kyg-property-tabs button.active,
.kyg-properties .kyg-property-tabs button:hover{background:var(--kyg-blue);color:var(--kyg-white);}
.kyg-properties .kyg-filter-link{display:inline-flex;align-items:center;gap:13px;color:var(--kyg-blue);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;white-space:nowrap;}
.kyg-properties .kyg-filter-link span{font-size:18px;font-weight:300;}
.kyg-properties .kyg-property-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:54px 24px;align-items:start;}
.kyg-properties .kyg-property-card{grid-column:span 5;min-width:0;}
.kyg-properties .kyg-property-card--large{grid-column:span 7;}
.kyg-properties .kyg-property-card:nth-child(3),
.kyg-properties .kyg-property-card:nth-child(6){margin-top:54px;}
.kyg-properties .kyg-property-image{position:relative;aspect-ratio:4/5;overflow:hidden;background-color:var(--kyg-blue);transform:translateZ(0);}
.kyg-properties .kyg-property-card--large .kyg-property-image{aspect-ratio:1.34/1;}
.kyg-properties .kyg-property-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,31,54,.18),transparent 28%,rgba(9,31,54,.12));opacity:.45;transition:opacity .35s ease;}
.kyg-properties .kyg-property-image::before{content:'';position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;transform:scale(1.01);transition:transform .85s cubic-bezier(.22,.61,.36,1);}
.kyg-properties .kyg-property-card:hover .kyg-property-image::before{transform:scale(1.045);}
.kyg-properties .kyg-property-card:hover .kyg-property-image::after{opacity:.18;}
.kyg-properties .kyg-property-state{position:absolute;z-index:3;left:18px;top:18px;padding:8px 12px;background:rgba(255,255,255,.92);color:var(--kyg-blue);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;}
.kyg-properties .kyg-property-arrow{position:absolute;z-index:3;right:18px;top:18px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(9,31,54,.86);color:var(--kyg-white);font-size:16px;transform:translate(-4px,4px);opacity:0;transition:opacity .3s ease,transform .3s ease;}
.kyg-properties .kyg-property-card:hover .kyg-property-arrow{opacity:1;transform:translate(0,0);}
.kyg-properties .kyg-property-info{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-top:18px;}
.kyg-properties .kyg-property-info > div > span{display:block;margin-bottom:6px;color:var(--text-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
.kyg-properties .kyg-property-info h3{color:var(--kyg-blue);font-size:clamp(21px,2.2vw,31px);line-height:1.1;}
.kyg-properties .kyg-property-info > strong{color:var(--kyg-blue);font-family:var(--serif);font-size:18px;font-weight:400;white-space:nowrap;padding-top:17px;}
.kyg-properties .kyg-property-specs{display:flex;gap:18px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid rgba(9,31,54,.12);color:var(--text-muted);font-size:11px;}
.kyg-properties .kyg-properties-more{display:flex;justify-content:center;padding-top:70px;}
.kyg-motion-ready .kyg-properties [data-prop-item]{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
.kyg-motion-ready .kyg-properties [data-prop-item].is-visible{opacity:1;transform:translateY(0);}
/* ---------- 03 Exclusives ---------- */
.kyg-properties .kyg-exclusives{padding:124px 0 132px;background:var(--kyg-blue);color:var(--kyg-white);overflow:hidden;}
.kyg-properties .kyg-exclusives .eyebrow{color:rgba(255,255,255,.64);}
.kyg-properties .kyg-exclusive-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.58fr);gap:70px;align-items:end;margin-bottom:58px;}
.kyg-properties .kyg-exclusive-head h2{max-width:780px;margin-top:13px;color:var(--kyg-white);font-size:clamp(42px,5.4vw,74px);line-height:1.01;letter-spacing:-.025em;}
.kyg-properties .kyg-exclusive-head > p{max-width:470px;color:rgba(255,255,255,.66);font-size:14.5px;line-height:1.76;font-weight:300;padding-bottom:8px;}
.kyg-properties .kyg-exclusive-stage{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:18px;align-items:stretch;}
.kyg-properties .kyg-exclusive-feature{position:relative;min-height:680px;overflow:hidden;color:var(--kyg-white);isolation:isolate;}
.kyg-properties .kyg-exclusive-feature-image{position:absolute;inset:-4%;z-index:-3;transform:scale(var(--kyg-exclusive-scale,1.04));transition:transform .16s linear;}
.kyg-properties .kyg-exclusive-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,31,54,.08) 28%,rgba(9,31,54,.92) 100%);}
.kyg-properties .kyg-exclusive-label{position:absolute;left:26px;top:26px;padding:9px 13px;border:1px solid rgba(255,255,255,.44);color:var(--kyg-white);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;}
.kyg-properties .kyg-exclusive-copy{position:absolute;left:30px;right:30px;bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;}
.kyg-properties .kyg-exclusive-copy > div:first-child > span{display:block;margin-bottom:9px;color:rgba(255,255,255,.62);font-size:10px;letter-spacing:.11em;text-transform:uppercase;}
.kyg-properties .kyg-exclusive-copy h3{max-width:570px;color:var(--kyg-white);font-size:clamp(31px,3.5vw,50px);line-height:1.03;}
.kyg-properties .kyg-exclusive-price{text-align:right;white-space:nowrap;}
.kyg-properties .kyg-exclusive-price strong{display:block;font-family:var(--serif);font-size:21px;font-weight:400;}
.kyg-properties .kyg-exclusive-price span{display:block;margin-top:12px;color:rgba(255,255,255,.62);font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
.kyg-properties .kyg-exclusive-rail{display:grid;grid-template-rows:1fr 1fr;gap:18px;}
.kyg-properties .kyg-exclusive-mini{display:grid;grid-template-rows:minmax(0,1fr) auto;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);overflow:hidden;}
.kyg-properties .kyg-exclusive-mini-image{min-height:220px;transition:transform .65s cubic-bezier(.22,.61,.36,1);}
.kyg-properties .kyg-exclusive-mini:hover .kyg-exclusive-mini-image{transform:scale(1.025);}
.kyg-properties .kyg-exclusive-mini > div:last-child{padding:20px 22px 22px;}
.kyg-properties .kyg-exclusive-mini span{display:block;margin-bottom:8px;color:rgba(255,255,255,.56);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;}
.kyg-properties .kyg-exclusive-mini h3{color:var(--kyg-white);font-size:23px;line-height:1.08;margin-bottom:13px;}
.kyg-properties .kyg-exclusive-mini strong{font-family:var(--serif);font-size:17px;font-weight:400;color:rgba(255,255,255,.9);}
/* ---------- 04 Intelligence ---------- */
.kyg-properties .kyg-intelligence{padding:124px 0 132px;background:var(--kyg-white);}
.kyg-properties .kyg-intelligence-head{grid-template-columns:minmax(0,1.2fr) auto;}
.kyg-properties .kyg-intelligence-head > a{display:inline-flex;align-items:center;gap:13px;color:var(--kyg-blue);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding-bottom:9px;white-space:nowrap;}
.kyg-properties .kyg-intelligence-head > a span{font-size:17px;transition:transform .25s ease;}
.kyg-properties .kyg-intelligence-head > a:hover span{transform:translate(3px,-3px);}
.kyg-properties .kyg-editorial-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);grid-template-rows:auto auto;gap:44px 28px;}
.kyg-properties .kyg-story--lead{grid-row:1 / span 2;}
.kyg-properties .kyg-story-image{aspect-ratio:1.55/1;background-color:var(--kyg-blue);overflow:hidden;transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .4s ease;}
.kyg-properties .kyg-story:not(.kyg-story--lead) .kyg-story-image{aspect-ratio:1.65/1;}
.kyg-properties .kyg-story:hover .kyg-story-image{transform:translateY(-3px);filter:saturate(1.04);}
.kyg-properties .kyg-story-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 13px;color:var(--text-muted);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;}
.kyg-properties .kyg-story h3{max-width:760px;color:var(--kyg-blue);font-size:clamp(24px,2.7vw,39px);line-height:1.08;}
.kyg-properties .kyg-story:not(.kyg-story--lead) h3{font-size:clamp(21px,2vw,30px);}
.kyg-properties .kyg-story p{max-width:700px;margin-top:14px;color:var(--text-muted);font-size:14px;line-height:1.72;font-weight:300;}
.kyg-properties .kyg-story > a > strong{display:inline-block;margin-top:18px;color:var(--kyg-blue);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;}
/* ---------- 05 Market Snapshot ---------- */
.kyg-properties .kyg-market-snapshot{padding:112px 0 116px;background:var(--kyg-paper);}
.kyg-properties .kyg-market-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px;}
.kyg-properties .kyg-market-top h2{margin-top:11px;color:var(--kyg-blue);font-size:clamp(40px,4.7vw,64px);line-height:1;}
.kyg-properties .kyg-market-date{color:var(--text-muted);font-size:10px;letter-spacing:.11em;text-transform:uppercase;padding-bottom:7px;}
.kyg-properties .kyg-market-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--kyg-line);border-bottom:1px solid var(--kyg-line);}
.kyg-properties .kyg-market-stat{min-height:250px;padding:30px 28px 26px;border-right:1px solid var(--kyg-line);display:flex;flex-direction:column;justify-content:space-between;}
.kyg-properties .kyg-market-stat:last-child{border-right:none;}
.kyg-properties .kyg-market-stat > span{color:var(--text-muted);font-size:10px;letter-spacing:.11em;text-transform:uppercase;}
.kyg-properties .kyg-market-stat strong{display:block;color:var(--kyg-blue);font-family:var(--serif);font-size:clamp(37px,4vw,58px);font-weight:400;line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;}
.kyg-properties .kyg-market-stat strong[data-market-counter]{min-height:1em;}
.kyg-properties .kyg-market-stat small{color:var(--text-muted);font-size:11px;line-height:1.55;font-weight:300;}
.kyg-properties .kyg-market-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:start;padding-top:30px;}
.kyg-properties .kyg-market-bottom p{max-width:700px;color:var(--text-muted);font-size:13.5px;line-height:1.72;font-weight:300;}
.kyg-properties .kyg-market-bottom a{display:inline-flex;align-items:center;gap:12px;color:var(--kyg-blue);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;white-space:nowrap;}
.kyg-properties .kyg-market-bottom a span{font-size:16px;transition:transform .25s ease;}
.kyg-properties .kyg-market-bottom a:hover span{transform:translate(3px,-3px);}
/* ---------- 06 Property enquiry ---------- */
.kyg-properties .kyg-property-contact{padding:128px 0 136px;background:var(--kyg-blue);color:var(--kyg-white);}
.kyg-properties .kyg-property-contact .eyebrow{color:rgba(255,255,255,.64);}
.kyg-properties .kyg-property-contact-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:9vw;align-items:start;}
.kyg-properties .kyg-property-contact-copy{padding-top:14px;}
.kyg-properties .kyg-property-contact h2{max-width:620px;margin:16px 0 25px;color:var(--kyg-white);font-size:clamp(43px,5.4vw,76px);line-height:1.01;letter-spacing:-.03em;}
.kyg-properties .kyg-property-contact-copy > p{max-width:580px;color:rgba(255,255,255,.68);font-size:14.5px;line-height:1.78;font-weight:300;}
.kyg-properties .kyg-contact-note{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:580px;margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);}
.kyg-properties .kyg-contact-note > span{color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
.kyg-properties .kyg-contact-note a{display:inline-flex;align-items:center;gap:10px;color:var(--kyg-white);font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;white-space:nowrap;}
.kyg-properties .kyg-contact-note a b{font-size:15px;font-weight:400;transition:transform .25s ease;}
.kyg-properties .kyg-contact-note a:hover b{transform:translate(3px,-3px);}
.kyg-properties .kyg-property-form-shell{padding:42px 42px 38px;background:var(--kyg-white);color:var(--kyg-blue);}
.kyg-properties .kyg-property-form{display:grid;gap:25px;}
.kyg-properties .kyg-form-row{display:grid;gap:20px;}
.kyg-properties .kyg-form-row--two{grid-template-columns:1fr 1fr;}
.kyg-properties .kyg-field{display:grid;gap:9px;min-width:0;}
.kyg-properties .kyg-field > span{color:rgba(9,31,54,.58);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;}
.kyg-properties .kyg-field input,
.kyg-properties .kyg-field select,
.kyg-properties .kyg-field textarea{width:100%;margin:0;padding:0 0 12px;border:0;border-bottom:1px solid rgba(9,31,54,.2);border-radius:0;outline:0;background:transparent;color:var(--kyg-blue);font-family:var(--sans);font-size:14px;font-weight:300;line-height:1.45;box-shadow:none;transition:border-color .25s ease;}
.kyg-properties .kyg-field textarea{min-height:96px;padding-top:3px;resize:vertical;}
.kyg-properties .kyg-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--kyg-blue) 50%),linear-gradient(135deg,var(--kyg-blue) 50%,transparent 50%);background-position:calc(100% - 7px) 45%,calc(100% - 2px) 45%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:22px;}
.kyg-properties .kyg-field input::placeholder,
.kyg-properties .kyg-field textarea::placeholder{color:rgba(9,31,54,.34);}
.kyg-properties .kyg-field input:focus,
.kyg-properties .kyg-field select:focus,
.kyg-properties .kyg-field textarea:focus{border-bottom-color:var(--kyg-blue);}
.kyg-properties .kyg-form-submit-row{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:10px;}
.kyg-properties .kyg-form-submit{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;border-radius:100px;background:var(--kyg-blue);color:var(--kyg-white);font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;transition:transform .25s ease,background .25s ease;white-space:nowrap;}
.kyg-properties .kyg-form-submit b{font-size:16px;font-weight:400;transition:transform .25s ease;}
.kyg-properties .kyg-form-submit:hover{transform:translateY(-2px);}
.kyg-properties .kyg-form-submit:hover b{transform:translate(3px,-3px);}
.kyg-properties .kyg-form-submit-row small{max-width:280px;color:rgba(9,31,54,.44);font-size:9.5px;line-height:1.55;font-weight:300;}
.kyg-properties .kyg-form-status{display:none;margin:0 0 25px;padding:14px 16px;border:1px solid rgba(9,31,54,.16);font-size:12px;line-height:1.5;}
.kyg-properties .kyg-form-status.is-visible{display:block;}
.kyg-properties .kyg-form-status.is-success{background:#f3f6f2;}
.kyg-properties .kyg-form-status.is-error{background:#fbf2f1;}
.kyg-properties .kyg-form-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
@media (max-width:1050px){
.kyg-properties .kyg-prop-areas{padding-top:158px;}
.kyg-properties .kyg-prop-intro,
.kyg-properties .kyg-prop-heading,
.kyg-properties .kyg-exclusive-head{grid-template-columns:1fr;gap:24px;}
.kyg-properties .kyg-property-contact-grid{grid-template-columns:1fr;gap:56px;}
.kyg-properties .kyg-property-card,
.kyg-properties .kyg-property-card--large{grid-column:span 6;}
.kyg-properties .kyg-property-card--large .kyg-property-image{aspect-ratio:4/5;}
.kyg-properties .kyg-property-card:nth-child(3),
.kyg-properties .kyg-property-card:nth-child(6){margin-top:0;}
.kyg-properties .kyg-exclusive-stage{grid-template-columns:1fr;}
.kyg-properties .kyg-exclusive-rail{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
.kyg-properties .kyg-exclusive-mini-image{min-height:270px;}
.kyg-properties .kyg-market-grid{grid-template-columns:1fr 1fr;}
.kyg-properties .kyg-market-stat:nth-child(2){border-right:none;}
.kyg-properties .kyg-market-stat:nth-child(-n+2){border-bottom:1px solid var(--kyg-line);}
}
@media (max-width:760px){
.kyg-properties .kyg-prop-areas{padding:142px 0 84px;}
.kyg-properties .kyg-prop-intro{margin-bottom:44px;}
.kyg-properties .kyg-prop-intro h1{font-size:clamp(48px,16vw,72px);}
.kyg-properties .kyg-area-pills{gap:9px;}
.kyg-properties .kyg-area-pill{min-height:52px;padding:0 20px;}
.kyg-properties .kyg-area-pill span{font-size:20px;}
.kyg-properties .kyg-available,
.kyg-properties .kyg-intelligence{padding:88px 0 92px;}
.kyg-properties .kyg-property-toolbar{align-items:flex-start;flex-direction:column;}
.kyg-properties .kyg-property-grid{display:block;}
.kyg-properties .kyg-property-card{margin:0 0 46px!important;}
.kyg-properties .kyg-property-info{gap:12px;}
.kyg-properties .kyg-property-info > strong{font-size:16px;}
.kyg-properties .kyg-exclusives{padding:92px 0 96px;}
.kyg-properties .kyg-exclusive-feature{min-height:560px;}
.kyg-properties .kyg-exclusive-copy{left:22px;right:22px;bottom:24px;align-items:flex-start;flex-direction:column;gap:18px;}
.kyg-properties .kyg-exclusive-price{text-align:left;}
.kyg-properties .kyg-exclusive-rail{grid-template-columns:1fr;}
.kyg-properties .kyg-editorial-grid{display:block;}
.kyg-properties .kyg-story{margin-bottom:50px;}
.kyg-properties .kyg-story:last-child{margin-bottom:0;}
.kyg-properties .kyg-intelligence-head{grid-template-columns:1fr;}
.kyg-properties .kyg-market-snapshot{padding:86px 0 90px;}
.kyg-properties .kyg-market-top{align-items:flex-start;flex-direction:column;gap:18px;}
.kyg-properties .kyg-market-grid{grid-template-columns:1fr;}
.kyg-properties .kyg-market-stat{min-height:190px;border-right:none;border-bottom:1px solid var(--kyg-line)!important;}
.kyg-properties .kyg-market-stat:last-child{border-bottom:none!important;}
.kyg-properties .kyg-market-bottom{grid-template-columns:1fr;gap:24px;}
.kyg-properties .kyg-property-contact{padding:94px 0 100px;}
.kyg-properties .kyg-property-contact-grid{gap:44px;}
.kyg-properties .kyg-property-form-shell{padding:30px 22px 28px;}
.kyg-properties .kyg-form-row--two{grid-template-columns:1fr;}
.kyg-properties .kyg-form-submit-row{align-items:flex-start;flex-direction:column;}
.kyg-properties .kyg-contact-note{align-items:flex-start;flex-direction:column;}
}
@media (prefers-reduced-motion:reduce){
.kyg-motion-ready .kyg-properties [data-section-fade] > .wrap,
.kyg-motion-ready .kyg-properties [data-prop-item],
.kyg-properties .kyg-area-pill,
.kyg-properties .kyg-area-pill::before,
.kyg-properties .kyg-property-image::before,
.kyg-properties .kyg-property-arrow,
.kyg-properties .kyg-exclusive-feature-image,
.kyg-properties .kyg-exclusive-mini-image,
.kyg-properties .kyg-story-image{transition:none!important;transform:none!important;opacity:1!important;}
}
.kyg-properties .kyg-property-image{transition:background-size .8s cubic-bezier(.22,.61,.36,1);background-size:100% auto;}
.kyg-properties .kyg-property-card:hover .kyg-property-image{background-size:104% auto;}
.kyg-properties .kyg-property-image::before{display:none;}
@media (max-width:760px){.kyg-properties .kyg-property-image{background-size:cover!important;}}
.kyg-properties .kyg-property-image{background-size:cover!important;background-position:center!important;transition:none;}
.kyg-properties .kyg-property-image::before{
display:block;
content:'';
position:absolute;
inset:0;
z-index:0;
background-image:inherit;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
transform:scale(1.01);
transition:transform .85s cubic-bezier(.22,.61,.36,1);
}
.kyg-properties .kyg-property-card:hover .kyg-property-image::before{transform:scale(1.045);}
.kyg-properties .kyg-property-image::after{z-index:1;}
@media (prefers-reduced-motion:reduce){.kyg-properties .kyg-property-image::before{transform:none!important;}}
/* ============================================================
ABOUT PAGE v1.0 — EDITORIAL / HUMAN-LED
============================================================ */
body .kyg-about{
--about-blue:var(--navy);
--about-white:var(--white);
--about-paper:#F7F7F4;
--about-line:rgba(9,31,54,.14);
--about-muted:#66727E;
width:100%;max-width:none;overflow:clip;background:var(--about-white);color:var(--about-blue);
}
body .kyg-about > section{position:relative;width:100%;max-width:none;}
body .kyg-about h1,
body .kyg-about h2,
body .kyg-about h3{font-family:var(--serif);font-weight:400;}
.kyg-about [data-about-section]{--about-section-opacity:1;--about-section-y:0px;}
.kyg-motion-ready .kyg-about [data-about-section] > .wrap,
.kyg-motion-ready .kyg-about [data-about-section] > .kyg-about-thinking-list,
.kyg-motion-ready .kyg-about [data-about-section].kyg-about-future .kyg-about-future-copy{
opacity:var(--about-section-opacity);transform:translate3d(0,var(--about-section-y),0);
transition:opacity .12s linear,transform .12s linear;will-change:opacity,transform;
}
/* 01 — Intro */
.kyg-about .kyg-about-intro{min-height:100svh;padding:190px 0 82px;background:var(--about-paper);display:flex;flex-direction:column;justify-content:flex-end;}
.kyg-about .kyg-about-intro-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:72px;align-items:end;}
.kyg-about .kyg-about-intro-title h1{margin-top:20px;font-size:clamp(58px,8.8vw,132px);line-height:.86;letter-spacing:-.052em;}
.kyg-about .kyg-about-line{display:block;white-space:nowrap;will-change:transform;}
.kyg-about .kyg-about-line--one{transform:translate3d(var(--about-line-one,0px),0,0);}
.kyg-about .kyg-about-line--two{transform:translate3d(var(--about-line-two,0px),0,0);}
.kyg-about .kyg-about-intro-grid > p{max-width:470px;padding-bottom:16px;font-size:16px;line-height:1.78;color:var(--about-muted);font-weight:300;}
.kyg-about .kyg-about-intro-rule{margin-top:84px;padding-top:18px;border-top:1px solid var(--about-line);display:flex;align-items:center;justify-content:space-between;gap:20px;}
.kyg-about .kyg-about-intro-rule span{display:block;width:36px;height:1px;background:var(--about-blue);}
.kyg-about .kyg-about-intro-rule small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--about-muted);}
/* 02 — Story */
.kyg-about .kyg-about-story{padding:132px 0 150px;background:var(--about-white);}
.kyg-about .kyg-about-story-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);gap:80px;align-items:end;margin-bottom:94px;}
.kyg-about .kyg-about-story-head h2{max-width:850px;margin-top:15px;font-size:clamp(44px,5.9vw,82px);line-height:.98;letter-spacing:-.035em;}
.kyg-about .kyg-about-story-head > p{max-width:470px;padding-bottom:8px;color:var(--about-muted);font-size:15px;line-height:1.78;font-weight:300;}
.kyg-about .kyg-about-story-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);gap:8.5vw;align-items:start;}
.kyg-about .kyg-about-story-visual{position:sticky;top:126px;height:min(72vh,760px);min-height:560px;overflow:hidden;background:var(--about-blue);}
.kyg-about .kyg-about-story-frame{position:absolute;inset:0;opacity:0;transform:scale(1.055) translateY(16px);clip-path:inset(100% 0 0 0);transition:opacity .6s ease,transform 1.05s cubic-bezier(.22,.61,.36,1),clip-path .85s cubic-bezier(.22,.61,.36,1);}
.kyg-about .kyg-about-story-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,31,54,.04),rgba(9,31,54,.62));}
.kyg-about .kyg-about-story-frame > span{position:absolute;left:30px;bottom:28px;z-index:2;color:#fff;font-family:var(--sans);font-size:11px;letter-spacing:.15em;text-transform:uppercase;}
.kyg-about .kyg-about-story-frame.is-active{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0);z-index:2;}
.kyg-about .kyg-about-story-index{position:absolute;z-index:5;right:26px;top:24px;display:flex;align-items:baseline;gap:7px;color:#fff;}
.kyg-about .kyg-about-story-index b{font-family:var(--serif);font-size:31px;font-weight:400;}
.kyg-about .kyg-about-story-index span{font-size:10px;letter-spacing:.1em;opacity:.62;}
.kyg-about .kyg-about-story-steps{padding:12vh 0 14vh;}
.kyg-about .kyg-about-story-step{min-height:62vh;padding:44px 0;border-top:1px solid var(--about-line);opacity:.28;transform:translateX(18px);transition:opacity .55s ease,transform .65s cubic-bezier(.22,.61,.36,1);}
.kyg-about .kyg-about-story-step:last-child{border-bottom:1px solid var(--about-line);}
.kyg-about .kyg-about-story-step.is-active{opacity:1;transform:translateX(0);}
.kyg-about .kyg-about-story-step > span{font-size:10px;letter-spacing:.16em;color:var(--gold);}
.kyg-about .kyg-about-story-step h3{margin:72px 0 18px;font-size:clamp(32px,4vw,55px);line-height:1;letter-spacing:-.025em;}
.kyg-about .kyg-about-story-step p{max-width:520px;color:var(--about-muted);font-size:15px;line-height:1.78;font-weight:300;}
/* 03 — Architecture */
.kyg-about .kyg-about-architecture{padding:132px 0 144px;background:var(--about-paper);}
.kyg-about .kyg-about-architecture-head{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.15fr) minmax(280px,.55fr);gap:46px;align-items:end;margin-bottom:62px;}
.kyg-about .kyg-about-architecture-head h2{font-size:clamp(45px,5.6vw,78px);line-height:.98;letter-spacing:-.032em;}
.kyg-about .kyg-about-architecture-head p{color:var(--about-muted);font-size:14.5px;line-height:1.75;font-weight:300;padding-bottom:6px;}
.kyg-about .kyg-about-split{display:flex;gap:14px;height:min(72vh,720px);min-height:570px;}
.kyg-about .kyg-about-capability{position:relative;flex:1 1 50%;overflow:hidden;isolation:isolate;transition:flex-basis .75s cubic-bezier(.22,.61,.36,1),transform .45s ease;outline:none;}
.kyg-about .kyg-about-capability.is-active{flex-basis:58%;}
.kyg-about .kyg-about-capability-bg{position:absolute;inset:0;z-index:-3;transform:scale(1.03);transition:transform 1s cubic-bezier(.22,.61,.36,1);}
.kyg-about .kyg-about-capability.is-active .kyg-about-capability-bg{transform:scale(1);}
.kyg-about .kyg-about-capability-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,31,54,.10),rgba(9,31,54,.78));}
.kyg-about .kyg-about-capability-copy{position:absolute;inset:auto 34px 34px;color:#fff;}
.kyg-about .kyg-about-capability-copy > span{font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.68);}
.kyg-about .kyg-about-capability-copy h3{margin:18px 0 24px;font-size:clamp(42px,5vw,72px);line-height:.92;letter-spacing:-.03em;}
.kyg-about .kyg-about-capability-copy ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;padding:20px 0;border-top:1px solid rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.22);}
.kyg-about .kyg-about-capability-copy li{font-size:11px;letter-spacing:.08em;text-transform:uppercase;}
.kyg-about .kyg-about-capability-copy p{max-width:520px;margin-top:22px;font-size:14px;line-height:1.68;color:rgba(255,255,255,.78);font-weight:300;}
/* 04 — Thinking */
.kyg-about .kyg-about-thinking{padding:132px 0 0;background:var(--about-white);}
.kyg-about .kyg-about-thinking-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);gap:80px;align-items:end;padding-bottom:86px;}
.kyg-about .kyg-about-thinking-intro h2{max-width:880px;margin-top:15px;font-size:clamp(44px,5.9vw,82px);line-height:.98;letter-spacing:-.035em;}
.kyg-about .kyg-about-thinking-intro p{color:var(--about-muted);font-size:15px;line-height:1.78;font-weight:300;}
.kyg-about .kyg-about-thinking-list{border-top:1px solid var(--about-line);}
.kyg-about .kyg-about-thought{border-bottom:1px solid var(--about-line);overflow:hidden;}
.kyg-about .kyg-about-thought-inner{display:grid;grid-template-columns:80px minmax(0,1.1fr) minmax(300px,.65fr);gap:30px;align-items:center;min-height:195px;transition:transform .6s cubic-bezier(.22,.61,.36,1),background .4s ease;}
.kyg-about .kyg-about-thought:nth-child(even) .kyg-about-thought-inner{transform:translateX(var(--about-thought-even,0px));}
.kyg-about .kyg-about-thought:nth-child(odd) .kyg-about-thought-inner{transform:translateX(var(--about-thought-odd,0px));}
.kyg-about .kyg-about-thought span{font-size:10px;letter-spacing:.15em;color:var(--gold);}
.kyg-about .kyg-about-thought h3{font-size:clamp(48px,6.6vw,92px);line-height:.9;letter-spacing:-.045em;}
.kyg-about .kyg-about-thought p{max-width:470px;color:var(--about-muted);font-size:14.5px;line-height:1.72;font-weight:300;}
.kyg-about .kyg-about-thought:hover{background:var(--about-paper);}
/* 05 — Founder */
.kyg-about .kyg-about-founder{padding:150px 0;background:var(--about-paper);}
.kyg-about .kyg-about-founder-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);gap:9vw;align-items:center;}
.kyg-about .kyg-about-founder-image-wrap{position:relative;}
.kyg-about .kyg-about-founder-image{aspect-ratio:4/5;clip-path:inset(var(--about-founder-clip,0%) 0 0 0);transform:scale(var(--about-founder-scale,1));transform-origin:center bottom;will-change:clip-path,transform;}
.kyg-about .kyg-about-founder-caption{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:rgba(255,255,255,.9);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--about-blue);}
.kyg-about .kyg-about-founder-copy h2{margin:14px 0 42px;font-size:clamp(56px,7vw,96px);line-height:.9;letter-spacing:-.045em;}
.kyg-about .kyg-about-founder-copy blockquote{max-width:620px;margin-bottom:38px;padding:0 0 30px;border-bottom:1px solid var(--about-line);font-family:var(--serif);font-size:clamp(25px,3vw,39px);line-height:1.18;color:var(--about-blue);}
.kyg-about .kyg-about-founder-copy p{max-width:600px;margin-bottom:17px;color:var(--about-muted);font-size:14.5px;line-height:1.76;font-weight:300;}
.kyg-about .kyg-about-text-link{display:inline-flex;align-items:center;gap:14px;margin-top:20px;padding-bottom:7px;border-bottom:1px solid rgba(9,31,54,.35);font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;}
.kyg-about .kyg-about-text-link span{transition:transform .3s ease;}
.kyg-about .kyg-about-text-link:hover span{transform:translate(3px,-3px);}
/* 06 — Standards */
.kyg-about .kyg-about-standards{padding:138px 0 150px;background:var(--about-blue);color:#fff;}
.kyg-about .kyg-about-standards .eyebrow{color:rgba(255,255,255,.58);}
.kyg-about .kyg-about-standards-head{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,1.3fr);gap:50px;align-items:start;margin-bottom:86px;}
.kyg-about .kyg-about-standards-head h2{max-width:930px;font-size:clamp(46px,6.3vw,88px);line-height:.96;letter-spacing:-.037em;}
.kyg-about .kyg-about-standards-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(330px,.58fr);gap:9vw;align-items:end;}
.kyg-about .kyg-about-standard-tabs{border-top:1px solid rgba(255,255,255,.28);}
.kyg-about .kyg-about-standard-tab{width:100%;display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:center;text-align:left;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.19);color:rgba(255,255,255,.38);font-family:var(--serif);font-size:clamp(31px,4.1vw,57px);line-height:1;transition:color .35s ease,padding-left .35s ease;}
.kyg-about .kyg-about-standard-tab span{font-family:var(--sans);font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.42);}
.kyg-about .kyg-about-standard-tab.is-active,.kyg-about .kyg-about-standard-tab:hover{color:#fff;padding-left:10px;}
.kyg-about .kyg-about-standard-copy{min-height:260px;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.3);}
.kyg-about .kyg-about-standard-copy > span{font-size:10px;letter-spacing:.15em;color:var(--gold-soft);}
.kyg-about .kyg-about-standard-copy h3{margin:28px 0 20px;font-size:clamp(38px,4vw,58px);}
.kyg-about .kyg-about-standard-copy p{max-width:530px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.76;font-weight:300;}
/* 07 — Future */
.kyg-about .kyg-about-future{min-height:92svh;padding:0;display:flex;align-items:flex-end;overflow:hidden;background:var(--about-blue);color:#fff;}
.kyg-about .kyg-about-future-media{position:absolute;inset:-6% 0;transform:translate3d(0,var(--about-future-y,0px),0) scale(1.04);will-change:transform;}
.kyg-about .kyg-about-future-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,54,.9) 0%,rgba(9,31,54,.63) 48%,rgba(9,31,54,.18) 100%);}
.kyg-about .kyg-about-future-copy{position:relative;z-index:2;padding-top:150px;padding-bottom:110px;}
.kyg-about .kyg-about-future .eyebrow{color:rgba(255,255,255,.62);}
.kyg-about .kyg-about-future h2{max-width:950px;margin:18px 0 34px;font-size:clamp(54px,7.8vw,108px);line-height:.9;letter-spacing:-.047em;}
.kyg-about .kyg-about-future p{max-width:640px;color:rgba(255,255,255,.76);font-size:16px;line-height:1.78;font-weight:300;}
/* 08 — People */
.kyg-about .kyg-about-people{padding:138px 0 150px;background:var(--about-white);}
.kyg-about .kyg-about-people-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);gap:80px;align-items:end;margin-bottom:78px;}
.kyg-about .kyg-about-people-head h2{max-width:860px;margin-top:15px;font-size:clamp(45px,5.9vw,82px);line-height:.97;letter-spacing:-.036em;}
.kyg-about .kyg-about-people-head p{color:var(--about-muted);font-size:15px;line-height:1.78;font-weight:300;}
.kyg-about .kyg-about-people-gallery{display:grid;grid-template-columns:1fr .88fr 1.12fr;gap:16px;align-items:end;}
.kyg-about .kyg-about-people-image{overflow:hidden;transition:transform .5s cubic-bezier(.22,.61,.36,1);}
.kyg-about .kyg-about-people-image:hover{transform:translateY(-7px);}
.kyg-about .kyg-about-people-image--a{aspect-ratio:4/5;}
.kyg-about .kyg-about-people-image--b{aspect-ratio:4/5;margin-bottom:74px;}
.kyg-about .kyg-about-people-image--c{aspect-ratio:1/1.12;}
.kyg-about .kyg-about-people-actions{display:flex;align-items:center;gap:12px;margin-top:54px;}
@media (max-width:1024px){
.kyg-about .kyg-about-intro-grid,
.kyg-about .kyg-about-story-head,
.kyg-about .kyg-about-thinking-intro,
.kyg-about .kyg-about-people-head{grid-template-columns:1fr;gap:34px;}
.kyg-about .kyg-about-architecture-head{grid-template-columns:1fr 1.25fr;}
.kyg-about .kyg-about-architecture-head p{grid-column:2;}
.kyg-about .kyg-about-story-layout,
.kyg-about .kyg-about-founder-grid{gap:6vw;}
.kyg-about .kyg-about-thought-inner{grid-template-columns:56px 1fr;gap:22px;}
.kyg-about .kyg-about-thought p{grid-column:2;padding-bottom:28px;}
}
@media (max-width:780px){
.kyg-about .kyg-about-intro{min-height:auto;padding:158px 0 68px;}
.kyg-about .kyg-about-line{white-space:normal;transform:none!important;}
.kyg-about .kyg-about-intro-title h1{font-size:clamp(50px,15vw,76px);line-height:.92;}
.kyg-about .kyg-about-intro-rule{margin-top:52px;}
.kyg-about .kyg-about-story,
.kyg-about .kyg-about-architecture,
.kyg-about .kyg-about-founder,
.kyg-about .kyg-about-standards,
.kyg-about .kyg-about-people{padding-top:86px;padding-bottom:92px;}
.kyg-about .kyg-about-thinking{padding-top:86px;}
.kyg-about .kyg-about-story-head{margin-bottom:48px;}
.kyg-about .kyg-about-story-layout{display:block;}
.kyg-about .kyg-about-story-visual{position:relative;top:auto;height:68svh;min-height:480px;margin-bottom:20px;}
.kyg-about .kyg-about-story-steps{padding:0;}
.kyg-about .kyg-about-story-step{min-height:auto;padding:44px 0;opacity:1;transform:none;}
.kyg-about .kyg-about-story-step h3{margin-top:34px;}
.kyg-about .kyg-about-architecture-head{display:block;margin-bottom:42px;}
.kyg-about .kyg-about-architecture-head h2{margin:16px 0 25px;}
.kyg-about .kyg-about-split{display:grid;height:auto;min-height:0;gap:12px;}
.kyg-about .kyg-about-capability{min-height:66svh;flex:auto;}
.kyg-about .kyg-about-capability-copy{inset:auto 23px 26px;}
.kyg-about .kyg-about-capability-copy ul{grid-template-columns:1fr;gap:8px;}
.kyg-about .kyg-about-thinking-intro{padding-bottom:52px;}
.kyg-about .kyg-about-thought-inner{min-height:160px;padding-top:28px;padding-bottom:28px;transform:none!important;}
.kyg-about .kyg-about-thought h3{font-size:clamp(44px,13vw,70px);}
.kyg-about .kyg-about-founder-grid{grid-template-columns:1fr;gap:56px;}
.kyg-about .kyg-about-founder-image{clip-path:none!important;transform:none!important;}
.kyg-about .kyg-about-standards-head,
.kyg-about .kyg-about-standards-grid{grid-template-columns:1fr;gap:50px;}
.kyg-about .kyg-about-standard-copy{min-height:0;}
.kyg-about .kyg-about-future{min-height:82svh;}
.kyg-about .kyg-about-future-overlay{background:linear-gradient(180deg,rgba(9,31,54,.2),rgba(9,31,54,.88) 70%);}
.kyg-about .kyg-about-future-copy{padding-top:120px;padding-bottom:72px;}
.kyg-about .kyg-about-people-gallery{grid-template-columns:1fr 1fr;}
.kyg-about .kyg-about-people-image--b{margin-bottom:0;}
.kyg-about .kyg-about-people-image--c{grid-column:1/-1;aspect-ratio:1.35/1;}
}
@media (max-width:520px){
.kyg-about .kyg-about-people-gallery{grid-template-columns:1fr;}
.kyg-about .kyg-about-people-image--c{grid-column:auto;aspect-ratio:4/5;}
.kyg-about .kyg-about-people-actions{align-items:stretch;flex-direction:column;}
.kyg-about .kyg-about-people-actions .btn{width:100%;}
.kyg-about .kyg-about-standard-tab{grid-template-columns:42px 1fr;}
}
@media (prefers-reduced-motion:reduce){
.kyg-about [data-about-section] > .wrap,
.kyg-about [data-about-section] > .kyg-about-thinking-list,
.kyg-about .kyg-about-story-frame,
.kyg-about .kyg-about-story-step,
.kyg-about .kyg-about-founder-image,
.kyg-about .kyg-about-future-media{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;}
}
/* ============================================================
ABOUT PAGE v1.1 — FULL BLEED / REFINED HERO + STANDARDS
Keeps the v1.0 story, architecture, founder, future and people
sections intact while refining the opening and brand principles.
============================================================ */
body .kyg-about{
position:relative;
left:50%;
width:100vw;
max-width:none;
margin-left:-50vw;
margin-right:-50vw;
overflow:clip;
}
/* 01 — Hero: true full-width split, no overlapping typography. */
.kyg-about .kyg-about-intro{
min-height:100svh;
padding:0;
display:block;
background:var(--about-paper);
overflow:hidden;
}
.kyg-about .kyg-about-hero-grid{
display:grid;
grid-template-columns:minmax(420px,.78fr) minmax(0,1.22fr);
min-height:calc(100svh - 62px);
}
.kyg-about .kyg-about-hero-copy{
display:flex;
align-items:flex-end;
padding:154px clamp(38px,5vw,82px) 74px max(40px,calc((100vw - var(--maxw))/2 + 40px));
background:var(--about-paper);
}
.kyg-about .kyg-about-hero-copy-inner{max-width:650px;transform:translate3d(0,var(--about-hero-copy-y,0px),0);will-change:transform;}
.kyg-about .kyg-about-hero-copy h1{
max-width:640px;
margin:18px 0 30px;
font-size:clamp(50px,5.35vw,78px);
line-height:.99;
letter-spacing:-.038em;
}
.kyg-about .kyg-about-hero-copy p{
max-width:540px;
color:var(--about-muted);
font-size:15.5px;
line-height:1.78;
font-weight:300;
}
.kyg-about .kyg-about-hero-meta{
display:flex;
flex-wrap:wrap;
gap:11px 28px;
margin-top:54px;
padding-top:17px;
border-top:1px solid var(--about-line);
color:var(--about-muted);
font-size:9.5px;
letter-spacing:.13em;
text-transform:uppercase;
}
.kyg-about .kyg-about-hero-media{position:relative;min-height:calc(100svh - 62px);overflow:hidden;background:var(--about-blue);isolation:isolate;}
.kyg-about .kyg-about-hero-image{
position:absolute;
inset:-4%;
z-index:-3;
transform:translate3d(0,var(--about-hero-y,0px),0) scale(var(--about-hero-scale,1.045));
transform-origin:center;
will-change:transform;
}
.kyg-about .kyg-about-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,31,54,.04) 30%,rgba(9,31,54,.64) 100%);}
.kyg-about .kyg-about-hero-note{
position:absolute;
left:34px;
right:34px;
bottom:34px;
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:18px;
align-items:start;
max-width:500px;
padding-top:18px;
border-top:1px solid rgba(255,255,255,.4);
color:#fff;
}
.kyg-about .kyg-about-hero-note > span{font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.62);}
.kyg-about .kyg-about-hero-note strong{display:block;font-family:var(--serif);font-size:clamp(25px,2.4vw,36px);font-weight:400;line-height:1.05;}
.kyg-about .kyg-about-hero-note small{display:block;max-width:370px;margin-top:8px;color:rgba(255,255,255,.67);font-size:12px;line-height:1.55;font-weight:300;}
.kyg-about .kyg-about-hero-rail{
min-height:62px;
display:flex;
align-items:center;
justify-content:center;
gap:clamp(16px,3vw,48px);
padding:0 32px;
background:var(--about-blue);
color:rgba(255,255,255,.82);
font-size:10px;
letter-spacing:.18em;
text-transform:uppercase;
white-space:nowrap;
}
.kyg-about .kyg-about-hero-rail i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.34);}
/* 04 — Thinking: smaller, more composed principles instead of oversized words. */
.kyg-about .kyg-about-thinking{padding:126px 0 132px;}
.kyg-about .kyg-about-thinking-intro{padding-bottom:58px;}
.kyg-about .kyg-about-thinking-intro h2{font-size:clamp(38px,4.7vw,66px);line-height:1.01;max-width:820px;}
.kyg-about .kyg-about-thinking-cards{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought{
min-height:260px;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:26px 25px 28px;
border:1px solid var(--about-line);
background:var(--about-white);
overflow:hidden;
transform:none!important;
transition:transform .42s cubic-bezier(.22,.61,.36,1),background .35s ease,border-color .35s ease;
}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought:hover{transform:translateY(-6px)!important;background:var(--about-paper);border-color:rgba(9,31,54,.22);}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought span{font-size:9px;letter-spacing:.15em;color:var(--gold);}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought h3{margin:auto 0 16px;font-size:clamp(27px,2.35vw,35px);line-height:1.02;letter-spacing:-.02em;}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought p{max-width:285px;color:var(--about-muted);font-size:13.5px;line-height:1.68;font-weight:300;}
/* 06 — Standards: elegant three-card expression instead of giant tabs. */
.kyg-about .kyg-about-standards{padding:120px 0 132px;}
.kyg-about .kyg-about-standards-head{
grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);
gap:58px;
align-items:start;
margin-bottom:56px;
}
.kyg-about .kyg-about-standards-head > div{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);gap:64px;align-items:end;}
.kyg-about .kyg-about-standards-head h2{max-width:720px;font-size:clamp(38px,4.55vw,64px);line-height:1.01;letter-spacing:-.03em;}
.kyg-about .kyg-about-standards-head p{max-width:430px;color:rgba(255,255,255,.62);font-size:13.5px;line-height:1.72;font-weight:300;padding-bottom:5px;}
.kyg-about .kyg-about-standard-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.kyg-about .kyg-about-standard-card{
min-height:275px;
display:flex;
flex-direction:column;
padding:28px 28px 30px;
border:1px solid rgba(255,255,255,.18);
background:rgba(255,255,255,.035);
transition:transform .4s cubic-bezier(.22,.61,.36,1),background .35s ease,border-color .35s ease;
}
.kyg-about .kyg-about-standard-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.32);}
.kyg-about .kyg-about-standard-card > span{font-size:9px;letter-spacing:.15em;color:var(--gold-soft);}
.kyg-about .kyg-about-standard-card h3{margin:auto 0 17px;font-size:clamp(28px,2.6vw,38px);line-height:1.03;letter-spacing:-.02em;color:#fff;}
.kyg-about .kyg-about-standard-card p{max-width:390px;color:rgba(255,255,255,.67);font-size:13.5px;line-height:1.7;font-weight:300;}
@media (max-width:1100px){
.kyg-about .kyg-about-hero-grid{grid-template-columns:.9fr 1.1fr;}
.kyg-about .kyg-about-thinking-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
.kyg-about .kyg-about-standards-head > div{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:780px){
.kyg-about .kyg-about-intro{min-height:auto;padding:0;}
.kyg-about .kyg-about-hero-grid{display:block;min-height:0;}
.kyg-about .kyg-about-hero-copy{padding:150px 24px 62px;}
.kyg-about .kyg-about-hero-copy h1{font-size:clamp(43px,12.5vw,62px);line-height:1;}
.kyg-about .kyg-about-hero-media{min-height:62svh;}
.kyg-about .kyg-about-hero-image{transform:none!important;inset:0;}
.kyg-about .kyg-about-hero-note{left:22px;right:22px;bottom:24px;}
.kyg-about .kyg-about-hero-rail{justify-content:flex-start;overflow-x:auto;gap:20px;padding:0 24px;scrollbar-width:none;}
.kyg-about .kyg-about-thinking{padding-top:88px;padding-bottom:92px;}
.kyg-about .kyg-about-thinking-cards{grid-template-columns:1fr;}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought{min-height:210px;}
.kyg-about .kyg-about-standards{padding-top:88px;padding-bottom:94px;}
.kyg-about .kyg-about-standards-head{grid-template-columns:1fr;gap:20px;margin-bottom:42px;}
.kyg-about .kyg-about-standard-cards{grid-template-columns:1fr;}
.kyg-about .kyg-about-standard-card{min-height:220px;}
}
@media (prefers-reduced-motion:reduce){
.kyg-about .kyg-about-hero-copy-inner,
.kyg-about .kyg-about-hero-image,
.kyg-about .kyg-about-thinking-cards .kyg-about-thought,
.kyg-about .kyg-about-standard-card{transform:none!important;transition:none!important;}
}
/* ============================================================
TEAM PAGE v1.0 — PEOPLE / STORY / CONNECTION
============================================================ */
body .kyg-team,
body .kyg-careers{
position:relative;
left:50%;
width:100vw;
max-width:none;
margin-left:-50vw;
margin-right:-50vw;
overflow:clip;
}
.kyg-team{--team-blue:var(--navy);--team-paper:#F7F7F4;--team-line:rgba(9,31,54,.14);background:#fff;}
.kyg-team [data-team-section]{position:relative;}
.kyg-motion-ready .kyg-team [data-team-section] > .wrap,
.kyg-motion-ready .kyg-team .kyg-team-hero-grid,
.kyg-motion-ready .kyg-team .kyg-team-gallery-track{
opacity:var(--team-section-opacity,1);
transform:translate3d(0,var(--team-section-y,0px),0);
will-change:opacity,transform;
}
/* Team hero */
.kyg-team .kyg-team-hero{min-height:100svh;padding:0;background:var(--team-paper);}
.kyg-team .kyg-team-hero-grid{display:grid;grid-template-columns:minmax(390px,.78fr) minmax(0,1.22fr);min-height:100svh;}
.kyg-team .kyg-team-hero-copy{display:flex;align-items:flex-end;padding:158px clamp(36px,5vw,78px) 72px max(40px,calc((100vw - var(--maxw))/2 + 40px));}
.kyg-team .kyg-team-hero-copy-inner{max-width:610px;}
.kyg-team .kyg-team-hero-copy h1{font-size:clamp(50px,5.2vw,78px);line-height:.98;letter-spacing:-.04em;margin:18px 0 28px;}
.kyg-team .kyg-team-hero-copy p{max-width:520px;color:var(--text-muted);font-size:15.5px;line-height:1.78;font-weight:300;}
.kyg-team .kyg-team-hero-line{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:48px;padding-top:17px;border-top:1px solid var(--team-line);font-size:9.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);}
.kyg-team .kyg-team-hero-collage{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:10px;padding:10px;background:#fff;min-height:100svh;}
.kyg-team .kyg-team-hero-photo{min-height:0;overflow:hidden;background-color:var(--navy);transform:translate3d(0,var(--team-hero-photo-y,0px),0) scale(var(--team-hero-photo-scale,1.02));will-change:transform;transition:filter .4s ease;}
.kyg-team .kyg-team-hero-photo--a{grid-row:1/-1;}
.kyg-team .kyg-team-hero-photo:hover{filter:saturate(.9) contrast(1.03);}
/* Belief */
.kyg-team .kyg-team-belief{padding:120px 0 124px;background:#fff;}
.kyg-team .kyg-team-belief-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:10vw;align-items:start;}
.kyg-team .kyg-team-belief h2{font-size:clamp(42px,4.5vw,67px);line-height:1.02;max-width:720px;margin-top:18px;}
.kyg-team .kyg-team-belief-copy{padding-top:30px;border-top:1px solid var(--team-line);}
.kyg-team .kyg-team-belief-copy p{font-size:15px;line-height:1.8;color:var(--text-muted);font-weight:300;}
.kyg-team .kyg-team-belief-copy p+p{margin-top:22px;}
/* Leadership */
.kyg-team .kyg-team-leadership{padding:118px 0 140px;background:var(--team-paper);}
.kyg-team .kyg-team-section-head{display:grid;grid-template-columns:1.15fr .72fr;gap:10vw;align-items:end;margin-bottom:66px;}
.kyg-team .kyg-team-section-head h2{font-size:clamp(42px,4.4vw,66px);line-height:1.02;margin-top:17px;}
.kyg-team .kyg-team-section-head > p{max-width:470px;color:var(--text-muted);line-height:1.72;font-size:14px;font-weight:300;}
.kyg-team .kyg-team-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 22px;}
.kyg-team .kyg-team-person{position:relative;}
.kyg-team .kyg-team-person:nth-child(3n+2){transform:translateY(42px);}
.kyg-team .kyg-team-person-photo{aspect-ratio:4/5;background-color:var(--navy);overflow:hidden;clip-path:inset(var(--team-person-clip,8%) 0 0 0);transform:scale(var(--team-person-scale,1.035));will-change:clip-path,transform;transition:filter .45s ease;}
.kyg-team .kyg-team-person:hover .kyg-team-person-photo{filter:contrast(1.03);}
.kyg-team .kyg-team-person-meta{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding-top:15px;border-top:1px solid var(--team-line);margin-top:15px;}
.kyg-team .kyg-team-person-meta h3{font-size:22px;line-height:1.06;}
.kyg-team .kyg-team-person-meta p{font-size:9px;line-height:1.35;text-align:right;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:600;max-width:150px;}
/* Beyond title */
.kyg-team .kyg-team-stories{padding:128px 0 136px;background:#fff;}
.kyg-team .kyg-team-stories-head{display:grid;grid-template-columns:1.05fr .75fr;gap:10vw;align-items:end;margin-bottom:62px;}
.kyg-team .kyg-team-stories-head h2{font-size:clamp(42px,4.6vw,68px);line-height:1.01;margin-top:17px;}
.kyg-team .kyg-team-stories-head > p{color:var(--text-muted);font-size:14px;line-height:1.75;font-weight:300;}
.kyg-team .kyg-team-story-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:stretch;}
.kyg-team .kyg-team-story-photo-wrap{position:relative;min-height:650px;background:var(--navy);overflow:hidden;}
.kyg-team .kyg-team-story-photo{position:absolute;inset:0;opacity:0;transform:scale(1.06);clip-path:inset(0 100% 0 0);transition:opacity .7s ease,clip-path 1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1);}
.kyg-team .kyg-team-story-photo.is-active{opacity:1;transform:scale(1);clip-path:inset(0 0 0 0);z-index:2;}
.kyg-team .kyg-team-story-list{display:flex;flex-direction:column;border-top:1px solid var(--team-line);}
.kyg-team .kyg-team-story{display:grid;grid-template-columns:44px 1fr;gap:22px;width:100%;text-align:left;padding:33px 0;border-bottom:1px solid var(--team-line);color:var(--text);opacity:.46;transition:opacity .35s ease,transform .4s ease;}
.kyg-team .kyg-team-story > span{font-size:9px;letter-spacing:.13em;color:var(--text-muted);padding-top:6px;}
.kyg-team .kyg-team-story h3{font-size:clamp(27px,2.5vw,38px);line-height:1.08;margin-bottom:12px;}
.kyg-team .kyg-team-story p{max-width:480px;color:var(--text-muted);font-size:13.5px;line-height:1.7;font-weight:300;}
.kyg-team .kyg-team-story.is-active{opacity:1;transform:translateX(10px);}
/* How we show up */
.kyg-team .kyg-team-together{padding:126px 0 136px;background:var(--navy);color:#fff;}
.kyg-team .kyg-team-together .eyebrow{color:rgba(255,255,255,.62);}
.kyg-team .kyg-team-together-intro{display:grid;grid-template-columns:.42fr 1fr;gap:7vw;align-items:start;margin-bottom:74px;}
.kyg-team .kyg-team-together-intro h2{font-size:clamp(45px,5vw,76px);line-height:1;max-width:850px;}
.kyg-team .kyg-team-moments{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.22);}
.kyg-team .kyg-team-moment{min-height:300px;padding:26px 22px 34px;border-right:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;}
.kyg-team .kyg-team-moment:last-child{border-right:0;}
.kyg-team .kyg-team-moment > span{font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.48);}
.kyg-team .kyg-team-moment h3{font-size:29px;line-height:1.05;margin:auto 0 18px;}
.kyg-team .kyg-team-moment p{font-size:12.5px;line-height:1.68;color:rgba(255,255,255,.66);font-weight:300;}
/* Team image rail */
.kyg-team .kyg-team-gallery{padding:16px 0;background:#fff;overflow:hidden;}
.kyg-team .kyg-team-gallery-track{display:flex;gap:12px;width:max-content;padding:0 12px;transform:translate3d(var(--team-gallery-x,0px),0,0);will-change:transform;}
.kyg-team .kyg-team-gallery-item{width:min(32vw,470px);height:min(62vw,650px);max-height:650px;min-width:300px;background-color:var(--navy);}
.kyg-team .kyg-team-gallery-item:nth-child(even){height:min(52vw,560px);margin-top:68px;}
/* Team CTA */
.kyg-team .kyg-team-next{padding:118px 0 126px;background:var(--team-paper);}
.kyg-team .kyg-team-next-grid{display:grid;grid-template-columns:1.05fr .72fr;gap:10vw;align-items:end;}
.kyg-team .kyg-team-next h2{font-size:clamp(46px,5vw,74px);line-height:.99;margin-top:16px;}
.kyg-team .kyg-team-next-grid > div:last-child{border-top:1px solid var(--team-line);padding-top:24px;}
.kyg-team .kyg-team-next p{font-size:14px;line-height:1.75;color:var(--text-muted);font-weight:300;margin-bottom:28px;}
/* ============================================================
CAREERS PAGE v1.0 — GROWTH / CULTURE / OPEN POSITIONS
============================================================ */
.kyg-careers{--careers-paper:#F7F7F4;--careers-line:rgba(9,31,54,.14);background:#fff;}
.kyg-careers [data-careers-section]{position:relative;}
.kyg-motion-ready .kyg-careers [data-careers-section] > .wrap,
.kyg-motion-ready .kyg-careers .kyg-careers-culture-strip,
.kyg-motion-ready .kyg-careers .kyg-careers-hero-copy,
.kyg-motion-ready .kyg-careers .kyg-careers-hero-note{
opacity:var(--careers-section-opacity,1);
transform:translate3d(0,var(--careers-section-y,0px),0);
will-change:opacity,transform;
}
/* Careers hero */
.kyg-careers .kyg-careers-hero{min-height:100svh;display:flex;align-items:flex-end;padding:0;color:#fff;background:var(--navy);overflow:hidden;isolation:isolate;}
.kyg-careers .kyg-careers-hero-media{position:absolute;inset:-4%;z-index:-3;transform:translate3d(0,var(--careers-hero-y,0px),0) scale(var(--careers-hero-scale,1.05));will-change:transform;}
.kyg-careers .kyg-careers-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,31,54,.06) 10%,rgba(9,31,54,.25) 42%,rgba(9,31,54,.88) 100%);}
.kyg-careers .kyg-careers-hero-copy{padding-top:170px;padding-bottom:84px;margin:0;max-width:1120px;}
.kyg-careers .kyg-careers-hero .eyebrow{color:rgba(255,255,255,.68);}
.kyg-careers .kyg-careers-hero h1{font-size:clamp(52px,6vw,91px);line-height:.96;letter-spacing:-.04em;max-width:940px;margin:18px 0 28px;}
.kyg-careers .kyg-careers-hero p{max-width:620px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.75);font-weight:300;margin-bottom:30px;}
.kyg-careers .kyg-careers-hero-note{position:absolute;right:34px;bottom:34px;display:flex;gap:22px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.6);}
/* Why KYG */
.kyg-careers .kyg-careers-reason{padding:124px 0 132px;background:#fff;}
.kyg-careers .kyg-careers-reason-grid{display:grid;grid-template-columns:1fr .82fr;gap:11vw;align-items:start;}
.kyg-careers .kyg-careers-reason h2{font-size:clamp(44px,4.8vw,72px);line-height:1;margin-top:17px;}
.kyg-careers .kyg-careers-reason-copy{padding-top:26px;border-top:1px solid var(--careers-line);}
.kyg-careers .kyg-careers-reason-copy p{font-size:15px;line-height:1.82;color:var(--text-muted);font-weight:300;}
.kyg-careers .kyg-careers-reason-copy p+p{margin-top:22px;}
/* Growth journey */
.kyg-careers .kyg-careers-growth{padding:126px 0 136px;background:var(--careers-paper);}
.kyg-careers .kyg-careers-growth-head{max-width:820px;margin-bottom:62px;}
.kyg-careers .kyg-careers-growth-head h2{font-size:clamp(44px,4.8vw,72px);line-height:1;margin-top:17px;}
.kyg-careers .kyg-careers-growth-layout{display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:start;}
.kyg-careers .kyg-careers-growth-visual{position:sticky;top:132px;height:68svh;min-height:560px;background:var(--navy);overflow:hidden;}
.kyg-careers .kyg-careers-growth-image{position:absolute;inset:0;transform:scale(var(--careers-growth-scale,1.04));will-change:transform;}
.kyg-careers .kyg-careers-growth-index{position:absolute;left:24px;right:24px;bottom:22px;padding-top:13px;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;color:#fff;font-family:var(--serif);font-size:24px;}
.kyg-careers .kyg-careers-growth-index span:last-child{font-family:var(--sans);font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.6);padding-top:8px;}
.kyg-careers .kyg-careers-growth-steps{padding-top:8svh;}
.kyg-careers .kyg-careers-growth-step{min-height:42svh;padding:22px 0 48px;border-top:1px solid var(--careers-line);opacity:.32;transform:translateX(0);transition:opacity .35s ease,transform .45s ease;}
.kyg-careers .kyg-careers-growth-step > span{font-size:9px;letter-spacing:.13em;color:var(--text-muted);}
.kyg-careers .kyg-careers-growth-step h3{font-size:clamp(38px,4vw,58px);line-height:1;margin:42px 0 16px;}
.kyg-careers .kyg-careers-growth-step p{max-width:500px;font-size:14px;line-height:1.75;color:var(--text-muted);font-weight:300;}
.kyg-careers .kyg-careers-growth-step.is-active{opacity:1;transform:translateX(12px);}
/* Culture cards */
.kyg-careers .kyg-careers-culture{padding:128px 0 138px;background:#fff;}
.kyg-careers .kyg-careers-culture-head{display:grid;grid-template-columns:1.08fr .72fr;gap:10vw;align-items:end;margin-bottom:62px;}
.kyg-careers .kyg-careers-culture-head h2{font-size:clamp(42px,4.6vw,68px);line-height:1.01;margin-top:17px;}
.kyg-careers .kyg-careers-culture-head > p{font-size:14px;line-height:1.75;color:var(--text-muted);font-weight:300;}
.kyg-careers .kyg-careers-culture-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 12px;}
.kyg-careers .kyg-careers-culture-card{margin:0;}
.kyg-careers .kyg-careers-culture-card:nth-child(2){transform:translateY(54px);}
.kyg-careers .kyg-careers-culture-card > div{aspect-ratio:4/5;background-color:var(--navy);}
.kyg-careers .kyg-careers-culture-card figcaption{padding:18px 4px 0;display:grid;grid-template-columns:.72fr 1fr;gap:16px;border-top:1px solid var(--careers-line);margin-top:13px;}
.kyg-careers .kyg-careers-culture-card strong{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.05;}
.kyg-careers .kyg-careers-culture-card span{font-size:11.5px;line-height:1.55;color:var(--text-muted);font-weight:300;}
/* Honest growth */
.kyg-careers .kyg-careers-honest{padding:128px 0 136px;background:var(--navy);color:#fff;}
.kyg-careers .kyg-careers-honest-grid{display:grid;grid-template-columns:80px minmax(0,860px);gap:8vw;justify-content:center;}
.kyg-careers .kyg-careers-honest-number{font-family:var(--serif);font-size:58px;color:rgba(255,255,255,.18);line-height:1;}
.kyg-careers .kyg-careers-honest .eyebrow{color:rgba(255,255,255,.58);}
.kyg-careers .kyg-careers-honest h2{font-size:clamp(48px,5.6vw,82px);line-height:.98;margin:18px 0 30px;}
.kyg-careers .kyg-careers-honest p{max-width:760px;font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.7);font-weight:300;}
.kyg-careers .kyg-careers-honest p+p{margin-top:20px;}
.kyg-careers .kyg-careers-honest-emphasis{font-family:var(--serif);font-size:clamp(23px,2.4vw,34px)!important;line-height:1.28!important;color:#fff!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);}
/* Jobs */
.kyg-careers .kyg-careers-jobs{padding:126px 0 138px;background:var(--careers-paper);scroll-margin-top:120px;}
.kyg-careers .kyg-careers-jobs-head{display:grid;grid-template-columns:1fr .7fr;gap:10vw;align-items:end;margin-bottom:58px;}
.kyg-careers .kyg-careers-jobs-head h2{font-size:clamp(42px,4.6vw,68px);line-height:1.01;margin-top:17px;}
.kyg-careers .kyg-careers-jobs-head > p{font-size:14px;line-height:1.7;color:var(--text-muted);font-weight:300;}
.kyg-careers .kyg-careers-job-list{border-top:1px solid var(--careers-line);}
.kyg-careers .kyg-careers-job{border-bottom:1px solid var(--careers-line);}
.kyg-careers .kyg-careers-job-toggle{display:grid;grid-template-columns:1fr 50px;gap:20px;width:100%;text-align:left;align-items:center;padding:28px 0;color:var(--text);}
.kyg-careers .kyg-careers-job-role{font-family:var(--serif);font-size:clamp(29px,3vw,44px);line-height:1.04;}
.kyg-careers .kyg-careers-job-role small{display:block;font-family:var(--sans);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;}
.kyg-careers .kyg-careers-job-plus{width:44px;height:44px;border:1px solid rgba(9,31,54,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;transition:transform .35s ease,background .35s ease,color .35s ease;}
.kyg-careers .kyg-careers-job.is-open .kyg-careers-job-plus{transform:rotate(45deg);background:var(--navy);color:#fff;}
.kyg-careers .kyg-careers-job-body{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;max-height:0;overflow:hidden;opacity:0;padding:0;transition:max-height .55s cubic-bezier(.22,.61,.36,1),opacity .35s ease,padding .45s ease;}
.kyg-careers .kyg-careers-job.is-open .kyg-careers-job-body{max-height:420px;opacity:1;padding:0 0 34px;}
.kyg-careers .kyg-careers-job-body p{max-width:660px;font-size:13.5px;line-height:1.7;color:var(--text-muted);font-weight:300;}
.kyg-careers .kyg-careers-job-body ul{display:flex;flex-wrap:wrap;gap:9px 22px;list-style:none;margin-top:18px;}
.kyg-careers .kyg-careers-job-body li{font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);}
/* Application process */
.kyg-careers .kyg-careers-process{padding:124px 0 132px;background:#fff;}
.kyg-careers .kyg-careers-process-head{max-width:860px;margin-bottom:60px;}
.kyg-careers .kyg-careers-process-head h2{font-size:clamp(42px,4.6vw,68px);line-height:1.01;margin-top:17px;}
.kyg-careers .kyg-careers-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--careers-line);}
.kyg-careers .kyg-careers-process-grid > div{min-height:260px;padding:22px 24px 28px 0;border-right:1px solid var(--careers-line);margin-right:24px;display:flex;flex-direction:column;}
.kyg-careers .kyg-careers-process-grid > div:last-child{border-right:0;margin-right:0;}
.kyg-careers .kyg-careers-process-grid span{font-size:9px;letter-spacing:.13em;color:var(--text-muted);}
.kyg-careers .kyg-careers-process-grid h3{font-size:29px;margin:auto 0 14px;}
.kyg-careers .kyg-careers-process-grid p{font-size:12px;line-height:1.65;color:var(--text-muted);font-weight:300;}
/* Careers apply form */
.kyg-careers .kyg-careers-apply{padding:126px 0 136px;background:var(--navy);color:#fff;scroll-margin-top:116px;}
.kyg-careers .kyg-careers-apply-grid{display:grid;grid-template-columns:.72fr 1.15fr;gap:9vw;align-items:start;}
.kyg-careers .kyg-careers-apply .eyebrow{color:rgba(255,255,255,.6);}
.kyg-careers .kyg-careers-apply h2{font-size:clamp(46px,5vw,72px);line-height:.99;margin:17px 0 26px;}
.kyg-careers .kyg-careers-apply-copy p{font-size:14px;line-height:1.75;color:rgba(255,255,255,.67);font-weight:300;}
.kyg-careers .kyg-careers-form{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;}
.kyg-careers .kyg-careers-form label{display:block;}
.kyg-careers .kyg-careers-form label > span{display:block;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.56);margin-bottom:8px;}
.kyg-careers .kyg-careers-form input,
.kyg-careers .kyg-careers-form select,
.kyg-careers .kyg-careers-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.32);border-radius:0;background:transparent;color:#fff;padding:11px 0 13px;font-family:var(--sans);font-size:14px;font-weight:300;outline:none;transition:border-color .25s ease;}
.kyg-careers .kyg-careers-form select{color:#fff;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 10px) 50%,calc(100% - 5px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;}
.kyg-careers .kyg-careers-form select option{color:var(--text);background:#fff;}
.kyg-careers .kyg-careers-form textarea{resize:vertical;min-height:122px;}
.kyg-careers .kyg-careers-form input::placeholder,
.kyg-careers .kyg-careers-form textarea::placeholder{color:rgba(255,255,255,.38);}
.kyg-careers .kyg-careers-form input:focus,
.kyg-careers .kyg-careers-form select:focus,
.kyg-careers .kyg-careers-form textarea:focus{border-color:#fff;}
.kyg-careers .kyg-careers-form-wide{grid-column:1/-1;}
.kyg-careers .kyg-careers-form-foot{display:flex;align-items:center;gap:22px;margin-top:4px;}
.kyg-careers .kyg-careers-form-foot p{font-size:12px;color:rgba(255,255,255,.7);}
.kyg-careers .kyg-careers-form-foot p.is-success{color:#fff;}
.kyg-careers .kyg-careers-form-foot p.is-error{color:#f5c0c0;}
.kyg-careers .kyg-careers-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
/* Responsive: Team + Careers */
@media (max-width:1024px){
.kyg-team .kyg-team-hero-grid{grid-template-columns:.9fr 1.1fr;}
.kyg-team .kyg-team-belief-grid,
.kyg-team .kyg-team-section-head,
.kyg-team .kyg-team-stories-head,
.kyg-team .kyg-team-next-grid,
.kyg-careers .kyg-careers-reason-grid,
.kyg-careers .kyg-careers-culture-head,
.kyg-careers .kyg-careers-jobs-head{gap:6vw;}
.kyg-team .kyg-team-people-grid{grid-template-columns:repeat(2,1fr);}
.kyg-team .kyg-team-person:nth-child(3n+2){transform:none;}
.kyg-team .kyg-team-person:nth-child(even){transform:translateY(34px);}
.kyg-team .kyg-team-moments{grid-template-columns:1fr 1fr;}
.kyg-team .kyg-team-moment:nth-child(2){border-right:0;}
.kyg-team .kyg-team-moment{border-bottom:1px solid rgba(255,255,255,.17);}
.kyg-careers .kyg-careers-growth-layout{gap:5vw;}
.kyg-careers .kyg-careers-process-grid{grid-template-columns:1fr 1fr;}
.kyg-careers .kyg-careers-process-grid > div:nth-child(2){border-right:0;}
.kyg-careers .kyg-careers-process-grid > div{border-bottom:1px solid var(--careers-line);}
}
@media (max-width:780px){
.kyg-team .kyg-team-hero-grid{display:block;min-height:auto;}
.kyg-team .kyg-team-hero-copy{min-height:72svh;padding:158px 24px 64px;align-items:flex-end;}
.kyg-team .kyg-team-hero-copy h1{font-size:clamp(48px,14vw,72px);}
.kyg-team .kyg-team-hero-collage{min-height:78svh;grid-template-columns:1.05fr .95fr;padding:8px;gap:8px;}
.kyg-team .kyg-team-belief,
.kyg-team .kyg-team-leadership,
.kyg-team .kyg-team-stories,
.kyg-team .kyg-team-together,
.kyg-team .kyg-team-next,
.kyg-careers .kyg-careers-reason,
.kyg-careers .kyg-careers-growth,
.kyg-careers .kyg-careers-culture,
.kyg-careers .kyg-careers-honest,
.kyg-careers .kyg-careers-jobs,
.kyg-careers .kyg-careers-process,
.kyg-careers .kyg-careers-apply{padding-top:86px;padding-bottom:92px;}
.kyg-team .kyg-team-belief-grid,
.kyg-team .kyg-team-section-head,
.kyg-team .kyg-team-stories-head,
.kyg-team .kyg-team-story-stage,
.kyg-team .kyg-team-together-intro,
.kyg-team .kyg-team-next-grid,
.kyg-careers .kyg-careers-reason-grid,
.kyg-careers .kyg-careers-growth-layout,
.kyg-careers .kyg-careers-culture-head,
.kyg-careers .kyg-careers-honest-grid,
.kyg-careers .kyg-careers-jobs-head,
.kyg-careers .kyg-careers-apply-grid{grid-template-columns:1fr;gap:36px;}
.kyg-team .kyg-team-people-grid{grid-template-columns:1fr 1fr;gap:42px 12px;}
.kyg-team .kyg-team-person:nth-child(even){transform:none;}
.kyg-team .kyg-team-person-meta{display:block;}
.kyg-team .kyg-team-person-meta p{text-align:left;margin-top:7px;}
.kyg-team .kyg-team-story-photo-wrap{min-height:62svh;margin-bottom:12px;}
.kyg-team .kyg-team-story.is-active{transform:none;}
.kyg-team .kyg-team-together-intro{margin-bottom:48px;}
.kyg-team .kyg-team-moments{grid-template-columns:1fr;}
.kyg-team .kyg-team-moment{min-height:220px;border-right:0;}
.kyg-team .kyg-team-gallery-item{width:75vw;min-width:280px;height:105vw;max-height:620px;}
.kyg-team .kyg-team-gallery-item:nth-child(even){height:92vw;margin-top:36px;}
.kyg-careers .kyg-careers-hero{min-height:92svh;}
.kyg-careers .kyg-careers-hero-copy{padding-top:158px;padding-bottom:72px;}
.kyg-careers .kyg-careers-hero h1{font-size:clamp(49px,13.8vw,75px);}
.kyg-careers .kyg-careers-hero-note{left:24px;right:24px;bottom:22px;justify-content:space-between;}
.kyg-careers .kyg-careers-growth-visual{position:relative;top:auto;height:68svh;min-height:470px;}
.kyg-careers .kyg-careers-growth-steps{padding-top:20px;}
.kyg-careers .kyg-careers-growth-step{min-height:auto;padding:35px 0;opacity:1;transform:none;}
.kyg-careers .kyg-careers-culture-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 34px;gap:12px;scrollbar-width:none;}
.kyg-careers .kyg-careers-culture-strip::-webkit-scrollbar{display:none;}
.kyg-careers .kyg-careers-culture-card{min-width:80vw;scroll-snap-align:start;}
.kyg-careers .kyg-careers-culture-card:nth-child(2){transform:none;}
.kyg-careers .kyg-careers-culture-card figcaption{grid-template-columns:1fr;}
.kyg-careers .kyg-careers-honest-number{display:none;}
.kyg-careers .kyg-careers-job-body{grid-template-columns:1fr;gap:24px;}
.kyg-careers .kyg-careers-job.is-open .kyg-careers-job-body{max-height:650px;}
.kyg-careers .kyg-careers-process-grid{grid-template-columns:1fr;}
.kyg-careers .kyg-careers-process-grid > div{min-height:190px;border-right:0;margin-right:0;padding-right:0;}
.kyg-careers .kyg-careers-form{grid-template-columns:1fr;}
.kyg-careers .kyg-careers-form-wide{grid-column:auto;}
}
@media (max-width:520px){
.kyg-team .kyg-team-hero-collage{grid-template-columns:1fr 1fr;min-height:70svh;}
.kyg-team .kyg-team-hero-photo--a{grid-column:1/-1;grid-row:auto;}
.kyg-team .kyg-team-hero-collage{grid-template-rows:1.2fr .8fr;}
.kyg-team .kyg-team-people-grid{grid-template-columns:1fr;}
.kyg-team .kyg-team-person-photo{aspect-ratio:4/5;}
.kyg-team .kyg-team-story{grid-template-columns:36px 1fr;gap:14px;padding:25px 0;}
.kyg-careers .kyg-careers-hero-note{display:none;}
.kyg-careers .kyg-careers-culture-card{min-width:86vw;}
.kyg-careers .kyg-careers-job-toggle{grid-template-columns:1fr 42px;}
.kyg-careers .kyg-careers-job-plus{width:38px;height:38px;}
.kyg-careers .kyg-careers-form-foot{align-items:stretch;flex-direction:column;}
.kyg-careers .kyg-careers-form-foot .btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
.kyg-team [data-team-section] > .wrap,
.kyg-team .kyg-team-hero-grid,
.kyg-team .kyg-team-gallery-track,
.kyg-team .kyg-team-person-photo,
.kyg-team .kyg-team-story-photo,
.kyg-careers [data-careers-section] > .wrap,
.kyg-careers .kyg-careers-culture-strip,
.kyg-careers .kyg-careers-hero-copy,
.kyg-careers .kyg-careers-hero-note,
.kyg-careers .kyg-careers-hero-media,
.kyg-careers .kyg-careers-growth-image{
opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;
}
}
.kyg-careers .btn-light{background:#fff;color:var(--navy);border:1px solid #fff;}
.kyg-careers .btn-light:hover{background:transparent;color:#fff;}
/* ============================================================
CAREERS PAGE v1.1 — CINEMATIC / CULTURE MOMENTS / OPEN ROLES
Deliberately distinct from Team page.
============================================================ */
.kyg-careers-v2{--careers-v2-paper:#f6f7f5;--careers-v2-line:rgba(9,31,54,.14);background:#fff;}
/* section fade targets unique to v1.1 */
.kyg-motion-ready .kyg-careers-v2 [data-careers-section] > .kyg-careers-scene-stack,
.kyg-motion-ready .kyg-careers-v2 [data-careers-section] > .kyg-careers-exchange-grid,
.kyg-motion-ready .kyg-careers-v2 [data-careers-section] > .kyg-careers-apply-panel,
.kyg-motion-ready .kyg-careers-v2 [data-careers-section] > .kyg-careers-apply-media{
opacity:var(--careers-section-opacity,1);
transform:translate3d(0,var(--careers-section-y,0px),0);
will-change:opacity,transform;
}
/* 01 cinematic portal */
.kyg-careers-v2 .kyg-careers-portal{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:var(--navy);color:#fff;}
.kyg-careers-v2 .kyg-careers-portal-media{position:absolute;inset:-4%;z-index:-3;transform:translate3d(0,var(--careers-hero-y,0px),0) scale(var(--careers-hero-scale,1.055));will-change:transform;}
.kyg-careers-v2 .kyg-careers-portal-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,31,54,.14),rgba(9,31,54,.18) 42%,rgba(9,31,54,.88) 100%);}
.kyg-careers-v2 .kyg-careers-portal-copy{padding-top:180px;padding-bottom:112px;margin:0;max-width:940px;}
.kyg-careers-v2 .kyg-careers-portal .eyebrow{color:rgba(255,255,255,.7);}
.kyg-careers-v2 .kyg-careers-portal h1{font-size:clamp(48px,5.3vw,78px);line-height:.99;letter-spacing:-.035em;max-width:890px;margin:18px 0 26px;}
.kyg-careers-v2 .kyg-careers-portal p{max-width:610px;font-size:15px;line-height:1.78;color:rgba(255,255,255,.78);font-weight:300;margin-bottom:31px;}
.kyg-careers-v2 .kyg-careers-portal-foot{position:absolute;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);padding-top:13px;gap:18px;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);}
/* 02 manifesto */
.kyg-careers-v2 .kyg-careers-manifesto{padding:132px 0 142px;background:#fff;}
.kyg-careers-v2 .kyg-careers-manifesto-inner{display:grid;grid-template-columns:.88fr 1.12fr;column-gap:10vw;row-gap:34px;align-items:start;}
.kyg-careers-v2 .kyg-careers-manifesto-inner>.eyebrow{grid-column:1;}
.kyg-careers-v2 .kyg-careers-manifesto h2{grid-column:1/-1;max-width:1050px;font-size:clamp(44px,4.7vw,70px);line-height:1.03;margin:0;}
.kyg-careers-v2 .kyg-careers-manifesto-copy{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--careers-v2-line);padding-top:24px;}
.kyg-careers-v2 .kyg-careers-manifesto-copy p{font-size:13.5px;line-height:1.78;color:var(--text-muted);font-weight:300;margin:0;}
/* 03 sticky culture moments */
.kyg-careers-v2 .kyg-careers-scenes{padding:126px 0 0;background:var(--careers-v2-paper);}
.kyg-careers-v2 .kyg-careers-scenes-head{display:grid;grid-template-columns:1fr .7fr;gap:8vw;align-items:end;margin-bottom:72px;}
.kyg-careers-v2 .kyg-careers-scenes-head .eyebrow{grid-column:1/-1;}
.kyg-careers-v2 .kyg-careers-scenes-head h2{font-size:clamp(43px,4.7vw,70px);line-height:1.02;margin:0;max-width:760px;}
.kyg-careers-v2 .kyg-careers-scenes-head p{font-size:13.5px;line-height:1.75;color:var(--text-muted);font-weight:300;margin:0 0 5px;max-width:470px;}
.kyg-careers-v2 .kyg-careers-scene-stack{padding:0 12px 14svh;}
.kyg-careers-v2 .kyg-careers-scene{position:sticky;height:72svh;min-height:590px;overflow:hidden;color:#fff;background:var(--navy);isolation:isolate;margin-bottom:18svh;box-shadow:0 24px 70px rgba(9,31,54,.12);}
.kyg-careers-v2 .kyg-careers-scene:nth-child(1){top:112px;}
.kyg-careers-v2 .kyg-careers-scene:nth-child(2){top:126px;}
.kyg-careers-v2 .kyg-careers-scene:nth-child(3){top:140px;margin-bottom:0;}
.kyg-careers-v2 .kyg-careers-scene-media{position:absolute;inset:0;z-index:-3;transition:transform 1.2s cubic-bezier(.2,.65,.25,1);transform:scale(1.025);}
.kyg-careers-v2 .kyg-careers-scene:hover .kyg-careers-scene-media{transform:scale(1.045);}
.kyg-careers-v2 .kyg-careers-scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(9,31,54,.05) 20%,rgba(9,31,54,.18) 50%,rgba(9,31,54,.88) 100%);}
.kyg-careers-v2 .kyg-careers-scene-copy{position:absolute;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);bottom:clamp(30px,6vw,76px);max-width:780px;}
.kyg-careers-v2 .kyg-careers-scene-copy>span{font-size:9px;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.62);}
.kyg-careers-v2 .kyg-careers-scene-copy h3{font-size:clamp(39px,4.2vw,64px);line-height:1.01;margin:15px 0 18px;max-width:780px;}
.kyg-careers-v2 .kyg-careers-scene-copy p{max-width:590px;font-size:13px;line-height:1.7;color:rgba(255,255,255,.72);font-weight:300;}
/* 04 two-sided exchange */
.kyg-careers-v2 .kyg-careers-exchange{background:#fff;}
.kyg-careers-v2 .kyg-careers-exchange-grid{display:grid;grid-template-columns:1fr 1fr;min-height:82svh;}
.kyg-careers-v2 .kyg-careers-exchange-side{padding:clamp(78px,8vw,128px) clamp(30px,6vw,96px);display:flex;flex-direction:column;justify-content:space-between;gap:80px;}
.kyg-careers-v2 .kyg-careers-exchange-side--navy{background:var(--navy);color:#fff;}
.kyg-careers-v2 .kyg-careers-exchange-side--paper{background:#f3f4f2;color:var(--text);}
.kyg-careers-v2 .kyg-careers-exchange-side--navy .eyebrow{color:rgba(255,255,255,.58);}
.kyg-careers-v2 .kyg-careers-exchange-side h2{font-size:clamp(42px,4.2vw,62px);line-height:1.02;margin-top:17px;max-width:580px;}
.kyg-careers-v2 .kyg-careers-exchange-lines{border-top:1px solid currentColor;}
.kyg-careers-v2 .kyg-careers-exchange-side--navy .kyg-careers-exchange-lines{border-color:rgba(255,255,255,.22);}
.kyg-careers-v2 .kyg-careers-exchange-side--paper .kyg-careers-exchange-lines{border-color:rgba(9,31,54,.16);}
.kyg-careers-v2 .kyg-careers-exchange-lines article{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start;padding:28px 0 30px;border-bottom:1px solid currentColor;transition:transform .35s ease,padding-left .35s ease;}
.kyg-careers-v2 .kyg-careers-exchange-side--navy .kyg-careers-exchange-lines article{border-color:rgba(255,255,255,.16);}
.kyg-careers-v2 .kyg-careers-exchange-side--paper .kyg-careers-exchange-lines article{border-color:rgba(9,31,54,.13);}
.kyg-careers-v2 .kyg-careers-exchange-lines article::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:currentColor;opacity:.35;transition:width .35s ease;}
.kyg-careers-v2 .kyg-careers-exchange-lines article:hover{padding-left:20px;}
.kyg-careers-v2 .kyg-careers-exchange-lines article:hover::before{width:10px;}
.kyg-careers-v2 .kyg-careers-exchange-lines strong{font-family:var(--serif);font-weight:400;font-size:clamp(23px,2vw,30px);line-height:1.08;}
.kyg-careers-v2 .kyg-careers-exchange-lines p{font-size:11.5px;line-height:1.68;font-weight:300;opacity:.68;margin:2px 0 0;max-width:390px;}
/* 05 jobs: cleaner and more central */
.kyg-careers-v2 .kyg-careers-jobs--v2{padding:138px 0 150px;background:#fff;}
.kyg-careers-v2 .kyg-careers-jobs--v2 .kyg-careers-jobs-head{margin-bottom:64px;}
.kyg-careers-v2 .kyg-careers-jobs--v2 .kyg-careers-job-toggle{padding:34px 0;}
.kyg-careers-v2 .kyg-careers-jobs--v2 .kyg-careers-job-role{font-size:clamp(31px,3.3vw,49px);}
/* 06 who thrives here: no cards */
.kyg-careers-v2 .kyg-careers-fit{padding:130px 0 142px;background:var(--navy);color:#fff;}
.kyg-careers-v2 .kyg-careers-fit-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:10vw;align-items:start;}
.kyg-careers-v2 .kyg-careers-fit .eyebrow{color:rgba(255,255,255,.58);}
.kyg-careers-v2 .kyg-careers-fit h2{font-size:clamp(41px,4.1vw,61px);line-height:1.02;margin:17px 0 24px;}
.kyg-careers-v2 .kyg-careers-fit-intro p{font-size:13px;line-height:1.72;color:rgba(255,255,255,.65);font-weight:300;max-width:440px;}
.kyg-careers-v2 .kyg-careers-fit-lines{border-top:1px solid rgba(255,255,255,.24);}
.kyg-careers-v2 .kyg-careers-fit-lines p{font-family:var(--serif);font-size:clamp(28px,3.1vw,45px);line-height:1.08;padding:24px 0 26px;border-bottom:1px solid rgba(255,255,255,.16);margin:0;color:rgba(255,255,255,.55);transition:color .3s ease,padding-left .35s ease;}
.kyg-careers-v2 .kyg-careers-fit-lines p:hover{color:#fff;padding-left:12px;}
/* 07 application: image + dark panel, not another standard page section */
.kyg-careers-v2 .kyg-careers-apply--v2{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;padding:0;background:#fff;color:#fff;min-height:94svh;scroll-margin-top:110px;}
.kyg-careers-v2 .kyg-careers-apply--v2 .kyg-careers-apply-media{min-height:94svh;background-color:#dfe4e6;}
.kyg-careers-v2 .kyg-careers-apply--v2 .kyg-careers-apply-panel{background:var(--navy);padding:clamp(84px,8vw,126px) clamp(34px,7vw,110px);display:flex;flex-direction:column;justify-content:center;}
.kyg-careers-v2 .kyg-careers-apply--v2 .kyg-careers-apply-copy{max-width:650px;margin-bottom:50px;}
.kyg-careers-v2 .kyg-careers-apply--v2 h2{font-size:clamp(43px,4.4vw,66px);line-height:1.01;margin:17px 0 22px;}
.kyg-careers-v2 .kyg-careers-apply--v2 .kyg-careers-apply-copy p{max-width:520px;}
@media (max-width:1024px){
.kyg-careers-v2 .kyg-careers-manifesto-inner{column-gap:6vw;}
.kyg-careers-v2 .kyg-careers-scenes-head{gap:6vw;}
.kyg-careers-v2 .kyg-careers-exchange-side{padding-left:44px;padding-right:44px;}
.kyg-careers-v2 .kyg-careers-exchange-lines article{gap:20px;}
.kyg-careers-v2 .kyg-careers-fit-grid{gap:7vw;}
}
@media (max-width:780px){
.kyg-careers-v2 .kyg-careers-portal{min-height:94svh;}
.kyg-careers-v2 .kyg-careers-portal-copy{padding-top:164px;padding-bottom:98px;}
.kyg-careers-v2 .kyg-careers-portal h1{font-size:clamp(46px,12.8vw,70px);}
.kyg-careers-v2 .kyg-careers-portal-foot{grid-template-columns:1fr 1fr;row-gap:8px;}
.kyg-careers-v2 .kyg-careers-manifesto,
.kyg-careers-v2 .kyg-careers-scenes,
.kyg-careers-v2 .kyg-careers-jobs--v2,
.kyg-careers-v2 .kyg-careers-fit{padding-top:88px;padding-bottom:94px;}
.kyg-careers-v2 .kyg-careers-manifesto-inner,
.kyg-careers-v2 .kyg-careers-scenes-head,
.kyg-careers-v2 .kyg-careers-fit-grid{grid-template-columns:1fr;gap:34px;}
.kyg-careers-v2 .kyg-careers-manifesto h2{grid-column:1;}
.kyg-careers-v2 .kyg-careers-manifesto-copy{grid-column:1;grid-template-columns:1fr;gap:18px;}
.kyg-careers-v2 .kyg-careers-scenes{padding-bottom:0;}
.kyg-careers-v2 .kyg-careers-scenes-head .eyebrow{grid-column:1;}
.kyg-careers-v2 .kyg-careers-scene-stack{padding:0 8px 84px;}
.kyg-careers-v2 .kyg-careers-scene{position:relative;top:auto!important;height:72svh;min-height:520px;margin-bottom:10px;}
.kyg-careers-v2 .kyg-careers-scene-copy{left:24px;right:24px;bottom:30px;}
.kyg-careers-v2 .kyg-careers-scene-copy h3{font-size:clamp(37px,10.8vw,53px);}
.kyg-careers-v2 .kyg-careers-exchange-grid{grid-template-columns:1fr;min-height:auto;}
.kyg-careers-v2 .kyg-careers-exchange-side{min-height:auto;padding:86px 24px 92px;gap:58px;}
.kyg-careers-v2 .kyg-careers-exchange-lines article{grid-template-columns:1fr;gap:8px;padding:23px 0 25px;}
.kyg-careers-v2 .kyg-careers-exchange-lines article:hover{padding-left:12px;}
.kyg-careers-v2 .kyg-careers-fit-lines p{font-size:clamp(28px,8.7vw,40px);}
.kyg-careers-v2 .kyg-careers-apply--v2{grid-template-columns:1fr;min-height:auto;}
.kyg-careers-v2 .kyg-careers-apply--v2 .kyg-careers-apply-media{min-height:58svh;}
.kyg-careers-v2 .kyg-careers-apply--v2 .kyg-careers-apply-panel{padding:88px 24px 94px;}
}
@media (max-width:520px){
.kyg-careers-v2 .kyg-careers-portal-foot{display:none;}
.kyg-careers-v2 .kyg-careers-portal-copy{padding-bottom:66px;}
.kyg-careers-v2 .kyg-careers-scene{height:68svh;min-height:500px;}
.kyg-careers-v2 .kyg-careers-exchange-lines strong{font-size:23px;}
}
@media (prefers-reduced-motion:reduce){
.kyg-careers-v2 .kyg-careers-portal-media,
.kyg-careers-v2 .kyg-careers-scene-media,
.kyg-careers-v2 .kyg-careers-fit-lines p,
.kyg-careers-v2 [data-careers-section] > .kyg-careers-scene-stack,
.kyg-careers-v2 [data-careers-section] > .kyg-careers-exchange-grid,
.kyg-careers-v2 [data-careers-section] > .kyg-careers-apply-panel,
.kyg-careers-v2 [data-careers-section] > .kyg-careers-apply-media{transform:none!important;transition:none!important;opacity:1!important;}
}
/* ============================================================
CAREERS v3 — IMAGE-LED STORYTELLING
============================================================ */
body .kyg-careers-v3{
--careers-v3-paper:#F7F7F4;
--careers-v3-line:rgba(9,31,54,.14);
position:relative;
left:50%;
width:100vw;
max-width:none;
margin-left:-50vw;
margin-right:-50vw;
overflow:clip;
background:#fff;
}
.kyg-careers-v3 [data-careers-section]{position:relative;}
.kyg-motion-ready .kyg-careers-v3 [data-careers-section] > .wrap,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-cinema-copy,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-cinema-ribbon,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-mosaic-grid,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-jobs-banner,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-apply-media,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-apply-panel{
opacity:var(--careers-section-opacity,1);
transform:translate3d(0,var(--careers-section-y,0px),0);
transition:opacity .22s linear,transform .22s linear;
}
/* HERO */
.kyg-careers-v3 .kyg-careers-cinema{
position:relative;min-height:100svh;display:flex;align-items:flex-end;
color:#fff;background:var(--navy);overflow:hidden;isolation:isolate;
}
.kyg-careers-v3 .kyg-careers-cinema-media{
position:absolute;inset:-4%;z-index:-3;
transform:translate3d(0,var(--careers-hero-y,0px),0) scale(var(--careers-hero-scale,1.055));
will-change:transform;
}
.kyg-careers-v3 .kyg-careers-cinema-shade{
position:absolute;inset:0;z-index:-2;
background:linear-gradient(90deg,rgba(9,31,54,.78) 0%,rgba(9,31,54,.47) 42%,rgba(9,31,54,.08) 72%),linear-gradient(180deg,rgba(9,31,54,.02) 30%,rgba(9,31,54,.65) 100%);
}
.kyg-careers-v3 .kyg-careers-cinema-copy{padding:180px 0 118px;max-width:900px;margin:0;}
.kyg-careers-v3 .kyg-careers-cinema .eyebrow{color:rgba(255,255,255,.68);}
.kyg-careers-v3 .kyg-careers-cinema h1{font-size:clamp(48px,5.4vw,82px);line-height:.99;letter-spacing:-.035em;max-width:880px;margin:18px 0 24px;}
.kyg-careers-v3 .kyg-careers-cinema p{max-width:590px;font-size:14px;line-height:1.72;color:rgba(255,255,255,.76);font-weight:300;margin:0;}
.kyg-careers-v3 .kyg-careers-cinema-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px;}
.kyg-careers-v3 .btn-ghost-light{border:1px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.04);}
.kyg-careers-v3 .btn-ghost-light:hover{background:#fff;color:var(--navy);}
.kyg-careers-v3 .kyg-careers-cinema-ribbon{position:absolute;left:24px;right:24px;bottom:20px;border-top:1px solid rgba(255,255,255,.27);padding-top:12px;display:grid;grid-template-columns:repeat(4,1fr);font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.64);}
/* CULTURE MOSAIC */
.kyg-careers-v3 .kyg-careers-mosaic{padding:132px 0 150px;background:#fff;}
.kyg-careers-v3 .kyg-careers-mosaic-head{display:grid;grid-template-columns:1.08fr .72fr;gap:9vw;align-items:end;margin-bottom:70px;}
.kyg-careers-v3 .kyg-careers-mosaic-head h2{font-size:clamp(42px,4.5vw,68px);line-height:1.02;margin:17px 0 0;max-width:800px;}
.kyg-careers-v3 .kyg-careers-mosaic-head>p{font-size:13.5px;line-height:1.76;color:var(--text-muted);font-weight:300;max-width:470px;margin:0 0 6px;}
.kyg-careers-v3 .kyg-careers-mosaic-grid{display:grid;grid-template-columns:1.15fr .78fr .82fr;grid-template-rows:280px 280px;gap:12px;padding:0 12px;}
.kyg-careers-v3 .kyg-careers-mosaic-card{margin:0;overflow:hidden;background:#e5e8e7;position:relative;}
.kyg-careers-v3 .kyg-careers-mosaic-card>div{width:100%;height:100%;transform:scale(1.02);transition:transform 1.1s cubic-bezier(.2,.65,.25,1);}
.kyg-careers-v3 .kyg-careers-mosaic-card:hover>div{transform:scale(1.055);}
.kyg-careers-v3 .kyg-careers-mosaic-card--tall{grid-row:1/3;}
.kyg-careers-v3 .kyg-careers-mosaic-card--wide{grid-column:2/4;}
.kyg-careers-v3 .kyg-careers-mosaic-note{display:flex;align-items:flex-end;padding:28px;background:var(--navy);color:#fff;}
.kyg-careers-v3 .kyg-careers-mosaic-note p{font-family:var(--serif);font-size:clamp(23px,2.15vw,32px);line-height:1.15;margin:0;max-width:360px;}
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-mosaic-card,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-mosaic-note{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.61,.36,1);}
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-mosaic-card.is-seen,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-mosaic-note.is-seen{opacity:1;transform:none;}
/* STORY SCENES */
.kyg-careers-v3 .kyg-careers-story{padding:132px 0 142px;background:var(--careers-v3-paper);}
.kyg-careers-v3 .kyg-careers-story-head{max-width:830px;margin-bottom:78px;}
.kyg-careers-v3 .kyg-careers-story-head h2{font-size:clamp(42px,4.5vw,68px);line-height:1.02;margin:17px 0 0;}
.kyg-careers-v3 .kyg-careers-story-row{width:min(1420px,calc(100% - 48px));margin:0 auto 92px;display:grid;grid-template-columns:1.28fr .72fr;min-height:620px;background:#fff;overflow:hidden;}
.kyg-careers-v3 .kyg-careers-story-row:last-child{margin-bottom:0;}
.kyg-careers-v3 .kyg-careers-story-row--reverse{grid-template-columns:.72fr 1.28fr;}
.kyg-careers-v3 .kyg-careers-story-row--reverse .kyg-careers-story-media{order:2;}
.kyg-careers-v3 .kyg-careers-story-row--reverse .kyg-careers-story-copy{order:1;}
.kyg-careers-v3 .kyg-careers-story-media{min-height:620px;background-color:#dfe4e6;transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.65,.25,1);}
.kyg-careers-v3 .kyg-careers-story-row:hover .kyg-careers-story-media{transform:scale(1.045);}
.kyg-careers-v3 .kyg-careers-story-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(46px,6vw,88px);}
.kyg-careers-v3 .kyg-careers-story-copy>span{font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:auto;}
.kyg-careers-v3 .kyg-careers-story-copy h3{font-size:clamp(36px,3.6vw,55px);line-height:1.02;margin:0 0 20px;}
.kyg-careers-v3 .kyg-careers-story-copy p{font-size:13px;line-height:1.73;color:var(--text-muted);font-weight:300;max-width:460px;margin:0;}
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-story-row{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,.61,.36,1);}
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-story-row.is-seen{opacity:1;transform:none;}
/* FEELING SIGNALS */
.kyg-careers-v3 .kyg-careers-signals{padding:124px 0 134px;background:var(--navy);color:#fff;}
.kyg-careers-v3 .kyg-careers-signals-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:10vw;align-items:start;}
.kyg-careers-v3 .kyg-careers-signals .eyebrow{color:rgba(255,255,255,.58);}
.kyg-careers-v3 .kyg-careers-signals h2{font-size:clamp(40px,4vw,60px);line-height:1.03;margin:17px 0 0;max-width:520px;}
.kyg-careers-v3 .kyg-careers-signals-list{border-top:1px solid rgba(255,255,255,.23);}
.kyg-careers-v3 .kyg-careers-signals-list article{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.15);transition:padding-left .35s ease;}
.kyg-careers-v3 .kyg-careers-signals-list article:hover{padding-left:12px;}
.kyg-careers-v3 .kyg-careers-signals-list strong{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.3vw,34px);}
.kyg-careers-v3 .kyg-careers-signals-list p{font-size:12px;line-height:1.62;color:rgba(255,255,255,.66);font-weight:300;margin:4px 0 0;}
/* JOBS WITH IMAGE LEAD-IN */
.kyg-careers-v3 .kyg-careers-jobs--v3{padding:0 0 142px;background:#fff;scroll-margin-top:110px;}
.kyg-careers-v3 .kyg-careers-jobs-banner{height:min(58vw,660px);min-height:420px;background-color:#dfe4e6;margin-bottom:118px;}
.kyg-careers-v3 .kyg-careers-jobs-shell{position:relative;}
.kyg-careers-v3 .kyg-careers-jobs--v3 .kyg-careers-jobs-head{margin-bottom:56px;}
.kyg-careers-v3 .kyg-careers-jobs--v3 .kyg-careers-job-toggle{padding:32px 0;}
/* EMOTIONAL BRIDGE */
.kyg-careers-v3 .kyg-careers-bridge{padding:152px 0 162px;background:var(--careers-v3-paper);text-align:center;}
.kyg-careers-v3 .kyg-careers-bridge .wrap{max-width:1080px;}
.kyg-careers-v3 .kyg-careers-bridge h2{font-size:clamp(48px,5.6vw,84px);line-height:.99;max-width:1000px;margin:18px auto 0;}
/* APPLY */
.kyg-careers-v3 .kyg-careers-apply--v3{position:relative;display:grid;grid-template-columns:1.02fr .98fr;padding:0;background:#fff;color:#fff;min-height:94svh;scroll-margin-top:110px;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-media{min-height:94svh;background-color:#dfe4e6;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-panel{background:var(--navy);padding:clamp(80px,7vw,116px) clamp(34px,6vw,92px);display:flex;flex-direction:column;justify-content:center;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-copy{max-width:620px;margin-bottom:45px;}
.kyg-careers-v3 .kyg-careers-apply--v3 h2{font-size:clamp(44px,4.5vw,67px);line-height:1.01;margin:17px 0 18px;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-copy p{max-width:480px;}
@media (max-width:1100px){
.kyg-careers-v3 .kyg-careers-mosaic-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 250px 320px;}
.kyg-careers-v3 .kyg-careers-mosaic-card--tall{grid-row:1/3;}
.kyg-careers-v3 .kyg-careers-mosaic-card--wide{grid-column:1/3;}
.kyg-careers-v3 .kyg-careers-story-row,
.kyg-careers-v3 .kyg-careers-story-row--reverse{grid-template-columns:1.1fr .9fr;}
}
@media (max-width:780px){
.kyg-careers-v3 .kyg-careers-cinema{min-height:94svh;}
.kyg-careers-v3 .kyg-careers-cinema-copy{padding:164px 0 108px;}
.kyg-careers-v3 .kyg-careers-cinema h1{font-size:clamp(45px,12.5vw,66px);}
.kyg-careers-v3 .kyg-careers-cinema-shade{background:linear-gradient(180deg,rgba(9,31,54,.18),rgba(9,31,54,.84));}
.kyg-careers-v3 .kyg-careers-cinema-ribbon{grid-template-columns:1fr 1fr;row-gap:8px;}
.kyg-careers-v3 .kyg-careers-mosaic,
.kyg-careers-v3 .kyg-careers-story,
.kyg-careers-v3 .kyg-careers-signals,
.kyg-careers-v3 .kyg-careers-bridge{padding-top:88px;padding-bottom:94px;}
.kyg-careers-v3 .kyg-careers-mosaic-head,
.kyg-careers-v3 .kyg-careers-signals-grid{grid-template-columns:1fr;gap:30px;}
.kyg-careers-v3 .kyg-careers-mosaic-grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 220px 270px 300px;padding:0 8px;}
.kyg-careers-v3 .kyg-careers-mosaic-card--tall{grid-column:1;grid-row:1/3;}
.kyg-careers-v3 .kyg-careers-mosaic-note{grid-column:2;grid-row:2;}
.kyg-careers-v3 .kyg-careers-mosaic-card--wide{grid-column:1/3;}
.kyg-careers-v3 .kyg-careers-mosaic-note p{font-size:20px;}
.kyg-careers-v3 .kyg-careers-story-head{margin-bottom:48px;}
.kyg-careers-v3 .kyg-careers-story-row,
.kyg-careers-v3 .kyg-careers-story-row--reverse{width:calc(100% - 16px);grid-template-columns:1fr;min-height:auto;margin-bottom:12px;}
.kyg-careers-v3 .kyg-careers-story-row--reverse .kyg-careers-story-media,
.kyg-careers-v3 .kyg-careers-story-row--reverse .kyg-careers-story-copy{order:initial;}
.kyg-careers-v3 .kyg-careers-story-media{min-height:62svh;}
.kyg-careers-v3 .kyg-careers-story-copy{padding:34px 24px 42px;min-height:360px;}
.kyg-careers-v3 .kyg-careers-story-copy>span{margin-bottom:70px;}
.kyg-careers-v3 .kyg-careers-story-copy h3{font-size:clamp(34px,9.4vw,48px);}
.kyg-careers-v3 .kyg-careers-signals-list article{grid-template-columns:1fr;gap:6px;}
.kyg-careers-v3 .kyg-careers-jobs-banner{height:54svh;min-height:390px;margin-bottom:82px;}
.kyg-careers-v3 .kyg-careers-bridge h2{font-size:clamp(42px,11.2vw,60px);}
.kyg-careers-v3 .kyg-careers-apply--v3{grid-template-columns:1fr;min-height:auto;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-media{min-height:60svh;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-panel{padding:82px 24px 90px;}
}
@media (max-width:520px){
.kyg-careers-v3 .kyg-careers-cinema-actions{flex-direction:column;align-items:flex-start;}
.kyg-careers-v3 .kyg-careers-mosaic-grid{display:flex;flex-direction:column;gap:8px;}
.kyg-careers-v3 .kyg-careers-mosaic-card{height:54svh;min-height:390px;}
.kyg-careers-v3 .kyg-careers-mosaic-card--wide{height:48svh;}
.kyg-careers-v3 .kyg-careers-mosaic-note{min-height:220px;}
}
@media (prefers-reduced-motion:reduce){
.kyg-careers-v3 .kyg-careers-mosaic-card,
.kyg-careers-v3 .kyg-careers-mosaic-note,
.kyg-careers-v3 .kyg-careers-story-row{opacity:1!important;transform:none!important;transition:none!important;}
}
/* ============================================================
KYG v4.8 — QUIETER EDITORIAL UI + GOLD INTERACTION ACCENTS
Gold is reserved for interaction/detail only. No gold text.
============================================================ */
/* Remove generic eyebrow labels site-wide without touching page HTML. */
.eyebrow{
display:none !important;
}
/* Navigation: quiet white typography, restrained gold response. */
nav.main-nav a::after{
height:1px;
background:var(--gold-soft);
opacity:.92;
transform:scaleX(0);
transform-origin:center;
transition:transform .28s cubic-bezier(.22,.61,.36,1), opacity .28s ease;
}
nav.main-nav a:hover::after,
nav.main-nav a.active::after{
transform:scaleX(1);
}
/* Buttons stay navy/white at rest; gold only appears through interaction. */
.btn{
transition:
background .25s ease,
color .25s ease,
border-color .25s ease,
transform .22s ease,
box-shadow .28s ease;
}
.btn:hover{
transform:translateY(-1px);
box-shadow:
0 9px 24px rgba(9,31,54,.11),
0 0 0 1px rgba(184,152,90,.58);
}
.btn:active{
transform:translateY(0) scale(.985);
box-shadow:
0 4px 12px rgba(9,31,54,.10),
0 0 0 2px rgba(184,152,90,.72),
0 0 18px rgba(184,152,90,.14);
}
.btn:focus-visible,
button:focus-visible,
a:focus-visible{
outline:1px solid var(--gold-soft);
outline-offset:4px;
}
/* Header CTA uses the same restrained gold interaction language. */
.nav-right .btn-outline:hover{
box-shadow:
0 9px 24px rgba(9,31,54,.12),
0 0 0 1px rgba(184,152,90,.62);
}
.nav-right .btn-outline:active{
box-shadow:
0 4px 12px rgba(9,31,54,.10),
0 0 0 2px rgba(184,152,90,.74),
0 0 18px rgba(184,152,90,.14);
}
/* Text links that already have animated rules can pick up gold only on the line/icon,
never on the copy itself. */
a.link-arrow:hover,
.text-link:hover{
color:inherit;
}
@media (hover:none){
.btn:hover{
box-shadow:none;
transform:none;
}
.nav-right .btn-outline:hover{
box-shadow:0 5px 16px rgba(9,31,54,.08);
}
}
/* ============================================================
KYG v4.9 — SECONDARY PAGE SYSTEM
Reusable, opt-in components for future Area / Founder / editorial pages.
Nothing here affects an existing page unless its HTML uses .kyg-secondary.
============================================================ */
body .kyg-secondary{
--secondary-paper:#F4F6F8;
--secondary-line:rgba(9,31,54,.14);
--secondary-muted:#66727E;
position:relative;
left:50%;
width:100vw;
max-width:none;
margin-left:-50vw;
margin-right:-50vw;
overflow:clip;
background:#fff;
color:var(--text);
font-family:var(--sans);
}
body .kyg-secondary>section{position:relative;width:100%;max-width:none;}
body .kyg-secondary h1,
body .kyg-secondary h2,
body .kyg-secondary h3{font-family:var(--serif);font-weight:400;}
body .kyg-secondary .image-bg{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#e4e8e9;}
.kyg-secondary [data-secondary-section]{--secondary-opacity:1;--secondary-y:0px;}
.kyg-motion-ready .kyg-secondary [data-secondary-section]>.wrap,
.kyg-motion-ready .kyg-secondary [data-secondary-section]>[class*="-grid"],
.kyg-motion-ready .kyg-secondary [data-secondary-section]>[class*="-inner"]{
opacity:var(--secondary-opacity,1);
transform:translate3d(0,var(--secondary-y,0px),0);
transition:opacity .18s linear,transform .18s linear;
will-change:opacity,transform;
}
/* Generic future-page building blocks. */
.kyg-secondary-hero{min-height:82svh;display:grid;grid-template-columns:1fr 1fr;background:var(--secondary-paper);}
.kyg-secondary-hero-copy{padding:clamp(140px,12vw,190px) clamp(34px,6vw,94px) clamp(72px,8vw,116px);display:flex;align-items:flex-end;}
.kyg-secondary-hero-copy>div{max-width:720px;}
.kyg-secondary-hero h1{font-size:clamp(50px,6vw,88px);line-height:.98;letter-spacing:-.035em;margin:0;}
.kyg-secondary-hero p{max-width:560px;font-size:14px;line-height:1.75;color:var(--secondary-muted);font-weight:300;margin:24px 0 0;}
.kyg-secondary-hero-media{min-height:72svh;}
.kyg-secondary-split{display:grid;grid-template-columns:1fr 1fr;min-height:72svh;}
.kyg-secondary-split-media{min-height:72svh;}
.kyg-secondary-split-copy{padding:clamp(72px,8vw,126px);display:flex;flex-direction:column;justify-content:center;}
.kyg-secondary-split-copy h2{font-size:clamp(40px,4.4vw,66px);line-height:1.02;margin:0 0 24px;}
.kyg-secondary-split-copy p{font-size:13.5px;line-height:1.78;color:var(--secondary-muted);font-weight:300;max-width:560px;}
.kyg-secondary-mosaic{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:minmax(250px,32vw);gap:12px;padding:12px;}
.kyg-secondary-mosaic>*{overflow:hidden;}
.kyg-secondary-quote{padding:clamp(100px,12vw,176px) 0;background:var(--navy);color:#fff;text-align:center;}
.kyg-secondary-quote .wrap{max-width:1120px;}
.kyg-secondary-quote blockquote{font-family:var(--serif);font-size:clamp(44px,5.5vw,82px);line-height:1;letter-spacing:-.025em;margin:0;}
.kyg-secondary-stats{padding:110px 0;background:#fff;}
.kyg-secondary-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--secondary-line);}
.kyg-secondary-stat{padding:30px 28px 26px 0;border-bottom:1px solid var(--secondary-line);}
.kyg-secondary-stat strong{display:block;font-family:var(--serif);font-size:clamp(34px,4vw,58px);font-weight:400;}
.kyg-secondary-stat span{font-size:11px;color:var(--secondary-muted);}
.kyg-secondary-accordion{border-top:1px solid var(--secondary-line);}
.kyg-secondary-accordion-item{border-bottom:1px solid var(--secondary-line);}
.kyg-secondary-accordion-toggle{width:100%;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:26px 0;text-align:left;font-family:var(--serif);font-size:clamp(27px,3vw,42px);font-weight:400;color:var(--text);}
.kyg-secondary-accordion-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .3s ease,padding .4s ease;}
.kyg-secondary-accordion-item.is-open .kyg-secondary-accordion-body{max-height:520px;opacity:1;padding:0 0 30px;}
.kyg-secondary-cta{padding:110px 0;background:var(--secondary-paper);}
.kyg-secondary-cta .wrap{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;}
.kyg-secondary-cta h2{font-size:clamp(42px,5vw,72px);line-height:1.01;margin:0;max-width:860px;}
/* ============================================================
CONTACT PAGE v1.0 — CONVERSATION FIRST
============================================================ */
.kyg-contact{--contact-paper:#F4F5F2;--contact-line:rgba(9,31,54,.14);}
/* Hero */
.kyg-contact .kyg-contact-hero{min-height:88svh;display:grid;grid-template-columns:.9fr 1.1fr;background:var(--contact-paper);}
.kyg-contact .kyg-contact-hero-copy{padding:168px clamp(40px,6vw,96px) 82px max(40px,calc((100vw - var(--maxw))/2 + 40px));display:flex;align-items:flex-end;}
.kyg-contact .kyg-contact-hero-inner{max-width:720px;}
.kyg-contact .kyg-contact-hero h1{font-size:clamp(52px,6.2vw,92px);line-height:.96;letter-spacing:-.04em;margin:0 0 28px;}
.kyg-contact .kyg-contact-hero p{font-size:14.5px;line-height:1.76;color:var(--secondary-muted);font-weight:300;max-width:550px;margin:0;}
.kyg-contact .kyg-contact-hero .btn{margin-top:32px;}
.kyg-contact .kyg-contact-hero-media{min-height:88svh;transform:translate3d(0,var(--contact-hero-y,0px),0) scale(var(--contact-hero-scale,1.025));will-change:transform;}
/* Intent paths */
.kyg-contact .kyg-contact-paths{padding:112px 0 124px;background:#fff;}
.kyg-contact .kyg-contact-paths-head{display:grid;grid-template-columns:1fr .55fr;gap:9vw;align-items:end;margin-bottom:48px;}
.kyg-contact .kyg-contact-paths-head h2{font-size:clamp(40px,4.4vw,66px);line-height:1.02;margin:0;}
.kyg-contact .kyg-contact-paths-head p{font-size:13.5px;line-height:1.7;color:var(--secondary-muted);font-weight:300;max-width:420px;margin:0 0 5px;}
.kyg-contact .kyg-contact-path-list{width:min(var(--maxw),calc(100% - 48px));margin:0 auto;border-top:1px solid var(--contact-line);}
.kyg-contact .kyg-contact-path-list button{position:relative;width:100%;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--contact-line);font-family:var(--serif);font-size:clamp(29px,3.1vw,46px);font-weight:400;text-align:left;color:var(--text);transition:padding-left .35s ease,box-shadow .3s ease;}
.kyg-contact .kyg-contact-path-list button span{font-family:var(--sans);font-size:22px;font-weight:300;transition:transform .3s ease;}
.kyg-contact .kyg-contact-path-list button::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--gold);opacity:.8;transition:width .3s ease;}
.kyg-contact .kyg-contact-path-list button:hover{padding-left:22px;}
.kyg-contact .kyg-contact-path-list button:hover::before{width:12px;}
.kyg-contact .kyg-contact-path-list button:hover span{transform:translate(3px,-3px);}
/* Main form */
.kyg-contact .kyg-contact-main{scroll-margin-top:110px;background:var(--navy);color:#fff;}
.kyg-contact .kyg-contact-main-grid{display:grid;grid-template-columns:.78fr 1.22fr;min-height:92svh;}
.kyg-contact .kyg-contact-details{padding:clamp(88px,8vw,132px) clamp(34px,6vw,92px) clamp(78px,7vw,112px) max(34px,calc((100vw - var(--maxw))/2 + 34px));display:flex;flex-direction:column;justify-content:space-between;gap:90px;}
.kyg-contact .kyg-contact-details h2{font-size:clamp(44px,4.7vw,70px);line-height:1.01;margin:0 0 22px;}
.kyg-contact .kyg-contact-details-copy>p{font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.66);font-weight:300;max-width:480px;}
.kyg-contact .kyg-contact-detail-lines{border-top:1px solid rgba(255,255,255,.22);}
.kyg-contact .kyg-contact-detail-lines>div{display:grid;grid-template-columns:90px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:start;}
.kyg-contact .kyg-contact-detail-lines span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48);padding-top:5px;}
.kyg-contact .kyg-contact-detail-lines strong,
.kyg-contact .kyg-contact-detail-lines a{font-family:var(--serif);font-size:clamp(21px,2vw,29px);font-weight:400;color:#fff;line-height:1.18;}
.kyg-contact .kyg-contact-detail-lines a{transition:opacity .25s ease,box-shadow .25s ease;}
.kyg-contact .kyg-contact-detail-lines a:hover{opacity:.86;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:5px;}
.kyg-contact .kyg-contact-form-panel{background:#fff;color:var(--text);padding:clamp(88px,8vw,132px) max(34px,calc((100vw - var(--maxw))/2 + 34px)) clamp(78px,7vw,112px) clamp(34px,6vw,92px);display:flex;align-items:center;}
.kyg-contact .kyg-contact-form{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px 24px;}
.kyg-contact .kyg-contact-form label{display:flex;flex-direction:column;gap:9px;}
.kyg-contact .kyg-contact-form label>span{font-size:10px;letter-spacing:.04em;color:var(--secondary-muted);}
.kyg-contact .kyg-contact-form input,
.kyg-contact .kyg-contact-form select,
.kyg-contact .kyg-contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(9,31,54,.22);border-radius:0;background:transparent;padding:12px 0 14px;color:var(--text);font:400 14px/1.45 var(--sans);outline:none;transition:border-color .25s ease,box-shadow .25s ease;}
.kyg-contact .kyg-contact-form textarea{resize:vertical;min-height:120px;}
.kyg-contact .kyg-contact-form input:focus,
.kyg-contact .kyg-contact-form select:focus,
.kyg-contact .kyg-contact-form textarea:focus{border-color:var(--navy);box-shadow:0 2px 0 rgba(184,152,90,.42);}
.kyg-contact .kyg-contact-form-wide{grid-column:1/-1;}
.kyg-contact .kyg-contact-form-foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:8px;}
.kyg-contact .kyg-contact-form-foot .btn-light{background:var(--navy);border-color:var(--navy);color:#fff;}
.kyg-contact .kyg-contact-form-foot p{font-size:11.5px;line-height:1.5;color:var(--secondary-muted);margin:0;max-width:340px;}
.kyg-contact .kyg-contact-form-foot p.is-success{color:#2e6d4b;}
.kyg-contact .kyg-contact-form-foot p.is-error{color:#9a3d3d;}
.kyg-contact .kyg-contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
/* Human close */
.kyg-contact .kyg-contact-close{display:grid;grid-template-columns:1.12fr .88fr;min-height:78svh;background:var(--contact-paper);}
.kyg-contact .kyg-contact-close-media{min-height:78svh;}
.kyg-contact .kyg-contact-close-copy{padding:clamp(74px,8vw,126px) max(34px,calc((100vw - var(--maxw))/2 + 34px)) clamp(74px,8vw,126px) clamp(34px,6vw,92px);display:flex;flex-direction:column;justify-content:space-between;gap:80px;}
.kyg-contact .kyg-contact-close-copy h2{font-size:clamp(42px,4.6vw,68px);line-height:1.02;margin:0 0 24px;}
.kyg-contact .kyg-contact-close-copy p{font-size:13.5px;line-height:1.78;color:var(--secondary-muted);font-weight:300;max-width:500px;}
.kyg-contact .kyg-contact-close .text-link{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;gap:10px;align-items:center;align-self:flex-start;padding-bottom:6px;border-bottom:1px solid rgba(9,31,54,.24);}
.kyg-contact .kyg-contact-close .text-link:hover{border-bottom-color:var(--gold);}
/* Contact-specific reveals */
.kyg-motion-ready .kyg-contact .kyg-contact-path-list button,
.kyg-motion-ready .kyg-contact .kyg-contact-detail-lines>div{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .65s cubic-bezier(.22,.61,.36,1),padding-left .35s ease;}
.kyg-motion-ready .kyg-contact .kyg-contact-path-list button.is-seen,
.kyg-motion-ready .kyg-contact .kyg-contact-detail-lines>div.is-seen{opacity:1;transform:none;}
@media (max-width:980px){
.kyg-secondary-hero,.kyg-secondary-split{grid-template-columns:1fr;}
.kyg-secondary-hero-media,.kyg-secondary-split-media{min-height:58svh;}
.kyg-secondary-stat-grid{grid-template-columns:1fr 1fr;}
.kyg-secondary-cta .wrap{grid-template-columns:1fr;align-items:start;}
.kyg-contact .kyg-contact-hero{grid-template-columns:1fr;min-height:auto;}
.kyg-contact .kyg-contact-hero-copy{padding:154px 24px 72px;min-height:62svh;}
.kyg-contact .kyg-contact-hero-media{min-height:62svh;}
.kyg-contact .kyg-contact-paths-head{grid-template-columns:1fr;gap:18px;}
.kyg-contact .kyg-contact-main-grid{grid-template-columns:1fr;min-height:auto;}
.kyg-contact .kyg-contact-details{padding:86px 24px 82px;gap:58px;}
.kyg-contact .kyg-contact-form-panel{padding:82px 24px 90px;}
.kyg-contact .kyg-contact-close{grid-template-columns:1fr;min-height:auto;}
.kyg-contact .kyg-contact-close-media{min-height:58svh;}
.kyg-contact .kyg-contact-close-copy{padding:76px 24px 88px;gap:62px;}
}
@media (max-width:620px){
.kyg-secondary-stat-grid{grid-template-columns:1fr;}
.kyg-contact .kyg-contact-hero h1{font-size:clamp(48px,13.6vw,66px);}
.kyg-contact .kyg-contact-paths{padding:82px 0 90px;}
.kyg-contact .kyg-contact-path-list{width:calc(100% - 32px);}
.kyg-contact .kyg-contact-path-list button{font-size:clamp(28px,8.8vw,40px);padding:22px 0;}
.kyg-contact .kyg-contact-form{grid-template-columns:1fr;gap:25px;}
.kyg-contact .kyg-contact-form-wide{grid-column:1;}
.kyg-contact .kyg-contact-detail-lines>div{grid-template-columns:70px 1fr;gap:15px;}
}
@media (prefers-reduced-motion:reduce){
.kyg-contact .kyg-contact-hero-media{transform:none!important;}
.kyg-contact .kyg-contact-path-list button,
.kyg-contact .kyg-contact-detail-lines>div{opacity:1!important;transform:none!important;transition:none!important;}
}
/* v4.9 reusable sticky-story + form primitives for future secondary pages. */
.kyg-secondary-sticky{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start;padding:120px 0;background:var(--secondary-paper);}
.kyg-secondary-sticky-media{position:sticky;top:120px;height:68svh;min-height:540px;overflow:hidden;background:#e4e8e9;}
.kyg-secondary-sticky-copy{padding:8svh 0;}
.kyg-secondary-sticky-step{min-height:42svh;padding:28px 0 54px;border-top:1px solid var(--secondary-line);}
.kyg-secondary-sticky-step h3{font-size:clamp(34px,3.6vw,54px);line-height:1.03;margin:0 0 18px;}
.kyg-secondary-sticky-step p{font-size:13px;line-height:1.75;color:var(--secondary-muted);font-weight:300;max-width:520px;}
.kyg-secondary-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px;}
.kyg-secondary-form label{display:flex;flex-direction:column;gap:8px;}
.kyg-secondary-form label>span{font-size:10px;color:var(--secondary-muted);}
.kyg-secondary-form input,.kyg-secondary-form select,.kyg-secondary-form textarea{width:100%;border:0;border-bottom:1px solid rgba(9,31,54,.2);border-radius:0;background:transparent;padding:12px 0 14px;color:var(--text);font:400 14px/1.45 var(--sans);outline:none;}
.kyg-secondary-form input:focus,.kyg-secondary-form select:focus,.kyg-secondary-form textarea:focus{border-color:var(--navy);box-shadow:0 2px 0 rgba(184,152,90,.42);}
.kyg-secondary-form-wide{grid-column:1/-1;}
@media(max-width:780px){.kyg-secondary-sticky{grid-template-columns:1fr;padding:86px 0;}.kyg-secondary-sticky-media{position:relative;top:auto;height:58svh;min-height:430px}.kyg-secondary-form{grid-template-columns:1fr}.kyg-secondary-form-wide{grid-column:1}}
/* ============================================================
KYG v5.1 — CAREERS STABILITY + CLEARER GOLD INTERACTIONS
============================================================ */
/* Careers v1.3: one motion system only; no negative overlaps. */
.kyg-careers-v3 .kyg-careers-jobs-shell{
margin-top:0 !important;
box-shadow:none !important;
padding-top:0 !important;
}
.kyg-careers-v3 .kyg-careers-jobs-banner{
margin-bottom:84px !important;
}
.kyg-careers-v3 .kyg-careers-story-row{
position:relative;
z-index:1;
isolation:isolate;
}
.kyg-careers-v3 .kyg-careers-story-row + .kyg-careers-story-row{
margin-top:0;
}
.kyg-careers-v3 .kyg-careers-mosaic-grid,
.kyg-careers-v3 .kyg-careers-story-row,
.kyg-careers-v3 .kyg-careers-jobs-banner,
.kyg-careers-v3 .kyg-careers-jobs-shell{
will-change:auto;
}
/* Gold is still interaction-only, but clearly visible when it appears. */
nav.main-nav a::after{
height:1.5px;
background:var(--gold);
opacity:1;
}
.btn:hover{
box-shadow:
0 10px 25px rgba(9,31,54,.12),
0 0 0 1.5px rgba(184,152,90,.88),
0 0 18px rgba(184,152,90,.12);
}
.btn:active{
box-shadow:
0 4px 12px rgba(9,31,54,.10),
0 0 0 2px rgba(184,152,90,.95),
0 0 20px rgba(184,152,90,.18);
}
.nav-right .btn-outline:hover{
box-shadow:
0 10px 25px rgba(9,31,54,.13),
0 0 0 1.5px rgba(184,152,90,.90),
0 0 18px rgba(184,152,90,.12);
}
.btn:focus-visible,
button:focus-visible,
a:focus-visible{
outline:1.5px solid var(--gold);
outline-offset:4px;
}
/* Interactive controls that are not .btn get the same quiet gold cue. */
.kyg-careers-job-toggle:hover .kyg-careers-job-plus,
.kyg-contact-path-list button:hover .kyg-contact-path-arrow,
.kyg-properties .kyg-area-pill:hover{
box-shadow:0 0 0 1px rgba(184,152,90,.68),0 8px 22px rgba(9,31,54,.08);
}
@media (hover:none){
.btn:hover,
.nav-right .btn-outline:hover{
box-shadow:none;
}
}
/* ============================================================
KYG v5.1 — CAREERS HERO COMPOSITION FIX
Repositions headline into a cleaner editorial focal point.
============================================================ */
.kyg-careers-v3 .kyg-careers-cinema{
align-items:center;
}
.kyg-careers-v3 .kyg-careers-cinema-copy{
width:min(820px,calc(100% - 48px));
max-width:820px;
margin-left:clamp(24px,6vw,112px);
margin-right:24px;
padding:150px 0 92px;
}
.kyg-careers-v3 .kyg-careers-cinema h1{
max-width:780px;
margin:0 0 24px;
font-size:clamp(50px,5vw,78px);
line-height:1.01;
letter-spacing:-.032em;
}
.kyg-careers-v3 .kyg-careers-cinema p{
max-width:540px;
}
@media (max-width:780px){
.kyg-careers-v3 .kyg-careers-cinema{
align-items:flex-end;
}
.kyg-careers-v3 .kyg-careers-cinema-copy{
width:auto;
max-width:none;
margin:0;
padding:142px 24px 116px;
}
.kyg-careers-v3 .kyg-careers-cinema h1{
max-width:620px;
margin:0 0 22px;
font-size:clamp(43px,11.6vw,62px);
line-height:1.02;
}
}
/* ============================================================
KYG v5.2 — ABOUT MOBILE POLISH + GOLD INTERACTION CLEANUP
Desktop layouts remain unchanged. Mobile About is recomposed,
not merely stacked. Gold remains an interaction accent only.
============================================================ */
/* Keep gold out of persistent text. It belongs to interaction states,
borders/rings and hover feedback — never body copy or labels. */
.numbers .num{color:#fff;}
.insight-card .tag,
.team-role-block h3,
.leader-card .role{color:var(--text-muted);}
.foot-tag{color:rgba(255,255,255,.72);}
.foot-col a:hover{color:#fff;}
.process-step .pn{color:var(--navy);opacity:.28;}
.kyg-about .kyg-about-story-step > span,
.kyg-about .kyg-about-thought span,
.kyg-about .kyg-about-thinking-cards .kyg-about-thought span{color:var(--about-muted);}
.kyg-about .kyg-about-standard-copy > span,
.kyg-about .kyg-about-standard-card > span{color:rgba(255,255,255,.48);}
@media (max-width:780px){
/* Mobile About: stable, readable, and intentionally composed. */
body .kyg-about{overflow-x:clip;overflow-y:visible;}
.kyg-about .wrap{padding-left:22px;padding-right:22px;}
/* Avoid desktop section fade logic creating empty/awkward mobile states. */
.kyg-motion-ready .kyg-about [data-about-section] > .wrap,
.kyg-motion-ready .kyg-about [data-about-section] > .kyg-about-thinking-list,
.kyg-motion-ready .kyg-about [data-about-section].kyg-about-future .kyg-about-future-copy{
opacity:1!important;
transform:none!important;
}
/* HERO — shorter copy block, stronger image presence, no overflow. */
.kyg-about .kyg-about-intro{min-height:auto!important;padding:0!important;}
.kyg-about .kyg-about-hero-grid{display:flex!important;flex-direction:column;min-height:0!important;}
.kyg-about .kyg-about-hero-copy{
order:1;
min-height:auto;
align-items:flex-start;
padding:132px 22px 50px;
}
.kyg-about .kyg-about-hero-copy-inner{max-width:100%;transform:none!important;}
.kyg-about .kyg-about-hero-copy h1{
max-width:100%;
margin:0 0 22px;
font-size:clamp(40px,11.6vw,54px);
line-height:1.01;
letter-spacing:-.034em;
overflow-wrap:break-word;
}
.kyg-about .kyg-about-hero-copy p{font-size:14.5px;line-height:1.7;max-width:34rem;}
.kyg-about .kyg-about-hero-meta{
display:grid;
grid-template-columns:1fr;
gap:7px;
margin-top:32px;
padding-top:14px;
font-size:8.5px;
line-height:1.45;
}
.kyg-about .kyg-about-hero-media{order:2;min-height:54svh;height:54svh;}
.kyg-about .kyg-about-hero-image{inset:0!important;transform:none!important;background-position:center;}
.kyg-about .kyg-about-hero-note{
left:20px;right:20px;bottom:20px;
grid-template-columns:1fr;
gap:7px;
max-width:390px;
padding-top:13px;
}
.kyg-about .kyg-about-hero-note > span{display:none;}
.kyg-about .kyg-about-hero-note strong{font-size:clamp(25px,7.5vw,32px);}
.kyg-about .kyg-about-hero-note small{font-size:11.5px;line-height:1.5;}
.kyg-about .kyg-about-hero-rail{
order:3;
min-height:auto;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
gap:7px 13px;
padding:18px 22px 19px;
overflow:visible;
white-space:normal;
font-size:8.5px;
letter-spacing:.13em;
}
.kyg-about .kyg-about-hero-rail i{width:3px;height:3px;flex:0 0 3px;}
/* Shared mobile section rhythm. */
.kyg-about .kyg-about-story,
.kyg-about .kyg-about-architecture,
.kyg-about .kyg-about-founder,
.kyg-about .kyg-about-standards,
.kyg-about .kyg-about-people{padding-top:76px!important;padding-bottom:82px!important;}
.kyg-about .kyg-about-thinking{padding-top:76px!important;padding-bottom:82px!important;}
.kyg-about .kyg-about-story-head,
.kyg-about .kyg-about-thinking-intro,
.kyg-about .kyg-about-people-head{gap:20px!important;margin-bottom:38px;}
.kyg-about .kyg-about-story-head h2,
.kyg-about .kyg-about-architecture-head h2,
.kyg-about .kyg-about-thinking-intro h2,
.kyg-about .kyg-about-founder-copy h2,
.kyg-about .kyg-about-standards-head h2,
.kyg-about .kyg-about-future-copy h2,
.kyg-about .kyg-about-people-head h2{
font-size:clamp(36px,10.2vw,48px)!important;
line-height:1.03!important;
letter-spacing:-.028em!important;
}
.kyg-about .kyg-about-story-head > p,
.kyg-about .kyg-about-thinking-intro p,
.kyg-about .kyg-about-people-head p,
.kyg-about .kyg-about-architecture-head p{font-size:14px;line-height:1.7;}
/* STORY — turn the desktop sticky switcher into a tactile photo reel. */
.kyg-about .kyg-about-story-layout{display:block!important;}
.kyg-about .kyg-about-story-visual{
position:relative!important;
top:auto!important;
width:100%;
height:auto!important;
min-height:0!important;
margin:0 0 32px;
display:grid;
grid-auto-flow:column;
grid-auto-columns:min(78vw,360px);
gap:10px;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scrollbar-width:none;
background:transparent;
padding-bottom:4px;
}
.kyg-about .kyg-about-story-visual::-webkit-scrollbar{display:none;}
.kyg-about .kyg-about-story-frame{
position:relative!important;
inset:auto!important;
width:100%;
aspect-ratio:4/5;
min-height:0;
opacity:1!important;
transform:none!important;
clip-path:none!important;
scroll-snap-align:start;
background-color:var(--about-blue);
}
.kyg-about .kyg-about-story-frame::after{background:linear-gradient(180deg,rgba(9,31,54,.03),rgba(9,31,54,.55));}
.kyg-about .kyg-about-story-frame > span{left:18px;bottom:17px;font-size:9px;letter-spacing:.11em;}
.kyg-about .kyg-about-story-index{display:none;}
.kyg-about .kyg-about-story-steps{padding:0!important;}
.kyg-about .kyg-about-story-step{
min-height:0!important;
padding:30px 0 32px!important;
opacity:1!important;
transform:none!important;
}
.kyg-about .kyg-about-story-step > span{display:none;}
.kyg-about .kyg-about-story-step h3{margin:0 0 13px!important;font-size:clamp(29px,8.7vw,38px);line-height:1.03;}
.kyg-about .kyg-about-story-step p{font-size:14px;line-height:1.7;}
/* BUSINESS ARCHITECTURE — two cinematic cards, not giant desktop panels. */
.kyg-about .kyg-about-architecture-head{display:block!important;margin-bottom:34px!important;}
.kyg-about .kyg-about-architecture-head h2{margin:0 0 17px!important;}
.kyg-about .kyg-about-split{display:grid!important;height:auto!important;min-height:0!important;gap:10px!important;}
.kyg-about .kyg-about-capability{
min-height:clamp(430px,58svh,540px)!important;
height:auto;
flex:auto!important;
}
.kyg-about .kyg-about-capability-copy{inset:auto 20px 22px!important;}
.kyg-about .kyg-about-capability-copy > span{display:none;}
.kyg-about .kyg-about-capability-copy h3{margin:0 0 18px;font-size:clamp(39px,11vw,50px);line-height:.98;}
.kyg-about .kyg-about-capability-copy ul{grid-template-columns:1fr 1fr!important;gap:7px 16px!important;padding:14px 0;}
.kyg-about .kyg-about-capability-copy li{font-size:9px;line-height:1.4;}
.kyg-about .kyg-about-capability-copy p{margin-top:15px;font-size:12.5px;line-height:1.58;}
/* PRINCIPLES — horizontal reel to keep the page light and visual. */
.kyg-about .kyg-about-thinking-intro{padding-bottom:34px!important;}
.kyg-about .kyg-about-thinking-cards{
display:grid!important;
grid-template-columns:none!important;
grid-auto-flow:column;
grid-auto-columns:min(82vw,340px);
gap:10px;
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
margin-right:-22px;
padding-right:22px;
padding-bottom:4px;
}
.kyg-about .kyg-about-thinking-cards::-webkit-scrollbar{display:none;}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought{
min-height:205px!important;
padding:23px 21px 24px;
scroll-snap-align:start;
}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought span{display:none;}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought h3{font-size:clamp(28px,8vw,36px);}
.kyg-about .kyg-about-thinking-cards .kyg-about-thought p{font-size:13px;}
/* FOUNDER — image first, composed text second. */
.kyg-about .kyg-about-founder-grid{grid-template-columns:1fr!important;gap:38px!important;}
.kyg-about .kyg-about-founder-image{aspect-ratio:4/5;clip-path:none!important;transform:none!important;}
.kyg-about .kyg-about-founder-caption{left:12px;bottom:12px;font-size:8px;padding:8px 9px;}
.kyg-about .kyg-about-founder-copy h2{margin:0 0 26px!important;}
.kyg-about .kyg-about-founder-copy blockquote{margin-bottom:25px;padding-bottom:24px;font-size:clamp(23px,6.7vw,30px);line-height:1.22;}
.kyg-about .kyg-about-founder-copy p{font-size:14px;line-height:1.7;margin-bottom:14px;}
/* STANDARDS — swipeable navy cards rather than a tall three-card stack. */
.kyg-about .kyg-about-standards-head{grid-template-columns:1fr!important;gap:0!important;margin-bottom:34px!important;}
.kyg-about .kyg-about-standards-head > span{display:none;}
.kyg-about .kyg-about-standards-head > div{display:block!important;}
.kyg-about .kyg-about-standards-head h2{margin-bottom:16px;}
.kyg-about .kyg-about-standard-cards{
display:grid!important;
grid-template-columns:none!important;
grid-auto-flow:column;
grid-auto-columns:min(82vw,340px);
gap:10px;
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
margin-right:-22px;
padding-right:22px;
padding-bottom:4px;
}
.kyg-about .kyg-about-standard-cards::-webkit-scrollbar{display:none;}
.kyg-about .kyg-about-standard-card{min-height:210px!important;padding:23px 21px 24px;scroll-snap-align:start;}
.kyg-about .kyg-about-standard-card > span{display:none;}
.kyg-about .kyg-about-standard-card h3{font-size:clamp(29px,8vw,36px);}
.kyg-about .kyg-about-standard-card p{font-size:13px;line-height:1.65;}
/* FUTURE — less empty height, copy anchored cleanly to the image. */
.kyg-about .kyg-about-future{min-height:68svh!important;}
.kyg-about .kyg-about-future-media{transform:none!important;}
.kyg-about .kyg-about-future-overlay{background:linear-gradient(180deg,rgba(9,31,54,.12),rgba(9,31,54,.90) 76%)!important;}
.kyg-about .kyg-about-future-copy{padding-top:86px!important;padding-bottom:48px!important;}
.kyg-about .kyg-about-future-copy h2 br{display:none;}
.kyg-about .kyg-about-future-copy p{font-size:14px;line-height:1.7;max-width:34rem;}
/* PEOPLE — image reel keeps culture present without a very long mobile page. */
.kyg-about .kyg-about-people-gallery{
display:grid!important;
grid-template-columns:none!important;
grid-auto-flow:column;
grid-auto-columns:min(78vw,340px);
gap:10px;
overflow-x:auto;
scroll-snap-type:x mandatory;
scrollbar-width:none;
margin-right:-22px;
padding-right:22px;
align-items:stretch;
}
.kyg-about .kyg-about-people-gallery::-webkit-scrollbar{display:none;}
.kyg-about .kyg-about-people-image,
.kyg-about .kyg-about-people-image--a,
.kyg-about .kyg-about-people-image--b,
.kyg-about .kyg-about-people-image--c{
grid-column:auto!important;
width:100%;
aspect-ratio:4/5!important;
margin:0!important;
scroll-snap-align:start;
transform:none!important;
}
.kyg-about .kyg-about-people-actions{margin-top:34px;gap:10px;}
}
@media (max-width:520px){
.kyg-about .wrap{padding-left:18px;padding-right:18px;}
.kyg-about .kyg-about-hero-copy{padding:124px 18px 44px;}
.kyg-about .kyg-about-hero-copy h1{font-size:clamp(38px,11.8vw,50px);}
.kyg-about .kyg-about-hero-note{left:16px;right:16px;bottom:16px;}
.kyg-about .kyg-about-hero-rail{padding-left:18px;padding-right:18px;}
.kyg-about .kyg-about-story-visual{grid-auto-columns:84vw;}
.kyg-about .kyg-about-thinking-cards,
.kyg-about .kyg-about-standard-cards,
.kyg-about .kyg-about-people-gallery{margin-right:-18px;padding-right:18px;}
.kyg-about .kyg-about-thinking-cards,
.kyg-about .kyg-about-standard-cards{grid-auto-columns:86vw;}
.kyg-about .kyg-about-people-gallery{grid-auto-columns:84vw;}
.kyg-about .kyg-about-capability-copy ul{grid-template-columns:1fr!important;gap:5px!important;}
.kyg-about .kyg-about-capability{min-height:510px!important;}
.kyg-about .kyg-about-people-actions{align-items:stretch!important;flex-direction:column!important;}
.kyg-about .kyg-about-people-actions .btn{width:100%;justify-content:center;}
}
/* ============================================================
KYG v5.3 — GLOBAL MOBILE POLISH + VISIBLE GOLD INTERACTIONS
Desktop composition stays intact. Mobile layouts are intentionally
recomposed for touch, shorter viewports and narrow screens.
============================================================ */
/* GOLD — interaction-only, but unmistakable when interaction happens. */
:root{--kyg-interaction-gold:#B8985A;}
nav.main-nav a::after{
left:14%;
right:14%;
bottom:-2px;
height:2px;
border-radius:2px;
background:var(--kyg-interaction-gold)!important;
box-shadow:0 0 8px rgba(184,152,90,.22);
}
nav.main-nav a.active::after{transform:scaleX(1)!important;}
@media (hover:hover){
nav.main-nav a:hover::after{transform:scaleX(1)!important;}
.btn:hover,
.kyg-properties .kyg-form-submit:hover,
.kyg-contact .kyg-contact-path-list button:hover,
.kyg-home .development-arrow:hover,
.kyg-properties .kyg-area-pill:hover,
.kyg-careers .kyg-careers-job-toggle:hover .kyg-careers-job-plus{
outline:1.5px solid var(--kyg-interaction-gold)!important;
outline-offset:3px!important;
box-shadow:0 9px 26px rgba(9,31,54,.11),0 0 18px rgba(184,152,90,.16)!important;
}
}
.btn:active,
.kyg-properties .kyg-form-submit:active,
.kyg-contact .kyg-contact-path-list button:active,
.kyg-home .development-arrow:active,
.kyg-properties .kyg-area-pill:active,
.kyg-careers .kyg-careers-job-toggle:active .kyg-careers-job-plus{
outline:2px solid var(--kyg-interaction-gold)!important;
outline-offset:2px!important;
box-shadow:0 0 0 3px rgba(184,152,90,.14)!important;
}
.btn:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
outline:2px solid var(--kyg-interaction-gold)!important;
outline-offset:3px!important;
}
.drawer a.active{border-bottom-color:var(--kyg-interaction-gold)!important;}
.drawer a.active::after{content:"";display:block;width:34px;height:2px;background:var(--kyg-interaction-gold);margin-top:8px;}
/* Forms use a gold keyline only while focused. */
.kyg-properties .kyg-field input:focus,
.kyg-properties .kyg-field select:focus,
.kyg-properties .kyg-field textarea:focus,
.kyg-careers .kyg-careers-form input:focus,
.kyg-careers .kyg-careers-form select:focus,
.kyg-careers .kyg-careers-form textarea:focus,
.kyg-contact .kyg-contact-form input:focus,
.kyg-contact .kyg-contact-form select:focus,
.kyg-contact .kyg-contact-form textarea:focus,
.kyg-secondary-form input:focus,
.kyg-secondary-form select:focus,
.kyg-secondary-form textarea:focus{
border-bottom-color:var(--kyg-interaction-gold)!important;
box-shadow:0 2px 0 rgba(184,152,90,.28)!important;
}
@media (max-width:780px){
html,body{max-width:100%;overflow-x:hidden;}
main{width:100%;overflow:clip;}
.wrap{width:100%;max-width:100%;padding-left:20px!important;padding-right:20px!important;}
section{padding-top:72px;padding-bottom:78px;}
.btn,.search-btn,.kyg-properties .kyg-form-submit{min-height:48px;touch-action:manipulation;}
h1,h2,h3{overflow-wrap:normal;word-break:normal;}
/* Mobile header: more breathing room, less obstruction. */
header{top:9px;}
.nav-wrap{width:calc(100% - 16px);height:68px;padding:0 15px 0 17px;border-radius:36px;}
.logo--custom img{max-height:36px;max-width:152px;}
.burger{width:27px;gap:6px;margin-left:8px;}
.burger span{height:1.5px;}
.drawer{padding:22px 22px 28px;overflow-y:auto;}
.drawer-close{margin-bottom:24px;}
.drawer a{font-size:clamp(28px,8vw,36px);padding:12px 0;}
.drawer .drawer-cta{font-size:12px;margin-top:24px;}
/* ----------------------------------------------------------
HOME
---------------------------------------------------------- */
body .kyg-home .hero{padding-top:94px!important;}
body .kyg-home .hero-visual{height:78svh!important;min-height:540px!important;align-items:flex-end;}
.kyg-home .hero-visual .wrap{padding-bottom:42px!important;}
.kyg-home .hero-copy{max-width:100%;}
.kyg-home .hero-copy h1{font-size:clamp(40px,11.5vw,55px)!important;line-height:1.02!important;margin:0 0 18px!important;}
.kyg-home .hero-copy p{font-size:14px;line-height:1.66;max-width:31rem;}
.kyg-home .hero-ctas{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.kyg-home .hero-ctas .btn{flex:1 1 190px;padding-left:18px;padding-right:18px;}
.kyg-home .search-panel{margin-top:18px!important;padding:20px!important;border-radius:14px;}
.kyg-home .search-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
.kyg-home .search-tabs::-webkit-scrollbar{display:none;}
.kyg-home .search-fields{grid-template-columns:1fr!important;gap:16px!important;}
.kyg-home .search-fields>div{min-width:0!important;}
.kyg-home .search-btn{width:100%;}
.kyg-home .development-carousel-head{margin-bottom:28px;}
.kyg-home .development-viewport{padding-left:20px;padding-right:20px;overflow-x:hidden;}
.kyg-home .development-track{gap:10px;min-height:0;}
.kyg-home .development-card,
.kyg-home .development-card.is-open{flex-basis:min(82vw,360px)!important;width:min(82vw,360px)!important;height:500px!important;}
.kyg-home .development-card.is-open .development-summary{bottom:168px;}
.kyg-home .development-footer{align-items:center;gap:12px;margin-top:18px;}
.kyg-home .development-controls{gap:8px;}
.kyg-home .development-arrow{width:48px;height:48px;flex-basis:48px;}
.kyg-home .development-footer>.btn{padding-left:18px;padding-right:18px;}
.kyg-home .split{grid-template-columns:1fr!important;gap:30px!important;}
.kyg-home .split-visual .ph{min-height:54svh!important;}
.kyg-home .split-text h2{font-size:clamp(36px,10vw,48px)!important;line-height:1.03!important;}
.kyg-home .split-ctas{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
.kyg-home .split-ctas .btn{width:100%;}
.kyg-home .business-grid{grid-template-columns:1fr!important;margin-top:48px!important;}
.kyg-home .business-card{padding:30px 0!important;}
.kyg-home .business-card+.business-card{border-left:0!important;border-top:1px solid rgba(9,31,54,.18);padding-left:0!important;}
.kyg-home .entry-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
.kyg-home .entry-tile h3{font-size:24px!important;}
.kyg-home .kyg-work-story,.kyg-home .kyg-open-roles{padding:76px 0!important;}
.kyg-home .kyg-work-head h2,
.kyg-home .kyg-culture-head h2,
.kyg-home .kyg-roles-head h2{font-size:clamp(36px,10vw,48px)!important;line-height:1.03!important;}
.kyg-home .kyg-work-visual{height:56svh!important;min-height:390px!important;}
.kyg-home .kyg-culture-panels{display:grid!important;grid-auto-flow:column;grid-auto-columns:min(84vw,360px);gap:8px;height:58svh!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 20px 12px;}
.kyg-home .kyg-culture-panels::-webkit-scrollbar{display:none;}
.kyg-home .kyg-culture-panel,.kyg-home .kyg-culture-panel.is-active{height:100%!important;min-width:0;scroll-snap-align:start;flex:none!important;}
.kyg-home .kyg-culture-copy p{max-height:130px!important;opacity:1!important;transform:none!important;margin-top:14px!important;}
.kyg-home .kyg-role-row{min-height:112px!important;}
/* ----------------------------------------------------------
PROPERTIES
---------------------------------------------------------- */
.kyg-properties .kyg-prop-areas{padding:116px 0 70px!important;}
.kyg-properties .kyg-prop-intro h1{font-size:clamp(42px,12vw,58px)!important;line-height:1.01!important;}
.kyg-properties .kyg-prop-heading h2,
.kyg-properties .kyg-exclusive-head h2,
.kyg-properties .kyg-intelligence-head h2,
.kyg-properties .kyg-property-contact h2{font-size:clamp(35px,9.8vw,47px)!important;line-height:1.04!important;}
.kyg-properties .kyg-area-pills{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-20px;padding:2px 20px 6px 0;}
.kyg-properties .kyg-area-pills::-webkit-scrollbar{display:none;}
.kyg-properties .kyg-area-pill{flex:0 0 auto;scroll-snap-align:start;}
.kyg-properties .kyg-available,.kyg-properties .kyg-intelligence,.kyg-properties .kyg-exclusives,.kyg-properties .kyg-market-snapshot,.kyg-properties .kyg-property-contact{padding-top:76px!important;padding-bottom:82px!important;}
.kyg-properties .kyg-property-grid{display:grid!important;grid-template-columns:1fr!important;gap:42px!important;}
.kyg-properties .kyg-property-card{margin:0!important;}
.kyg-properties .kyg-property-image{aspect-ratio:4/5!important;}
.kyg-properties .kyg-exclusive-feature{min-height:58svh!important;}
.kyg-properties .kyg-exclusive-mini-image{min-height:48svh!important;}
.kyg-properties .kyg-editorial-grid{display:grid!important;grid-template-columns:1fr!important;gap:48px!important;}
.kyg-properties .kyg-story{margin:0!important;}
.kyg-properties .kyg-story-image{min-height:52svh!important;}
.kyg-properties .kyg-market-grid{grid-template-columns:1fr 1fr!important;}
.kyg-properties .kyg-market-stat{min-height:155px!important;padding:24px 16px!important;border-right:1px solid var(--kyg-line)!important;}
.kyg-properties .kyg-market-stat:nth-child(even){border-right:0!important;}
.kyg-properties .kyg-market-bottom{grid-template-columns:1fr!important;}
.kyg-properties .kyg-property-form-shell{padding:28px 20px!important;}
.kyg-properties .kyg-form-submit{width:100%;}
/* ----------------------------------------------------------
ABOUT — v5.2 rules stay authoritative; these are only guards.
---------------------------------------------------------- */
body .kyg-about{max-width:100%;overflow-x:clip;}
.kyg-about img,.kyg-about .image-bg{max-width:100%;}
/* ----------------------------------------------------------
TEAM
---------------------------------------------------------- */
.kyg-team .kyg-team-hero-copy{min-height:54svh!important;padding:116px 20px 48px!important;}
.kyg-team .kyg-team-hero-copy h1{font-size:clamp(42px,11.8vw,56px)!important;line-height:1.02!important;}
.kyg-team .kyg-team-hero-collage{min-height:58svh!important;height:58svh;}
.kyg-team .kyg-team-belief,.kyg-team .kyg-team-leadership,.kyg-team .kyg-team-stories,.kyg-team .kyg-team-together,.kyg-team .kyg-team-next{padding-top:76px!important;padding-bottom:82px!important;}
.kyg-team .kyg-team-belief h2,
.kyg-team .kyg-team-section-head h2,
.kyg-team .kyg-team-stories-head h2,
.kyg-team .kyg-team-together-intro h2,
.kyg-team .kyg-team-next h2{font-size:clamp(35px,9.8vw,47px)!important;line-height:1.04!important;}
.kyg-team .kyg-team-people-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:min(78vw,340px);gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px;padding-right:20px;padding-bottom:8px;}
.kyg-team .kyg-team-people-grid::-webkit-scrollbar{display:none;}
.kyg-team .kyg-team-person{transform:none!important;scroll-snap-align:start;}
.kyg-team .kyg-team-story-stage{display:block!important;}
.kyg-team .kyg-team-story-photo-wrap{min-height:54svh!important;position:relative!important;top:auto!important;margin-bottom:24px!important;}
.kyg-team .kyg-team-story{opacity:1!important;transform:none!important;grid-template-columns:1fr!important;padding:24px 0!important;}
.kyg-team .kyg-team-story>span{display:none;}
.kyg-team .kyg-team-moments{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:min(80vw,330px);gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.22);}
.kyg-team .kyg-team-moments::-webkit-scrollbar{display:none;}
.kyg-team .kyg-team-moment{min-height:260px!important;border-right:1px solid rgba(255,255,255,.17)!important;border-bottom:0!important;scroll-snap-align:start;}
.kyg-team .kyg-team-gallery{overflow-x:auto!important;scrollbar-width:none;}
.kyg-team .kyg-team-gallery::-webkit-scrollbar{display:none;}
.kyg-team .kyg-team-gallery-track{transform:none!important;will-change:auto!important;}
.kyg-team .kyg-team-gallery-item{width:76vw!important;min-width:280px!important;height:92vw!important;max-height:560px!important;}
.kyg-team .kyg-team-gallery-item:nth-child(even){height:82vw!important;margin-top:24px!important;}
/* ----------------------------------------------------------
CAREERS v1.3
---------------------------------------------------------- */
.kyg-motion-ready .kyg-careers [data-careers-section]>.wrap,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-mosaic-card,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-mosaic-note,
.kyg-motion-ready .kyg-careers-v3 .kyg-careers-story-row{opacity:1!important;transform:none!important;}
.kyg-careers-v3 .kyg-careers-cinema{min-height:82svh!important;}
.kyg-careers-v3 .kyg-careers-cinema-copy{padding:112px 20px 98px!important;}
.kyg-careers-v3 .kyg-careers-cinema h1{font-size:clamp(40px,11.3vw,54px)!important;line-height:1.03!important;max-width:100%!important;}
.kyg-careers-v3 .kyg-careers-cinema p{font-size:14px;line-height:1.64;}
.kyg-careers-v3 .kyg-careers-cinema-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:9px;}
.kyg-careers-v3 .kyg-careers-cinema-actions .btn{width:100%;}
.kyg-careers-v3 .kyg-careers-cinema-ribbon{left:20px!important;right:20px!important;font-size:8px!important;}
.kyg-careers-v3 .kyg-careers-mosaic,.kyg-careers-v3 .kyg-careers-story,.kyg-careers-v3 .kyg-careers-signals,.kyg-careers-v3 .kyg-careers-bridge{padding-top:76px!important;padding-bottom:82px!important;}
.kyg-careers-v3 .kyg-careers-mosaic-head h2,
.kyg-careers-v3 .kyg-careers-story-head h2,
.kyg-careers-v3 .kyg-careers-signals h2,
.kyg-careers-v3 .kyg-careers-jobs-head h2,
.kyg-careers-v3 .kyg-careers-bridge h2,
.kyg-careers-v3 .kyg-careers-apply h2{font-size:clamp(35px,9.8vw,47px)!important;line-height:1.04!important;}
.kyg-careers-v3 .kyg-careers-mosaic-grid{display:grid!important;grid-template-columns:none!important;grid-template-rows:none!important;grid-auto-flow:column;grid-auto-columns:min(82vw,360px);gap:8px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 20px 8px!important;}
.kyg-careers-v3 .kyg-careers-mosaic-grid::-webkit-scrollbar{display:none;}
.kyg-careers-v3 .kyg-careers-mosaic-grid>*{grid-column:auto!important;grid-row:auto!important;width:auto!important;height:56svh!important;min-height:390px!important;scroll-snap-align:start;}
.kyg-careers-v3 .kyg-careers-mosaic-note{align-items:flex-end!important;}
.kyg-careers-v3 .kyg-careers-story-head{margin-bottom:36px!important;}
.kyg-careers-v3 .kyg-careers-story-row,.kyg-careers-v3 .kyg-careers-story-row--reverse{width:calc(100% - 16px)!important;display:flex!important;flex-direction:column!important;margin:0 auto 14px!important;}
.kyg-careers-v3 .kyg-careers-story-media{order:1!important;min-height:54svh!important;}
.kyg-careers-v3 .kyg-careers-story-copy{order:2!important;min-height:0!important;padding:32px 22px 38px!important;}
.kyg-careers-v3 .kyg-careers-story-copy>span{margin-bottom:30px!important;}
.kyg-careers-v3 .kyg-careers-story-copy h3{font-size:clamp(32px,9vw,43px)!important;}
.kyg-careers-v3 .kyg-careers-signals-list article{padding:22px 0!important;}
.kyg-careers-v3 .kyg-careers-jobs-banner{height:48svh!important;min-height:350px!important;margin-bottom:68px!important;}
.kyg-careers-v3 .kyg-careers-job-toggle{padding:25px 0!important;}
.kyg-careers-v3 .kyg-careers-job-role{font-size:clamp(28px,8vw,38px)!important;}
.kyg-careers-v3 .kyg-careers-job-body{grid-template-columns:1fr!important;gap:22px!important;}
.kyg-careers-v3 .kyg-careers-job-body .btn{width:100%;}
.kyg-careers-v3 .kyg-careers-bridge{padding-left:20px;padding-right:20px;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-media{min-height:48svh!important;}
.kyg-careers-v3 .kyg-careers-apply--v3 .kyg-careers-apply-panel{padding:72px 20px 80px!important;}
.kyg-careers .kyg-careers-form{grid-template-columns:1fr!important;gap:22px!important;}
.kyg-careers .kyg-careers-form-wide{grid-column:auto!important;}
.kyg-careers .kyg-careers-form-foot{align-items:stretch!important;flex-direction:column!important;}
.kyg-careers .kyg-careers-form-foot .btn{width:100%;}
/* ----------------------------------------------------------
CONTACT
---------------------------------------------------------- */
.kyg-contact .kyg-contact-hero-copy{min-height:auto!important;padding:112px 20px 50px!important;align-items:flex-end;}
.kyg-contact .kyg-contact-hero h1{font-size:clamp(40px,11.4vw,54px)!important;line-height:1.03!important;margin-bottom:20px!important;}
.kyg-contact .kyg-contact-hero-media{min-height:50svh!important;transform:none!important;}
.kyg-contact .kyg-contact-paths{padding:76px 0 82px!important;}
.kyg-contact .kyg-contact-paths-head h2,
.kyg-contact .kyg-contact-form-panel h2,
.kyg-contact .kyg-contact-close-copy h2{font-size:clamp(35px,9.8vw,47px)!important;line-height:1.04!important;}
.kyg-contact .kyg-contact-path-list{width:calc(100% - 40px)!important;}
.kyg-contact .kyg-contact-path-list button{font-size:clamp(27px,8vw,38px)!important;padding:21px 0!important;}
.kyg-contact .kyg-contact-details,.kyg-contact .kyg-contact-form-panel{padding:72px 20px 78px!important;}
.kyg-contact .kyg-contact-detail-lines>div{grid-template-columns:64px 1fr!important;gap:14px!important;}
.kyg-contact .kyg-contact-form{grid-template-columns:1fr!important;gap:23px!important;}
.kyg-contact .kyg-contact-form-wide{grid-column:1!important;}
.kyg-contact .kyg-contact-form .btn{width:100%;}
.kyg-contact .kyg-contact-close-media{min-height:48svh!important;}
.kyg-contact .kyg-contact-close-copy{padding:70px 20px 78px!important;gap:48px!important;}
/* ----------------------------------------------------------
REUSABLE SECONDARY PAGE SYSTEM
---------------------------------------------------------- */
body .kyg-secondary{overflow-x:clip;}
.kyg-secondary-hero,.kyg-secondary-split{grid-template-columns:1fr!important;min-height:0!important;}
.kyg-secondary-hero-copy,.kyg-secondary-split-copy{padding:112px 20px 54px!important;}
.kyg-secondary-hero h1{font-size:clamp(40px,11.5vw,54px)!important;line-height:1.03!important;}
.kyg-secondary-hero-media,.kyg-secondary-split-media{min-height:50svh!important;}
.kyg-secondary-mosaic{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:min(82vw,360px);grid-auto-rows:54svh;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 20px;}
.kyg-secondary-mosaic::-webkit-scrollbar{display:none;}
.kyg-secondary-mosaic>*{scroll-snap-align:start;}
.kyg-secondary-quote{padding:82px 0!important;}
.kyg-secondary-quote blockquote{font-size:clamp(38px,10.5vw,52px)!important;}
.kyg-secondary-stat-grid{grid-template-columns:1fr 1fr!important;}
.kyg-secondary-cta .wrap{grid-template-columns:1fr!important;gap:28px!important;}
.kyg-secondary-sticky{display:block!important;padding:76px 20px!important;}
.kyg-secondary-sticky-media{position:relative!important;top:auto!important;height:50svh!important;min-height:360px!important;margin-bottom:28px;}
.kyg-secondary-sticky-step{min-height:0!important;padding:26px 0!important;}
.kyg-secondary-form{grid-template-columns:1fr!important;}
.kyg-secondary-form-wide{grid-column:1!important;}
}
@media (max-width:520px){
.kyg-home .entry-grid{grid-template-columns:1fr!important;}
.kyg-home .development-card,.kyg-home .development-card.is-open{flex-basis:86vw!important;width:86vw!important;}
.kyg-home .development-footer{align-items:flex-start;flex-direction:column;}
.kyg-home .development-footer>.btn{width:100%;}
.kyg-properties .kyg-market-grid{grid-template-columns:1fr 1fr!important;}
.kyg-team .kyg-team-hero-collage{height:54svh!important;min-height:54svh!important;}
.kyg-team .kyg-team-people-grid{grid-auto-columns:84vw;}
.kyg-team .kyg-team-moments{grid-auto-columns:84vw;}
.kyg-careers-v3 .kyg-careers-mosaic-grid{grid-auto-columns:86vw;}
.kyg-contact .kyg-contact-path-list{width:calc(100% - 32px)!important;}
}
@media (prefers-reduced-motion:reduce){
.kyg-home *, .kyg-properties *, .kyg-about *, .kyg-team *, .kyg-careers *, .kyg-contact *, .kyg-secondary *{
scroll-behavior:auto!important;
}
}
/* ============================================================
v5.4 — GOLD BUTTON INTERACTIONS
Buttons stay in their base brand treatment at rest, then use a
true gold fill on hover. Header Sell CTA is permanently gold.
============================================================ */
:root{
--kyg-gold:#B8985A;
--kyg-gold-hover:#A98748;
--kyg-gold-press:#9B7B3E;
}
/* Global button hover = gold fill, navy text. */
@media (hover:hover){
.btn:hover,
.search-btn:hover,
.kyg-properties .kyg-form-submit:hover,
.kyg-contact .kyg-contact-form button[type="submit"]:hover,
.kyg-careers .kyg-careers-form button[type="submit"]:hover{
background:var(--kyg-gold)!important;
border-color:var(--kyg-gold)!important;
color:var(--navy)!important;
outline:none!important;
box-shadow:0 10px 24px rgba(9,31,54,.12),0 0 0 1px rgba(184,152,90,.22)!important;
transform:translateY(-1px);
}
}
.btn:active,
.search-btn:active,
.kyg-properties .kyg-form-submit:active,
.kyg-contact .kyg-contact-form button[type="submit"]:active,
.kyg-careers .kyg-careers-form button[type="submit"]:active{
background:var(--kyg-gold-press)!important;
border-color:var(--kyg-gold-press)!important;
color:var(--navy)!important;
outline:none!important;
box-shadow:0 4px 12px rgba(9,31,54,.12)!important;
transform:translateY(0);
}
/* Header CTA is the one persistent gold element in the digital UI. */
.nav-right .btn-outline{
background:var(--kyg-gold)!important;
border-color:var(--kyg-gold)!important;
color:var(--navy)!important;
box-shadow:0 6px 18px rgba(9,31,54,.10)!important;
}
@media (hover:hover){
.nav-right .btn-outline:hover{
background:var(--kyg-gold-hover)!important;
border-color:var(--kyg-gold-hover)!important;
color:var(--navy)!important;
outline:none!important;
box-shadow:0 9px 24px rgba(9,31,54,.14)!important;
transform:translateY(-1px);
}
}
.nav-right .btn-outline:active{
background:var(--kyg-gold-press)!important;
border-color:var(--kyg-gold-press)!important;
color:var(--navy)!important;
}
/* Same CTA treatment inside the mobile drawer. */
.drawer .drawer-cta,
.drawer .btn-outline-white.drawer-cta{
background:var(--kyg-gold)!important;
border-color:var(--kyg-gold)!important;
color:var(--navy)!important;
}
@media (hover:hover){
.drawer .drawer-cta:hover,
.drawer .btn-outline-white.drawer-cta:hover{
background:var(--kyg-gold-hover)!important;
border-color:var(--kyg-gold-hover)!important;
color:var(--navy)!important;
}
}
/* Keyboard focus stays visible without turning text gold. */
.btn:focus-visible,
.search-btn:focus-visible,
.nav-right .btn-outline:focus-visible,
.drawer .drawer-cta:focus-visible{
outline:2px solid var(--kyg-gold)!important;
outline-offset:3px!important;
}
/* ============================================================
v5.5 — GOLD HOVER COLOR CONSISTENCY
Gold hover always pairs with deep blue, never white.
============================================================ */
@media (hover:hover){
.btn:hover,
.btn-light:hover,
.btn-primary:hover,
.btn-outline:hover,
.btn-outline-white:hover,
.btn-ghost-light:hover,
.search-btn:hover,
.kyg-properties .kyg-form-submit:hover,
.kyg-contact .kyg-contact-form button[type="submit"]:hover,
.kyg-careers .kyg-careers-form button[type="submit"]:hover,
.nav-right .btn-outline:hover,
.drawer .drawer-cta:hover,
.drawer .btn-outline-white.drawer-cta:hover{
background:var(--kyg-gold)!important;
border-color:var(--kyg-gold)!important;
color:var(--navy)!important;
-webkit-text-fill-color:var(--navy)!important;
}
.btn:hover *,
.btn-light:hover *,
.btn-primary:hover *,
.btn-outline:hover *,
.btn-outline-white:hover *,
.btn-ghost-light:hover *,
.nav-right .btn-outline:hover *,
.drawer .drawer-cta:hover *{
color:var(--navy)!important;
-webkit-text-fill-color:var(--navy)!important;
}
.btn:hover svg,
.btn-light:hover svg,
.btn-primary:hover svg,
.btn-outline:hover svg,
.btn-outline-white:hover svg,
.btn-ghost-light:hover svg,
.nav-right .btn-outline:hover svg,
.drawer .drawer-cta:hover svg{
fill:var(--navy)!important;
stroke:var(--navy)!important;
}
}
.btn:active,
.btn-light:active,
.btn-primary:active,
.btn-outline:active,
.btn-outline-white:active,
.btn-ghost-light:active,
.search-btn:active,
.kyg-properties .kyg-form-submit:active,
.kyg-contact .kyg-contact-form button[type="submit"]:active,
.kyg-careers .kyg-careers-form button[type="submit"]:active,
.nav-right .btn-outline:active,
.drawer .drawer-cta:active{
color:var(--navy)!important;
-webkit-text-fill-color:var(--navy)!important;
}
/* ============================================================
v5.6 — BUTTON HIERARCHY + GOLD BRAND ACCENTS
Primary CTAs are permanently gold with white type and turn
deep blue on hover. Secondary actions turn gold on hover.
============================================================ */
:root{
--kyg-button-gold:#B8985A;
--kyg-button-gold-hover:#A98748;
--kyg-button-blue:#091F36;
--kyg-button-blue-hover:#0D2A47;
}
/* Stronger, more intentional button typography and presence. */
.btn,
.search-btn,
.kyg-properties .kyg-form-submit,
.kyg-contact .kyg-contact-form button[type="submit"],
.kyg-careers .kyg-careers-form button[type="submit"]{
font-family:var(--sans)!important;
font-weight:800!important;
font-size:12.5px!important;
letter-spacing:.075em!important;
min-height:54px;
padding-left:32px;
padding-right:32px;
border-width:1.5px!important;
box-shadow:0 7px 18px rgba(9,31,54,.09);
transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease!important;
}
/* IMPORTANT CTAs — gold + white at rest. */
.btn-primary,
.btn-light,
.search-btn,
.kyg-properties .kyg-form-submit,
.kyg-contact .kyg-contact-form button[type="submit"],
.kyg-careers .kyg-careers-form button[type="submit"],
.nav-right .btn-outline,
.drawer .drawer-cta,
.drawer .btn-outline-white.drawer-cta{
background:var(--kyg-button-gold)!important;
border-color:var(--kyg-button-gold)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
box-shadow:0 8px 22px rgba(9,31,54,.12),0 1px 0 rgba(255,255,255,.14) inset!important;
}
.btn-primary *,
.btn-light *,
.nav-right .btn-outline *,
.drawer .drawer-cta *{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.btn-primary svg,
.btn-light svg,
.nav-right .btn-outline svg,
.drawer .drawer-cta svg{
fill:#fff!important;
stroke:#fff!important;
}
/* IMPORTANT CTAs — deep blue + white on hover. */
@media (hover:hover){
.btn-primary:hover,
.btn-light:hover,
.search-btn:hover,
.kyg-properties .kyg-form-submit:hover,
.kyg-contact .kyg-contact-form button[type="submit"]:hover,
.kyg-careers .kyg-careers-form button[type="submit"]:hover,
.nav-right .btn-outline:hover,
.drawer .drawer-cta:hover,
.drawer .btn-outline-white.drawer-cta:hover{
background:var(--kyg-button-blue)!important;
border-color:var(--kyg-button-blue)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
box-shadow:0 12px 26px rgba(9,31,54,.20)!important;
transform:translateY(-2px)!important;
}
.btn-primary:hover *,
.btn-light:hover *,
.nav-right .btn-outline:hover *,
.drawer .drawer-cta:hover *{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.btn-primary:hover svg,
.btn-light:hover svg,
.nav-right .btn-outline:hover svg,
.drawer .drawer-cta:hover svg{
fill:#fff!important;
stroke:#fff!important;
}
}
/* SECONDARY CTAs — keep their current rest state; gold + white on hover. */
@media (hover:hover){
.btn-outline:hover,
.btn-outline-white:hover,
.btn-gold-line:hover,
.btn-ghost-light:hover{
background:var(--kyg-button-gold)!important;
border-color:var(--kyg-button-gold)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
box-shadow:0 10px 24px rgba(9,31,54,.14)!important;
transform:translateY(-2px)!important;
}
.btn-outline:hover *,
.btn-outline-white:hover *,
.btn-gold-line:hover *,
.btn-ghost-light:hover *{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
.btn-outline:hover svg,
.btn-outline-white:hover svg,
.btn-gold-line:hover svg,
.btn-ghost-light:hover svg{
fill:#fff!important;
stroke:#fff!important;
}
}
/* Press feedback follows each hierarchy. */
.btn-primary:active,
.btn-light:active,
.search-btn:active,
.kyg-properties .kyg-form-submit:active,
.kyg-contact .kyg-contact-form button[type="submit"]:active,
.kyg-careers .kyg-careers-form button[type="submit"]:active,
.nav-right .btn-outline:active,
.drawer .drawer-cta:active{
background:var(--kyg-button-blue-hover)!important;
border-color:var(--kyg-button-blue-hover)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
transform:translateY(0)!important;
}
.btn-outline:active,
.btn-outline-white:active,
.btn-gold-line:active,
.btn-ghost-light:active{
background:var(--kyg-button-gold-hover)!important;
border-color:var(--kyg-button-gold-hover)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
transform:translateY(0)!important;
}
/* Small brand details: selected controls use compact gold + white. */
.search-tabs button.active,
.tabbar button.active,
.kyg-properties .kyg-property-tabs button.active{
background:var(--kyg-button-gold)!important;
border-color:var(--kyg-button-gold)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
font-weight:800!important;
}
@media (hover:hover){
.search-tabs button:not(.active):hover,
.kyg-properties .kyg-property-tabs button:not(.active):hover{
background:var(--kyg-button-gold)!important;
border-color:var(--kyg-button-gold)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
}
/* Gold remains in fine details rather than persistent gold typography. */
nav.main-nav a::after{
background:var(--kyg-button-gold)!important;
height:2px!important;
}
/* Mobile: keep stronger buttons comfortable, not oversized. */
@media (max-width:760px){
.btn,
.search-btn,
.kyg-properties .kyg-form-submit,
.kyg-contact .kyg-contact-form button[type="submit"],
.kyg-careers .kyg-careers-form button[type="submit"]{
min-height:52px;
padding-left:24px;
padding-right:24px;
font-size:12px!important;
}
.drawer .drawer-cta{
min-height:54px;
font-weight:800!important;
}
}
/* ============================================================
KYG v5.7 — SECONDARY PAGE COLLECTION
Areas, Area Guides, Insights, Market Intelligence, Founder,
Property Search and Sell Your Property.
Motion stays light: section reveal, editorial hover and mobile reels.
============================================================ */
.kyg-s2{
--s2-paper:#F4F6F8;
--s2-ink:#091F36;
--s2-muted:#64717D;
--s2-line:rgba(9,31,54,.14);
--s2-gold:#B8985A;
background:#fff;
}
.kyg-s2 .s2-label{
display:block;
margin:0 0 18px;
font-family:var(--sans);
font-size:12.5px;
line-height:1.3;
font-weight:700;
letter-spacing:.018em;
color:var(--s2-ink);
}
.kyg-s2 .s2-label::before{
content:"";
display:inline-block;
width:24px;
height:1.5px;
margin:0 10px 3px 0;
background:var(--s2-gold);
}
.kyg-s2 .s2-lead{font-size:15px;line-height:1.78;font-weight:300;color:var(--s2-muted);}
.kyg-s2 .s2-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);gap:8vw;align-items:end;margin-bottom:44px;}
.kyg-s2 .s2-section-head h2{font-size:clamp(38px,4.4vw,64px);line-height:1.02;letter-spacing:-.025em;margin:0;max-width:820px;}
.kyg-s2 .s2-section-head>p,.kyg-s2 .s2-section-head>div>p:last-child{font-size:13.5px;line-height:1.75;color:var(--s2-muted);margin:0;}
.kyg-s2 .text-link{font-weight:800;}
/* Generic reveal items are intentionally one-way and subtle. */
.kyg-motion-ready .kyg-s2 [data-secondary-reveal]{opacity:0;transform:translate3d(0,16px,0);transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1);}
.kyg-motion-ready .kyg-s2 [data-secondary-reveal].is-seen{opacity:1;transform:none;}
/* Hero systems */
.kyg-s2 .s2-hero{position:relative;min-height:86svh;overflow:hidden;}
.kyg-s2 .s2-hero--image{display:flex;align-items:flex-end;color:#fff;background:var(--navy);}
.kyg-s2 .s2-hero-media{position:absolute;inset:0;background-position:center;transform:scale(1.015);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);}
.kyg-s2 .s2-hero:hover .s2-hero-media{transform:scale(1.035);}
.kyg-s2 .s2-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,54,.88) 0%,rgba(9,31,54,.62) 45%,rgba(9,31,54,.16) 100%);}
.kyg-s2 .s2-hero-copy{position:relative;z-index:2;padding-top:180px;padding-bottom:92px;}
.kyg-s2 .s2-hero-copy>div{max-width:850px;}
.kyg-s2 .s2-hero--image .s2-label,.kyg-s2 .s2-hero--navy .s2-label{color:#fff;}
.kyg-s2 .s2-hero h1{font-size:clamp(56px,7vw,106px);line-height:.94;letter-spacing:-.04em;margin:0 0 24px;}
.kyg-s2 .s2-hero--image .s2-lead{color:rgba(255,255,255,.84);max-width:610px;}
.kyg-s2 .s2-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}
.kyg-s2 .s2-hero--paper{min-height:auto;background:var(--s2-paper);padding:176px 0 98px;}
.kyg-s2 .s2-hero-paper-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:10vw;align-items:end;}
.kyg-s2 .s2-hero--paper h1,.kyg-s2 .s2-hero--navy h1{font-size:clamp(54px,6.6vw,96px);max-width:980px;}
.kyg-s2 .s2-hero--paper .s2-lead{margin:0;}
.kyg-s2 .s2-hero--navy{min-height:72svh;background:var(--navy);color:#fff;padding:176px 0 104px;display:flex;align-items:flex-end;}
.kyg-s2 .s2-hero--navy>.wrap{width:min(var(--maxw),calc(100% - 48px));}
.kyg-s2 .s2-hero--navy .s2-lead{color:rgba(255,255,255,.72);margin:0;}
/* Intro / split */
.kyg-s2 .s2-intro{padding:112px 0;background:#fff;}
.kyg-s2 .s2-intro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.55fr);gap:9vw;align-items:end;}
.kyg-s2 .s2-intro h2{font-size:clamp(38px,4.8vw,70px);line-height:1.04;letter-spacing:-.025em;margin:0;}
.kyg-s2 .s2-traits{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.kyg-s2 .s2-traits span{padding:10px 15px;border:1px solid var(--s2-line);border-radius:999px;font-size:12px;font-weight:700;}
.kyg-s2 .s2-split{display:grid;grid-template-columns:1fr 1fr;min-height:76svh;background:var(--s2-paper);}
.kyg-s2 .s2-split--reverse .s2-split-media{order:2;}
.kyg-s2 .s2-split-media{min-height:76svh;}
.kyg-s2 .s2-split-copy{padding:clamp(72px,8vw,126px);display:flex;flex-direction:column;justify-content:center;}
.kyg-s2 .s2-split-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.01;letter-spacing:-.028em;margin:0 0 25px;}
.kyg-s2 .s2-split-copy>p:not(.s2-label){font-size:14px;line-height:1.78;color:var(--s2-muted);max-width:570px;}
.kyg-s2 .s2-mini-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;}
.kyg-s2 .s2-mini-list span{padding:10px 13px;border:1px solid var(--s2-line);font-size:11.5px;font-weight:700;border-radius:999px;}
/* Feature cards */
.kyg-s2 .s2-card-section,.kyg-s2 .s2-choice,.kyg-s2 .s2-founder-principles{padding:112px 0 122px;}
.kyg-s2 .s2-feature-grid,.kyg-s2 .s2-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--s2-line);}
.kyg-s2 .s2-feature-grid article,.kyg-s2 .s2-choice-grid article{position:relative;min-height:310px;padding:34px 34px 36px 0;border-bottom:1px solid var(--s2-line);transition:transform .28s ease,background-color .28s ease,padding .28s ease;}
.kyg-s2 .s2-feature-grid article+article,.kyg-s2 .s2-choice-grid article+article{padding-left:34px;border-left:1px solid var(--s2-line);}
.kyg-s2 .s2-feature-grid article>span,.kyg-s2 .s2-choice-grid article>span{font-size:11px;font-weight:800;color:var(--s2-muted);}
.kyg-s2 .s2-feature-grid h3,.kyg-s2 .s2-choice-grid h3{font-size:clamp(28px,3vw,42px);line-height:1.06;margin:80px 0 18px;}
.kyg-s2 .s2-feature-grid p,.kyg-s2 .s2-choice-grid p{font-size:13px;line-height:1.72;color:var(--s2-muted);max-width:340px;}
@media (hover:hover){
.kyg-s2 .s2-feature-grid article:hover,.kyg-s2 .s2-choice-grid article:hover{background:var(--s2-paper);transform:translateY(-4px);}
}
/* Market / stats */
.kyg-s2 .s2-market{padding:112px 0;background:var(--navy);color:#fff;}
.kyg-s2 .s2-market--white{background:#fff;color:var(--s2-ink);}
.kyg-s2 .s2-section-head--light p,.kyg-s2 .s2-market:not(.s2-market--white) .s2-section-head>p{color:rgba(255,255,255,.68);}
.kyg-s2 .s2-market:not(.s2-market--white) .s2-label{color:#fff;}
.kyg-s2 .s2-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.24);}
.kyg-s2 .s2-stat{padding:30px 26px 16px 0;min-height:180px;border-bottom:1px solid rgba(255,255,255,.24);}
.kyg-s2 .s2-stat+.s2-stat{padding-left:26px;border-left:1px solid rgba(255,255,255,.24);}
.kyg-s2 .s2-stat span,.kyg-s2 .s2-stat small{display:block;font-size:11px;color:rgba(255,255,255,.62);}
.kyg-s2 .s2-stat strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(34px,4vw,58px);margin:42px 0 8px;}
.kyg-s2 .s2-stat-grid--dark{border-color:var(--s2-line);}
.kyg-s2 .s2-stat-grid--dark .s2-stat{border-color:var(--s2-line);}
.kyg-s2 .s2-stat-grid--dark .s2-stat+.s2-stat{border-color:var(--s2-line);}
.kyg-s2 .s2-stat-grid--dark .s2-stat span,.kyg-s2 .s2-stat-grid--dark .s2-stat small{color:var(--s2-muted);}
/* Property rails / search cards */
.kyg-s2 .s2-properties,.kyg-s2 .s2-search-results{padding:118px 0;}
.kyg-s2 .s2-property-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.kyg-s2 .s2-property-card a,.kyg-s2 .s2-search-card a{display:block;color:inherit;}
.kyg-s2 .s2-property-image{aspect-ratio:4/5;overflow:hidden;transition:transform .4s ease;}
.kyg-s2 .s2-property-copy{padding:18px 2px 0;}
.kyg-s2 .s2-property-copy span,.kyg-s2 .s2-search-card small{font-size:10.5px;font-weight:700;color:var(--s2-muted);}
.kyg-s2 .s2-property-copy h3,.kyg-s2 .s2-search-card h3{font-size:28px;line-height:1.08;margin:8px 0 12px;}
.kyg-s2 .s2-property-copy strong,.kyg-s2 .s2-search-card strong{font-size:13px;}
@media (hover:hover){.kyg-s2 .s2-property-card:hover .s2-property-image{transform:translateY(-5px);}}
/* KYG View quote */
.kyg-s2 .s2-view,.kyg-s2 .s2-founder-intro{padding:126px 0;background:var(--s2-paper);}
.kyg-s2 .s2-view-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:7vw;align-items:start;}
.kyg-s2 .s2-view blockquote,.kyg-s2 .s2-founder-intro blockquote{font-family:var(--serif);font-size:clamp(40px,4.8vw,68px);line-height:1.04;letter-spacing:-.022em;margin:0;max-width:980px;}
.kyg-s2 .s2-view--navy{background:var(--navy);color:#fff;}
.kyg-s2 .s2-view--navy .s2-label{color:#fff;}
.kyg-s2 .s2-view--navy blockquote{color:#fff;}
/* Editorial / insight grids */
.kyg-s2 .s2-insight-links,.kyg-s2 .s2-insight-index,.kyg-s2 .s2-feature-story,.kyg-s2 .s2-area-pulse,.kyg-s2 .s2-watch{padding:112px 0;}
.kyg-s2 .s2-editorial-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;}
.kyg-s2 .s2-editorial-grid article>a{display:block;color:inherit;}
.kyg-s2 .s2-editorial-grid .image-bg{aspect-ratio:16/10;margin-bottom:20px;transition:transform .35s ease;}
.kyg-s2 .s2-editorial-grid span,.kyg-s2 .s2-article-grid span{font-size:10.5px;font-weight:800;color:var(--s2-muted);}
.kyg-s2 .s2-editorial-grid h3{font-size:clamp(28px,3.1vw,42px);line-height:1.07;margin:10px 0 16px;}
.kyg-s2 .s2-editorial-grid b{font-size:12px;}
@media (hover:hover){.kyg-s2 .s2-editorial-grid article:hover .image-bg{transform:translateY(-5px);}}
.kyg-s2 .s2-feature-story-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:620px;background:var(--s2-paper);}
.kyg-s2 .s2-feature-story-media{min-height:620px;}
.kyg-s2 .s2-feature-story-copy{padding:72px;display:flex;flex-direction:column;justify-content:center;}
.kyg-s2 .s2-feature-story-copy h2{font-size:clamp(40px,4.7vw,68px);line-height:1.02;margin:0 0 24px;}
.kyg-s2 .s2-feature-story-copy>p:not(.s2-label){font-size:14px;line-height:1.75;color:var(--s2-muted);}
.kyg-s2 .s2-article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.kyg-s2 .s2-article-grid a{display:block;color:inherit;}
.kyg-s2 .s2-article-grid .image-bg{aspect-ratio:4/5;margin-bottom:18px;transition:transform .3s ease;}
.kyg-s2 .s2-article-grid h3{font-size:27px;line-height:1.08;margin:9px 0 12px;}
.kyg-s2 .s2-article-grid p{font-size:11px;color:var(--s2-muted);}
@media (hover:hover){.kyg-s2 .s2-article-grid article:hover .image-bg{transform:translateY(-5px);}}
.kyg-s2 .s2-topic-strip{padding:78px 0;background:var(--navy);color:#fff;}
.kyg-s2 .s2-topic-strip .s2-label{color:#fff;}
.kyg-s2 .s2-topic-links{display:flex;flex-wrap:wrap;gap:9px;}
.kyg-s2 .s2-topic-links a{padding:12px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;font-size:12px;font-weight:800;transition:background .25s ease,border-color .25s ease;}
@media (hover:hover){.kyg-s2 .s2-topic-links a:hover{background:var(--s2-gold);border-color:var(--s2-gold);}}
/* Areas hub */
.kyg-s2 .s2-area-directory{padding:12px;background:#fff;}
.kyg-s2 .s2-area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.kyg-s2 .s2-area-card{position:relative;min-height:68svh;overflow:hidden;color:#fff;}
.kyg-s2 .s2-area-card-media,.kyg-s2 .s2-area-card-shade{position:absolute;inset:0;}
.kyg-s2 .s2-area-card-media{transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.kyg-s2 .s2-area-card-shade{background:linear-gradient(180deg,rgba(9,31,54,.04),rgba(9,31,54,.78));}
.kyg-s2 .s2-area-card-copy{position:absolute;z-index:2;inset:auto 0 0;padding:34px;}
.kyg-s2 .s2-area-card-copy>span{font-size:11px;font-weight:800;opacity:.72;}
.kyg-s2 .s2-area-card-copy h2{font-size:clamp(40px,4.8vw,68px);line-height:1;margin:44px 0 10px;}
.kyg-s2 .s2-area-card-copy p{font-size:12px;opacity:.78;}
.kyg-s2 .s2-area-card-copy b{display:inline-block;margin-top:18px;font-size:12px;transform:translateY(6px);opacity:0;transition:.28s ease;}
@media (hover:hover){
.kyg-s2 .s2-area-card:hover .s2-area-card-media{transform:scale(1.035);}
.kyg-s2 .s2-area-card:hover .s2-area-card-copy b{opacity:1;transform:none;}
}
/* Market intelligence area pulse */
.kyg-s2 .s2-pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--s2-line);}
.kyg-s2 .s2-pulse-grid a{display:block;color:inherit;min-height:245px;padding:28px 24px 24px 0;border-bottom:1px solid var(--s2-line);transition:background .25s ease,padding .25s ease;}
.kyg-s2 .s2-pulse-grid a+a{border-left:1px solid var(--s2-line);padding-left:24px;}
.kyg-s2 .s2-pulse-grid span,.kyg-s2 .s2-pulse-grid small{display:block;font-size:11px;color:var(--s2-muted);}
.kyg-s2 .s2-pulse-grid strong{display:block;font-family:var(--serif);font-size:32px;font-weight:400;margin:70px 0 10px;}
@media (hover:hover){.kyg-s2 .s2-pulse-grid a:hover{background:var(--s2-paper);}}
.kyg-s2 .kyg-secondary-accordion-body p{font-size:14px;line-height:1.78;color:var(--s2-muted);max-width:800px;}
/* Property search */
.kyg-s2 .s2-search-hero{padding:172px 0 82px;background:var(--s2-paper);}
.kyg-s2 .s2-search-hero--navy{min-height:68svh;display:flex;align-items:flex-end;background:var(--navy);color:#fff;padding:172px 0 118px;}
.kyg-s2 .s2-search-hero--navy .s2-label{color:#fff;}
.kyg-s2 .s2-search-hero--navy>div>p:last-child{color:rgba(255,255,255,.72);}
.kyg-s2 .s2-search-hero--navy + .s2-filter-shell{padding-top:0;background:var(--s2-paper);}
.kyg-s2 .s2-search-hero--navy + .s2-filter-shell>.wrap{position:relative;z-index:3;margin-top:-42px;}
.kyg-s2 .s2-search-hero h1{font-size:clamp(50px,6.2vw,88px);line-height:.98;max-width:980px;margin:0 0 24px;}
.kyg-s2 .s2-search-hero>div>p:last-child{font-size:14px;line-height:1.75;color:var(--s2-muted);max-width:650px;}
.kyg-s2 .s2-filter-shell{padding:28px 0 84px;background:var(--s2-paper);}
.kyg-s2 .s2-filter-grid{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:10px;align-items:end;background:#fff;padding:24px;box-shadow:0 18px 48px rgba(9,31,54,.08);}
.kyg-s2 .s2-filter-grid label{font-size:10.5px;font-weight:800;color:var(--s2-muted);}
.kyg-s2 .s2-filter-grid select{display:block;width:100%;height:48px;margin-top:8px;border:0;border-bottom:1px solid var(--s2-line);background:transparent;color:var(--s2-ink);font:500 12px var(--sans);}
.kyg-s2 .s2-filter-grid .btn{min-width:150px;}
.kyg-s2 .s2-integration-note{font-size:10.5px;color:var(--s2-muted);margin:13px 0 0;}
.kyg-s2 .s2-search-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px 14px;}
.kyg-s2 .s2-search-card .image-bg{position:relative;aspect-ratio:4/5;transition:transform .32s ease;}
.kyg-s2 .s2-search-card .image-bg>span{position:absolute;top:14px;left:14px;background:#fff;padding:8px 11px;font-size:10px;font-weight:800;color:var(--s2-ink);}
.kyg-s2 .s2-search-card>a>div:last-child{padding-top:17px;}
.kyg-s2 .s2-search-card p{font-size:11px;color:var(--s2-muted);}
@media (hover:hover){.kyg-s2 .s2-search-card:hover .image-bg{transform:translateY(-5px);}}
/* Founder */
.kyg-s2 .s2-founder-hero{min-height:92svh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--navy);color:#fff;}
.kyg-s2 .s2-founder-photo{min-height:92svh;background-position:center top;}
.kyg-s2 .s2-founder-copy{display:flex;align-items:flex-end;padding:170px clamp(42px,6vw,92px) 92px;}
.kyg-s2 .s2-founder-copy>div{max-width:700px;}
.kyg-s2 .s2-founder-copy .s2-label{color:#fff;}
.kyg-s2 .s2-founder-copy h1{font-size:clamp(56px,6.6vw,96px);line-height:.96;letter-spacing:-.035em;margin:0 0 26px;}
.kyg-s2 .s2-founder-copy p:last-child{font-size:14px;line-height:1.78;color:rgba(255,255,255,.72);max-width:560px;}
.kyg-s2 .s2-timeline{padding:116px 0;}
.kyg-s2 .s2-timeline-list{border-top:1px solid var(--s2-line);}
.kyg-s2 .s2-timeline-list article{display:grid;grid-template-columns:90px 1fr;padding:34px 0;border-bottom:1px solid var(--s2-line);}
.kyg-s2 .s2-timeline-list article>span{font-size:11px;font-weight:800;color:var(--s2-muted);}
.kyg-s2 .s2-timeline-list small{font-size:10.5px;font-weight:800;color:var(--s2-muted);}
.kyg-s2 .s2-timeline-list h3{font-size:clamp(31px,3.4vw,48px);line-height:1.04;margin:8px 0 14px;}
.kyg-s2 .s2-timeline-list p{font-size:13.5px;line-height:1.74;color:var(--s2-muted);max-width:720px;}
.kyg-s2 .s2-founder-gallery{padding:12px;background:#fff;}
.kyg-s2 .s2-founder-gallery-grid{display:grid;grid-template-columns:1.1fr .7fr .7fr;gap:12px;height:72svh;}
.kyg-s2 .s2-founder-gallery-grid>div:nth-child(2){margin-top:8vh;}
.kyg-s2 .s2-founder-gallery-grid>div:nth-child(3){margin-bottom:8vh;}
/* Sell */
.kyg-s2 .s2-sell-process{padding:118px 0;}
.kyg-s2 .s2-sell-form-section{padding:120px 0;background:var(--s2-paper);}
.kyg-s2 .s2-sell-form-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:start;}
.kyg-s2 .s2-sell-form-copy{position:sticky;top:130px;}
.kyg-s2 .s2-sell-form-copy h2{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0 0 22px;}
.kyg-s2 .s2-sell-form-copy>p:last-child{font-size:14px;line-height:1.75;color:var(--s2-muted);}
.kyg-s2 .s2-sell-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;background:#fff;padding:34px;}
.kyg-s2 .s2-sell-form label{font-size:10.5px;font-weight:800;color:var(--s2-muted);}
.kyg-s2 .s2-sell-form input,.kyg-s2 .s2-sell-form select,.kyg-s2 .s2-sell-form textarea{width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--s2-line);background:transparent;padding:11px 0;font:500 13px var(--sans);color:var(--s2-ink);border-radius:0;}
.kyg-s2 .s2-form-wide{grid-column:1/-1;}
.kyg-s2 .s2-form-status{font-size:12px;margin:0;}
.kyg-s2 .s2-form-status.is-success{color:#23613c;}.kyg-s2 .s2-form-status.is-error{color:#9a2c2c;}
/* Secondary CTA tuning */
.kyg-s2 .kyg-secondary-cta .wrap{align-items:center;}
.kyg-s2 .kyg-secondary-cta .btn{white-space:nowrap;}
@media (max-width:980px){
.kyg-s2 .s2-section-head,.kyg-s2 .s2-intro-grid,.kyg-s2 .s2-hero-paper-grid,.kyg-s2 .s2-sell-form-grid{grid-template-columns:1fr;gap:28px;}
.kyg-s2 .s2-traits{justify-content:flex-start;}
.kyg-s2 .s2-article-grid{grid-template-columns:1fr 1fr;gap:46px 12px;}
.kyg-s2 .s2-pulse-grid{grid-template-columns:1fr 1fr;}
.kyg-s2 .s2-pulse-grid a:nth-child(3){border-left:0;}
.kyg-s2 .s2-filter-grid{grid-template-columns:1fr 1fr 1fr;}
.kyg-s2 .s2-filter-grid .btn{width:100%;}
.kyg-s2 .s2-sell-form-copy{position:static;}
}
@media (max-width:780px){
.kyg-s2 .s2-label{font-size:12px;margin-bottom:14px;}
.kyg-s2 .s2-hero{min-height:78svh;}
.kyg-s2 .s2-hero-copy{padding-top:126px;padding-bottom:54px;}
.kyg-s2 .s2-hero h1,.kyg-s2 .s2-hero--paper h1,.kyg-s2 .s2-hero--navy h1{font-size:clamp(43px,12vw,60px);line-height:1.0;}
.kyg-s2 .s2-hero-shade{background:linear-gradient(180deg,rgba(9,31,54,.28),rgba(9,31,54,.88));}
.kyg-s2 .s2-hero--paper,.kyg-s2 .s2-hero--navy{padding:126px 0 72px;}
.kyg-s2 .s2-hero--navy{min-height:62svh;align-items:flex-end;}
.kyg-s2 .s2-search-hero--navy{min-height:58svh;padding:126px 0 88px;}
.kyg-s2 .s2-search-hero--navy + .s2-filter-shell>.wrap{margin-top:-28px;}
.kyg-s2 .s2-actions{display:grid;grid-template-columns:1fr;}
.kyg-s2 .s2-actions .btn{width:100%;}
.kyg-s2 .s2-intro,.kyg-s2 .s2-card-section,.kyg-s2 .s2-choice,.kyg-s2 .s2-founder-principles,.kyg-s2 .s2-properties,.kyg-s2 .s2-search-results,.kyg-s2 .s2-insight-links,.kyg-s2 .s2-insight-index,.kyg-s2 .s2-feature-story,.kyg-s2 .s2-area-pulse,.kyg-s2 .s2-watch,.kyg-s2 .s2-sell-process{padding:76px 0;}
.kyg-s2 .s2-intro h2,.kyg-s2 .s2-section-head h2{font-size:clamp(35px,10vw,48px);}
.kyg-s2 .s2-split{grid-template-columns:1fr;min-height:auto;}
.kyg-s2 .s2-split--reverse .s2-split-media{order:0;}
.kyg-s2 .s2-split-media{min-height:56svh;}
.kyg-s2 .s2-split-copy{padding:54px 20px 64px;}
.kyg-s2 .s2-split-copy h2{font-size:clamp(36px,10vw,50px);}
.kyg-s2 .s2-feature-grid,.kyg-s2 .s2-choice-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,350px);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px;padding-right:20px;}
.kyg-s2 .s2-feature-grid::-webkit-scrollbar,.kyg-s2 .s2-choice-grid::-webkit-scrollbar{display:none;}
.kyg-s2 .s2-feature-grid article,.kyg-s2 .s2-choice-grid article,.kyg-s2 .s2-feature-grid article+article,.kyg-s2 .s2-choice-grid article+article{min-height:300px;padding:28px 26px!important;border-left:0;border-right:1px solid var(--s2-line);scroll-snap-align:start;}
.kyg-s2 .s2-feature-grid h3,.kyg-s2 .s2-choice-grid h3{margin-top:64px;}
.kyg-s2 .s2-stat-grid{grid-template-columns:1fr 1fr;}
.kyg-s2 .s2-stat,.kyg-s2 .s2-stat+.s2-stat{min-height:150px;padding:22px 16px!important;border-left:0;}
.kyg-s2 .s2-stat:nth-child(odd){border-right:1px solid rgba(255,255,255,.24);}
.kyg-s2 .s2-stat-grid--dark .s2-stat:nth-child(odd){border-right-color:var(--s2-line);}
.kyg-s2 .s2-stat strong{margin-top:28px;font-size:34px;}
.kyg-s2 .s2-property-rail,.kyg-s2 .s2-article-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(82vw,350px);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-20px;padding-right:20px;gap:10px;}
.kyg-s2 .s2-property-rail::-webkit-scrollbar,.kyg-s2 .s2-article-grid::-webkit-scrollbar{display:none;}
.kyg-s2 .s2-property-card,.kyg-s2 .s2-article-grid article{scroll-snap-align:start;}
.kyg-s2 .s2-view,.kyg-s2 .s2-founder-intro{padding:78px 0;}
.kyg-s2 .s2-view-grid{grid-template-columns:1fr;gap:20px;}
.kyg-s2 .s2-view blockquote,.kyg-s2 .s2-founder-intro blockquote{font-size:clamp(34px,9vw,46px);}
.kyg-s2 .s2-editorial-grid{grid-template-columns:1fr;gap:48px;}
.kyg-s2 .s2-feature-story-grid{grid-template-columns:1fr;min-height:auto;}
.kyg-s2 .s2-feature-story-media{min-height:54svh;}
.kyg-s2 .s2-feature-story-copy{padding:42px 22px 52px;}
.kyg-s2 .s2-feature-story-copy h2{font-size:clamp(36px,10vw,48px);}
.kyg-s2 .s2-area-grid{grid-template-columns:1fr;}
.kyg-s2 .s2-area-card{min-height:62svh;}
.kyg-s2 .s2-area-card-copy{padding:24px;}
.kyg-s2 .s2-area-card-copy h2{font-size:42px;margin-top:34px;}
.kyg-s2 .s2-area-card-copy b{opacity:1;transform:none;}
.kyg-s2 .s2-pulse-grid{grid-template-columns:1fr 1fr;}
.kyg-s2 .s2-pulse-grid a,.kyg-s2 .s2-pulse-grid a+a{min-height:200px;padding:22px 14px!important;}
.kyg-s2 .s2-pulse-grid strong{margin-top:48px;font-size:27px;}
.kyg-s2 .s2-search-hero{padding:126px 0 62px;}
.kyg-s2 .s2-search-hero h1{font-size:clamp(42px,11.5vw,56px);}
.kyg-s2 .s2-filter-shell{padding-bottom:64px;}
.kyg-s2 .s2-filter-grid{grid-template-columns:1fr;padding:20px;}
.kyg-s2 .s2-search-grid{grid-template-columns:1fr;gap:46px;}
.kyg-s2 .s2-founder-hero{grid-template-columns:1fr;min-height:auto;}
.kyg-s2 .s2-founder-photo{min-height:70svh;}
.kyg-s2 .s2-founder-copy{padding:52px 20px 64px;}
.kyg-s2 .s2-founder-copy h1{font-size:clamp(43px,12vw,58px);}
.kyg-s2 .s2-timeline{padding:76px 0;}
.kyg-s2 .s2-timeline-list article{grid-template-columns:48px 1fr;padding:28px 0;}
.kyg-s2 .s2-founder-gallery-grid{grid-auto-flow:column;grid-auto-columns:min(82vw,350px);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;height:58svh;scrollbar-width:none;}
.kyg-s2 .s2-founder-gallery-grid::-webkit-scrollbar{display:none;}
.kyg-s2 .s2-founder-gallery-grid>div{margin:0!important;scroll-snap-align:start;}
.kyg-s2 .s2-sell-form-section{padding:76px 0;}
.kyg-s2 .s2-sell-form{grid-template-columns:1fr;padding:24px 20px;}
.kyg-s2 .s2-form-wide{grid-column:auto;}
.kyg-s2 .kyg-secondary-cta .wrap{grid-template-columns:1fr;gap:28px;align-items:start;}
.kyg-s2 .kyg-secondary-cta .btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
.kyg-s2 .s2-hero-media,.kyg-s2 .s2-area-card-media,.kyg-s2 [data-secondary-reveal]{transition:none!important;transform:none!important;}
}
.kyg-s2 .kyg-contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
/* ============================================================
v5.8 — LAUNCH PAGES / LEGAL / THANK YOU / 404
============================================================ */
.kyg-s2.kyg-policy{background:#fff;}
.kyg-s2 .s2-policy-body{padding:108px 0 128px;background:#fff;}
.kyg-s2 .s2-policy-layout{display:grid;grid-template-columns:240px minmax(0,820px);gap:8vw;align-items:start;justify-content:space-between;}
.kyg-s2 .s2-policy-nav{position:sticky;top:132px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;border-top:1px solid var(--s2-line);padding-top:20px;}
.kyg-s2 .s2-policy-nav>span{font-size:10px;font-weight:800;color:var(--s2-muted);text-transform:uppercase;letter-spacing:.08em;}
.kyg-s2 .s2-policy-nav>strong{font-family:var(--serif);font-size:22px;font-weight:400;margin-bottom:20px;}
.kyg-s2 .s2-policy-nav>a{font-size:11.5px;font-weight:700;color:var(--s2-muted);transition:color .2s ease,transform .2s ease;}
@media (hover:hover){.kyg-s2 .s2-policy-nav>a:hover{color:var(--s2-ink);transform:translateX(3px);}}
.kyg-s2 .s2-policy-copy>section{padding:0 0 44px;margin:0 0 44px;border-bottom:1px solid var(--s2-line);scroll-margin-top:130px;}
.kyg-s2 .s2-policy-copy>section:last-child{margin-bottom:0;}
.kyg-s2 .s2-policy-copy h2{font-size:clamp(30px,3.2vw,44px);line-height:1.08;margin:0 0 22px;}
.kyg-s2 .s2-policy-copy p,.kyg-s2 .s2-policy-copy li{font-size:13.5px;line-height:1.78;color:var(--s2-muted);}
.kyg-s2 .s2-policy-copy p{margin:0 0 14px;}
.kyg-s2 .s2-policy-copy ul{margin:17px 0 0;padding-left:20px;}
.kyg-s2 .s2-policy-copy li{margin:0 0 7px;}
.kyg-s2 .s2-policy-copy a{color:var(--s2-ink);text-decoration:underline;text-underline-offset:3px;}
.kyg-s2 .s2-policy-table-wrap{width:100%;overflow-x:auto;margin-top:24px;}
.kyg-s2 .s2-policy-table{width:100%;border-collapse:collapse;min-width:660px;}
.kyg-s2 .s2-policy-table th,.kyg-s2 .s2-policy-table td{padding:17px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--s2-line);font-size:12px;line-height:1.55;}
.kyg-s2 .s2-policy-table th{background:var(--navy);color:#fff;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;}
.kyg-s2 .s2-policy-table td{color:var(--s2-muted);}
.kyg-s2 .s2-thank-you,.kyg-404{min-height:calc(100svh - 40px);display:flex;align-items:center;background:var(--s2-paper,#F4F6F8);padding:150px 0 96px;}
.kyg-s2 .s2-thank-you-inner,.kyg-404-inner{max-width:900px;text-align:center;margin:0 auto;}
.kyg-s2 .s2-thank-you-mark{display:inline-flex;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;background:var(--kyg-gold);color:#fff;font-size:22px;font-weight:800;margin-bottom:26px;box-shadow:0 12px 28px rgba(9,31,54,.12);}
.kyg-s2 .s2-thank-you h1,.kyg-404 h1{font-family:var(--serif);font-weight:400;font-size:clamp(62px,8vw,116px);line-height:.95;letter-spacing:-.04em;margin:0 0 25px;color:var(--navy);}
.kyg-s2 .s2-thank-you-inner>p:not(.s2-label),.kyg-404-inner>p{max-width:620px;margin:0 auto 32px;font-size:14px;line-height:1.75;color:var(--s2-muted,#66717c);}
.kyg-s2 .s2-thank-you .s2-actions,.kyg-404-actions{justify-content:center;}
.kyg-404-code{display:block;font:800 11px var(--sans);letter-spacing:.1em;color:var(--kyg-gold);margin-bottom:18px;}
@media(max-width:780px){
.kyg-s2 .s2-policy-body{padding:72px 0 88px;}
.kyg-s2 .s2-policy-layout{grid-template-columns:1fr;gap:48px;}
.kyg-s2 .s2-policy-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;}
.kyg-s2 .s2-policy-nav>span,.kyg-s2 .s2-policy-nav>strong{grid-column:1/-1;}
.kyg-s2 .s2-policy-copy>section{padding-bottom:34px;margin-bottom:34px;}
.kyg-s2 .s2-policy-copy h2{font-size:32px;}
.kyg-s2 .s2-thank-you,.kyg-404{padding:126px 0 72px;min-height:86svh;}
.kyg-s2 .s2-thank-you .s2-actions,.kyg-404-actions{display:grid;grid-template-columns:1fr;}
.kyg-s2 .s2-thank-you .btn,.kyg-404-actions .btn{width:100%;}
}
/* ============================================================
v5.9 — SECONDARY VISUAL ALIGNMENT
Restores KYG navy/white rhythm across secondary pages while
preserving each page's distinct structure and restrained motion.
============================================================ */
/* ============================================================
HOMEPAGE v3.8 — partners after hero + simple contact form
============================================================ */
.kyg-home .home-partners-strip{
background:var(--kyg-white);
padding:42px 0 34px;
border-bottom:1px solid rgba(9,31,54,.10);
}
.kyg-home .home-partners-strip .partner-intro{
display:grid;
grid-template-columns:minmax(0,.9fr) minmax(280px,.65fr);
gap:44px;
align-items:end;
max-width:1080px;
margin:0 0 24px;
}
.kyg-home .home-partners-strip .partner-intro h2{
font-size:clamp(23px,2.25vw,31px)!important;
line-height:1.18;
margin:0!important;
}
.kyg-home .home-partners-strip .partner-intro p{
margin:0;
font-size:13.5px!important;
line-height:1.65!important;
}
.kyg-home .home-partners-strip .developer-marquee{
margin-top:0;
padding:26px 0;
border-top:1px solid rgba(9,31,54,.12);
border-bottom:1px solid rgba(9,31,54,.12);
}
.kyg-home .home-partners-strip .developer-logo-group{
gap:72px;
padding-right:72px;
}
.kyg-home .home-partners-strip .developer-logo{
width:182px;
height:76px;
flex:0 0 182px;
}
.kyg-home .home-partners-strip .developer-logo img{
display:block;
width:168px;
height:66px;
max-width:none;
max-height:none;
object-fit:contain;
object-position:center;
}
.kyg-home .home-contact-final{
background:var(--kyg-blue);
color:var(--kyg-white);
padding:clamp(86px,8vw,124px) 0;
text-align:left;
}
.kyg-home .home-contact-grid{
display:grid;
grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
gap:clamp(54px,7vw,100px);
align-items:center;
}
.kyg-home .home-contact-copy h2{
color:var(--kyg-white);
font-size:clamp(38px,4.8vw,62px);
line-height:1.08;
max-width:650px;
margin:14px 0 24px;
}
.kyg-home .home-contact-copy p{
color:rgba(255,255,255,.70);
font-size:15px;
line-height:1.75;
max-width:500px;
margin:0;
}
.kyg-home .home-contact-form-shell{
background:#fff;
color:var(--kyg-blue);
padding:clamp(30px,4vw,48px);
}
.kyg-home .home-contact-form{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:26px 24px;
}
.kyg-home .home-contact-form label{
display:flex;
flex-direction:column;
gap:8px;
min-width:0;
}
.kyg-home .home-contact-form label>span{
color:rgba(9,31,54,.58);
font-size:10px;
letter-spacing:.04em;
}
.kyg-home .home-contact-form input,
.kyg-home .home-contact-form select,
.kyg-home .home-contact-form textarea{
width:100%;
margin:0;
border:0;
border-bottom:1px solid rgba(9,31,54,.22);
border-radius:0;
background:transparent;
padding:11px 0 13px;
color:var(--kyg-blue);
font:400 14px/1.45 var(--sans);
outline:0;
box-shadow:none;
transition:border-color .22s ease,box-shadow .22s ease;
}
.kyg-home .home-contact-form textarea{resize:vertical;min-height:84px;}
.kyg-home .home-contact-form input:focus,
.kyg-home .home-contact-form select:focus,
.kyg-home .home-contact-form textarea:focus{
border-color:var(--kyg-blue);
box-shadow:0 2px 0 rgba(184,152,90,.35);
}
.kyg-home .home-contact-wide{grid-column:1/-1;}
.kyg-home .home-contact-foot{
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap;
padding-top:2px;
}
.kyg-home .home-contact-foot small{
color:rgba(9,31,54,.48);
font-size:11px;
line-height:1.5;
max-width:330px;
}
.kyg-home .home-contact-status{margin:0;font-size:12px;color:#9a3d3d;}
.kyg-home .home-contact-form .kyg-form-hp{
position:absolute!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
clip:rect(0 0 0 0)!important;
white-space:nowrap!important;
}
@media(max-width:900px){
.kyg-home .home-partners-strip .partner-intro{grid-template-columns:1fr;gap:12px;}
.kyg-home .home-partners-strip .developer-logo-group{gap:52px;padding-right:52px;}
.kyg-home .home-partners-strip .developer-logo{width:154px;height:66px;flex-basis:154px;}
.kyg-home .home-partners-strip .developer-logo img{width:144px;height:56px;}
.kyg-home .home-contact-grid{grid-template-columns:1fr;gap:42px;}
}
@media(max-width:640px){
.kyg-home .home-partners-strip{padding:30px 0 26px;}
.kyg-home .home-partners-strip .developer-logo-group{gap:38px;padding-right:38px;}
.kyg-home .home-partners-strip .developer-logo{width:140px;height:60px;flex-basis:140px;}
.kyg-home .home-partners-strip .developer-logo img{width:132px;height:52px;}
.kyg-home .home-contact-form{grid-template-columns:1fr;gap:22px;}
.kyg-home .home-contact-wide{grid-column:1;}
.kyg-home .home-contact-foot{align-items:stretch;flex-direction:column;}
.kyg-home .home-contact-foot .btn{width:100%;}
}
/* ============================================================
v5.14 — HOMEPAGE TEAM / FULL-BLEED TRANSPARENT CUTOUT
Scoped only to the homepage Team + Numbers band.
The transparent team image is drawn directly on the navy band,
full-height and right-aligned, with no image box and no cover crop.
Counter layout remains outside this treatment.
============================================================ */
.kyg-home .band-navy{
position:relative;
overflow:hidden;
background:var(--navy);
}
/* Only the upper Team composition breaks out to viewport width. */
.kyg-home .band-navy .split{
position:relative;
display:block;
width:100vw;
min-height:clamp(560px,50vw,720px);
margin-left:calc(50% - 50vw);
padding-left:max(40px, calc((100vw - var(--maxw))/2 + 40px));
padding-right:0;
}
.kyg-home .band-navy .split-text{
position:relative;
z-index:3;
width:min(40vw,500px);
padding-top:clamp(82px,7vw,112px);
padding-bottom:64px;
}
.kyg-home .band-navy .split-text h2{
max-width:500px;
}
.kyg-home .band-navy .split-visual{
position:absolute;
z-index:1;
inset:0;
pointer-events:none;
overflow:hidden;
background:transparent;
}
.kyg-home .band-navy .split-visual .ph{
position:absolute;
inset:0;
width:100%;
height:100%;
min-height:0!important;
aspect-ratio:auto!important;
background-color:transparent!important;
background-size:auto 100%!important;
background-position:right bottom!important;
background-repeat:no-repeat!important;
}
/* A tiny navy fade protects the copy without creating a visible box. */
.kyg-home .band-navy .split::after{
content:'';
position:absolute;
z-index:2;
inset:0 auto 0 0;
width:min(58vw,760px);
pointer-events:none;
background:linear-gradient(90deg,
rgba(9,31,54,1) 0%,
rgba(9,31,54,.98) 58%,
rgba(9,31,54,.72) 76%,
rgba(9,31,54,0) 100%);
}
/* Explicitly preserve the original counter block behaviour. */
.kyg-home .band-navy .numbers.counter-grid{
position:relative;
z-index:4;
}
@media (max-width:1100px){
.kyg-home .band-navy .split{
min-height:600px;
}
.kyg-home .band-navy .split-text{
width:min(42vw,460px);
padding-top:72px;
}
}
@media (max-width:900px){
.kyg-home .band-navy .split{
display:flex;
flex-direction:column;
width:100%;
min-height:0;
margin-left:0;
padding-left:0;
gap:28px;
}
.kyg-home .band-navy .split-text{
width:100%;
max-width:620px;
padding:18px 0 0;
}
.kyg-home .band-navy .split-visual{
position:relative;
inset:auto;
width:100vw;
height:min(72vw,590px);
margin-left:calc(50% - 50vw);
}
.kyg-home .band-navy .split-visual .ph{
background-size:contain!important;
background-position:center bottom!important;
}
.kyg-home .band-navy .split::after{display:none;}
}
@media (max-width:640px){
.kyg-home .band-navy .split-visual{
height:82vw;
min-height:320px;
}
}
/* ============================================================
v5.15 — HOMEPAGE HERO VIDEO SUPPORT
Keeps the existing hero layout/search untouched. If the current
hero media URL is a video, JS converts it into a real video layer.
============================================================ */
body .kyg-home .hero-visual.hero-has-video{
position:relative;
overflow:hidden;
isolation:isolate;
background:var(--kyg-blue);
}
body .kyg-home .hero-visual.hero-has-video .kyg-hero-video{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
z-index:0;
pointer-events:none;
}
body .kyg-home .hero-visual.hero-has-video::after{
content:'';
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:linear-gradient(90deg,
rgba(9,31,54,.93) 0%,
rgba(9,31,54,.80) 38%,
rgba(9,31,54,.48) 62%,
rgba(9,31,54,.18) 100%);
}
body .kyg-home .hero-visual.hero-has-video > .wrap{
position:relative;
z-index:2;
}
@media (max-width:900px){
body .kyg-home .hero-visual.hero-has-video::after{
background:linear-gradient(180deg,
rgba(9,31,54,.40) 0%,
rgba(9,31,54,.64) 45%,
rgba(9,31,54,.94) 100%);
}
body .kyg-home .hero-visual.hero-has-video .kyg-hero-video{
object-position:center center;
}
}
@media (prefers-reduced-motion: reduce){
body .kyg-home .hero-visual.hero-has-video .kyg-hero-video{
/* The browser may still show the first frame while avoiding motion. */
}
}
/* ============================================================
v5.26 — HOMEPAGE REFINEMENTS ONLY
Base: original full v5.15 theme supplied by the user.
Hero video JS/layout remains the original v5.15 implementation.
============================================================ */
/* KYG Brokerage + KYG Development — deep blue block */
.kyg-home .business-grid{
background:var(--kyg-blue,#091F36);
border-top:0!important;
border-bottom:0!important;
}
.kyg-home .business-card{
padding:44px 48px!important;
}
.kyg-home .business-card + .business-card{
border-left:1px solid rgba(255,255,255,.18)!important;
padding-left:48px!important;
}
.kyg-home .business-card .business-number{
color:rgba(255,255,255,.46)!important;
}
.kyg-home .business-card h3{
color:#fff!important;
}
.kyg-home .business-card p{
color:rgba(255,255,255,.74)!important;
}
/* Culture — full-width, four equal landscape images, headlines only */
.kyg-home .kyg-culture{
padding:58px 0 62px!important;
background:var(--kyg-blue,#091F36)!important;
}
.kyg-home .kyg-culture-head{
width:min(1120px,calc(100% - 96px));
margin:0 auto 26px!important;
padding:0!important;
display:grid!important;
grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr)!important;
align-items:end!important;
gap:48px!important;
}
.kyg-home .kyg-culture-head h2{
max-width:680px!important;
margin:0!important;
font-size:clamp(30px,3.05vw,42px)!important;
line-height:1.08!important;
}
.kyg-home .kyg-culture-head > p{
max-width:390px!important;
margin:0!important;
color:rgba(255,255,255,.66)!important;
font-size:14px!important;
line-height:1.65!important;
}
.kyg-home .kyg-culture-panels{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
width:100%!important;
max-width:none!important;
height:auto!important;
min-height:0!important;
margin:0!important;
gap:0!important;
background:transparent!important;
overflow:visible!important;
}
.kyg-home .kyg-culture-panel,
.kyg-home .kyg-culture-panel.is-active{
position:relative!important;
flex:none!important;
width:auto!important;
min-width:0!important;
height:260px!important;
border:0!important;
border-radius:0!important;
overflow:hidden!important;
box-shadow:none!important;
transform:translateY(0)!important;
transition:transform .34s ease,box-shadow .34s ease!important;
}
.kyg-home .kyg-culture-panel + .kyg-culture-panel{
border-left:1px solid rgba(255,255,255,.12)!important;
}
.kyg-home .kyg-culture-panel:hover,
.kyg-home .kyg-culture-panel:focus-within,
.kyg-home .kyg-culture-panel.is-active{
transform:translateY(-3px)!important;
box-shadow:0 18px 36px rgba(3,13,24,.16)!important;
}
.kyg-home .kyg-culture-copy > span,
.kyg-home .kyg-culture-copy p,
.kyg-home .kyg-culture-panel.is-active .kyg-culture-copy p{
display:none!important;
}
.kyg-home .kyg-culture-image{
position:absolute!important;
inset:0!important;
transform:scale(1.02)!important;
transition:transform .72s cubic-bezier(.22,.61,.36,1),filter .4s ease!important;
filter:saturate(.9) contrast(1.02)!important;
}
.kyg-home .kyg-culture-panel:hover .kyg-culture-image,
.kyg-home .kyg-culture-panel:focus-within .kyg-culture-image,
.kyg-home .kyg-culture-panel.is-active .kyg-culture-image{
transform:scale(1.055) translateY(-2px)!important;
filter:saturate(.98) contrast(1.04)!important;
}
.kyg-home .kyg-culture-shade{
background:linear-gradient(180deg,rgba(9,31,54,.08) 18%,rgba(9,31,54,.78) 100%)!important;
}
.kyg-home .kyg-culture-copy{
left:22px!important;
right:22px!important;
bottom:20px!important;
transform:none!important;
transition:transform .3s ease!important;
}
.kyg-home .kyg-culture-panel:hover .kyg-culture-copy,
.kyg-home .kyg-culture-panel:focus-within .kyg-culture-copy,
.kyg-home .kyg-culture-panel.is-active .kyg-culture-copy{
transform:translateY(-2px)!important;
}
.kyg-home .kyg-culture-copy h3{
max-width:230px!important;
margin:0!important;
color:#fff!important;
font-size:clamp(21px,1.7vw,28px)!important;
line-height:1.08!important;
}
@media (max-width:1000px){
.kyg-home .kyg-culture-head{
width:min(100% - 48px,1120px)!important;
}
.kyg-home .kyg-culture-panels{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.kyg-home .kyg-culture-panel,
.kyg-home .kyg-culture-panel.is-active{
height:230px!important;
}
}
@media (max-width:900px){
.kyg-home .business-card{
padding:34px 28px!important;
}
.kyg-home .business-card + .business-card{
border-left:0!important;
border-top:1px solid rgba(255,255,255,.18)!important;
padding-left:28px!important;
}
.kyg-home .kyg-culture{
padding:50px 0 56px!important;
}
.kyg-home .kyg-culture-head{
width:calc(100% - 32px)!important;
grid-template-columns:1fr!important;
gap:14px!important;
margin-bottom:20px!important;
}
}
@media (max-width:620px){
.kyg-home .kyg-culture-head{
width:calc(100% - 24px)!important;
}
.kyg-home .kyg-culture-panels{
grid-template-columns:1fr!important;
}
.kyg-home .kyg-culture-panel,
.kyg-home .kyg-culture-panel.is-active{
height:190px!important;
}
}
/* ============================================================
v5.31 — CAREERS VIDEO SUPPORT
Adds video support ONLY to Careers hero + Open Positions banner.
Existing Careers layout and hero shade remain unchanged.
============================================================ */
.kyg-careers-v3 [data-careers-video]{
position:relative;
overflow:hidden;
}
.kyg-careers-v3 [data-careers-video] > .kyg-careers-video{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center center;
z-index:0;
pointer-events:none;
}
/* HERO:
no new overlay here — the existing .kyg-careers-cinema-shade remains
exactly responsible for hero readability. */
.kyg-careers-v3 .kyg-careers-cinema-media[data-careers-video] > .kyg-careers-video{
z-index:0;
}
/* SECOND VIDEO:
this is the large banner immediately before Open Positions. */
.kyg-careers-v3 .kyg-careers-jobs-banner[data-careers-video]{
background:#091F36;
}
.kyg-careers-v3 .kyg-careers-jobs-banner[data-careers-video]::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:rgba(9,31,54,.12);
}
/* ============================================================
v5.36 — CAREERS MOBILE RESTORE ONLY
Scope: .kyg-careers-v3 + <=780px ONLY.
Desktop and every other page remain untouched.
Purpose:
- remove the horizontal Careers mosaic carousel/scroll
- remove ONLY the unwanted mobile gaps/side frame
- keep the original full-width hero structure
- keep Open Positions JS untouched
============================================================ */
@media (max-width:780px){
/* CULTURE MOSAIC:
stacked, no horizontal scroll, no spacing between image/note blocks */
.kyg-careers-v3 .kyg-careers-mosaic-grid{
display:flex!important;
flex-direction:column!important;
grid-template-columns:none!important;
grid-template-rows:none!important;
grid-auto-flow:initial!important;
grid-auto-columns:initial!important;
gap:0!important;
padding:0!important;
margin:0!important;
width:100%!important;
max-width:none!important;
overflow:visible!important;
overflow-x:visible!important;
scroll-snap-type:none!important;
scrollbar-width:auto!important;
}
.kyg-careers-v3 .kyg-careers-mosaic-grid::-webkit-scrollbar{
display:none!important;
}
.kyg-careers-v3 .kyg-careers-mosaic-grid > *{
width:100%!important;
margin:0!important;
grid-column:auto!important;
grid-row:auto!important;
scroll-snap-align:none!important;
}
/* Keep the three populated image slots + quote.
Hide ONLY the two unused placeholder image slots on mobile. */
.kyg-careers-v3 .kyg-careers-mosaic-card:nth-of-type(4),
.kyg-careers-v3 .kyg-careers-mosaic-card:nth-of-type(5){
display:none!important;
}
.kyg-careers-v3 .kyg-careers-mosaic-card{
height:54svh!important;
min-height:390px!important;
}
.kyg-careers-v3 .kyg-careers-mosaic-note{
height:auto!important;
min-height:220px!important;
}
/* STORY SCENES:
remove only the mobile side frame + spacing between the three rows.
Internal image/text order and desktop layout are not changed. */
.kyg-careers-v3 .kyg-careers-story-row,
.kyg-careers-v3 .kyg-careers-story-row--reverse{
width:100%!important;
margin-left:0!important;
margin-right:0!important;
margin-bottom:0!important;
}
}
@media (max-width:520px){
.kyg-careers-v3 .kyg-careers-mosaic-grid{
gap:0!important;
padding:0!important;
overflow-x:visible!important;
}
}
/* ============================================================
v5.37 — ABOUT v2 EDITORIAL
Scope: .kyg-about-v2 ONLY.
No other page is affected.
============================================================ */
.kyg-about-v2{
--about2-blue:#091F36;
--about2-gold:#B8985A;
--about2-paper:#F7F7F4;
--about2-white:#FFFFFF;
--about2-ink:#091F36;
--about2-muted:#5D6872;
--about2-line:rgba(9,31,54,.14);
overflow-x:clip;
}
.kyg-about-v2 *{box-sizing:border-box;}
.kyg-about-v2 h1,
.kyg-about-v2 h2,
.kyg-about-v2 h3,
.kyg-about-v2 blockquote{font-family:var(--serif);font-weight:400;}
.kyg-about-v2 p,
.kyg-about-v2 li,
.kyg-about-v2 a,
.kyg-about-v2 span{font-family:var(--sans);}
.kyg-about-v2 .about2-label{
display:inline-block;
margin-bottom:18px;
color:var(--about2-muted);
font-size:12px;
line-height:1.2;
letter-spacing:.04em;
font-weight:700;
}
.kyg-about-v2 .about2-label-light{color:rgba(255,255,255,.72);}
/* HERO */
.kyg-about-v2 .about2-hero{
min-height:92svh;
display:grid;
grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr);
background:var(--about2-paper);
}
.kyg-about-v2 .about2-hero-copy{
display:flex;
align-items:flex-end;
padding:150px clamp(36px,4.6vw,72px) 72px max(38px,calc((100vw - var(--maxw))/2 + 38px));
}
.kyg-about-v2 .kyg-about-hero-copy-inner{max-width:620px;}
.kyg-about-v2 .about2-hero h1{
max-width:610px;
margin:0 0 28px;
font-size:clamp(48px,4.8vw,68px);
line-height:1.02;
letter-spacing:-.038em;
}
.kyg-about-v2 .about2-hero-copy p{
max-width:520px;
color:var(--about2-muted);
font-size:16px;
line-height:1.72;
font-weight:400;
}
.kyg-about-v2 .about2-meta{
display:flex;
flex-wrap:wrap;
gap:10px 28px;
margin-top:44px;
padding-top:16px;
border-top:1px solid var(--about2-line);
color:var(--about2-muted);
font-size:10px;
letter-spacing:.08em;
text-transform:uppercase;
}
.kyg-about-v2 .about2-hero-media{
position:relative;
min-height:92svh;
overflow:hidden;
isolation:isolate;
background:var(--about2-blue);
}
.kyg-about-v2 .about2-hero-image{
position:absolute;
inset:-4%;
background-position:center;
transform:translate3d(0,var(--about-hero-y,0px),0) scale(var(--about-hero-scale,1.045));
will-change:transform;
}
.kyg-about-v2 .about2-hero-shade{
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(9,31,54,.02),rgba(9,31,54,.42));
}
.kyg-about-v2 .about2-hero-note{
position:absolute;
left:32px;
right:32px;
bottom:30px;
padding-top:16px;
border-top:1px solid rgba(255,255,255,.42);
color:#fff;
}
.kyg-about-v2 .about2-hero-note strong{
display:block;
font-family:var(--serif);
font-size:28px;
font-weight:400;
}
.kyg-about-v2 .about2-hero-note span{
display:block;
margin-top:7px;
max-width:420px;
color:rgba(255,255,255,.72);
font-size:13px;
line-height:1.55;
}
/* FOUNDER — sticky image / editorial copy */
.kyg-about-v2 .about2-founder{
padding:130px 0 145px;
background:var(--about2-white);
}
.kyg-about-v2 .about2-founder-grid{
display:grid;
grid-template-columns:minmax(0,.85fr) minmax(360px,.78fr);
gap:clamp(64px,8vw,120px);
align-items:start;
}
.kyg-about-v2 .about2-founder-media{
position:sticky;
top:118px;
}
.kyg-about-v2 .about2-founder-image{
aspect-ratio:4/5;
background-position:center;
clip-path:inset(var(--about-founder-clip,0%) 0 0 0);
transform:scale(var(--about-founder-scale,1));
transform-origin:center bottom;
}
.kyg-about-v2 .about2-founder-media > span{
display:block;
margin-top:12px;
color:var(--about2-muted);
font-size:10px;
letter-spacing:.09em;
text-transform:uppercase;
}
.kyg-about-v2 .about2-founder-copy{padding-top:52px;}
.kyg-about-v2 .about2-founder-copy h2{
margin:0 0 34px;
font-size:clamp(46px,4.7vw,66px);
line-height:1;
letter-spacing:-.035em;
}
.kyg-about-v2 .about2-founder-copy blockquote{
max-width:620px;
margin:0 0 34px;
padding:0 0 30px;
border-bottom:1px solid var(--about2-line);
color:var(--about2-blue);
font-size:clamp(28px,2.6vw,38px);
line-height:1.19;
}
.kyg-about-v2 .about2-founder-copy p{
max-width:600px;
margin:0 0 16px;
color:var(--about2-muted);
font-size:16px;
line-height:1.74;
}
.kyg-about-v2 .about2-text-link{
display:inline-flex;
gap:12px;
align-items:center;
margin-top:18px;
padding-bottom:6px;
border-bottom:1px solid rgba(9,31,54,.32);
color:var(--about2-blue);
font-size:11px;
letter-spacing:.06em;
text-transform:uppercase;
font-weight:700;
}
.kyg-about-v2 .about2-text-link span{transition:transform .3s ease;}
.kyg-about-v2 .about2-text-link:hover span{transform:translate(3px,-3px);}
/* FAMILY — cinematic full bleed */
.kyg-about-v2 .about2-family{
position:relative;
min-height:82svh;
overflow:hidden;
isolation:isolate;
background:var(--about2-blue);
}
.kyg-about-v2 .about2-family-media{
position:absolute;
inset:0;
z-index:-3;
background-position:center;
transition:transform 1.4s cubic-bezier(.22,.61,.36,1);
}
.kyg-about-v2 .about2-family:hover .about2-family-media{transform:scale(1.018);}
.kyg-about-v2 .about2-family-shade{
position:absolute;
inset:0;
z-index:-2;
background:linear-gradient(90deg,rgba(9,31,54,.88) 0%,rgba(9,31,54,.62) 42%,rgba(9,31,54,.12) 78%);
}
.kyg-about-v2 .about2-family-panel{
width:min(660px,48vw);
min-height:82svh;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:90px 56px 72px max(40px,calc((100vw - var(--maxw))/2 + 40px));
color:#fff;
}
.kyg-about-v2 .about2-family-panel h2{
margin:0 0 30px;
max-width:610px;
font-size:clamp(46px,4.9vw,68px);
line-height:1.01;
letter-spacing:-.038em;
}
.kyg-about-v2 .about2-family-panel blockquote{
max-width:560px;
margin:0 0 24px;
padding-top:24px;
border-top:1px solid rgba(255,255,255,.34);
font-size:clamp(24px,2.25vw,32px);
line-height:1.22;
}
.kyg-about-v2 .about2-family-panel p{
max-width:560px;
color:rgba(255,255,255,.76);
font-size:15.5px;
line-height:1.72;
}
/* SHARED HEAD */
.kyg-about-v2 .about2-section-head{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(300px,.58fr);
gap:80px;
align-items:end;
margin-bottom:58px;
}
.kyg-about-v2 .about2-section-head h2{
max-width:760px;
margin:0;
font-size:clamp(42px,4.2vw,60px);
line-height:1.02;
letter-spacing:-.034em;
}
.kyg-about-v2 .about2-section-head > p{
max-width:470px;
color:var(--about2-muted);
font-size:15px;
line-height:1.72;
}
/* BUSINESS ARCHITECTURE */
.kyg-about-v2 .about2-architecture{
padding:125px 0 138px;
background:var(--about2-paper);
}
.kyg-about-v2 .about2-capabilities{
display:flex;
gap:12px;
height:min(68vh,670px);
min-height:540px;
}
.kyg-about-v2 .about2-capability{
position:relative;
flex:1 1 50%;
overflow:hidden;
isolation:isolate;
outline:none;
transition:flex-basis .75s cubic-bezier(.22,.61,.36,1);
}
.kyg-about-v2 .about2-capability.is-active{flex-basis:60%;}
.kyg-about-v2 .about2-capability-bg{
position:absolute;
inset:0;
z-index:-3;
transform:scale(1.035);
transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.kyg-about-v2 .about2-capability.is-active .about2-capability-bg{transform:scale(1);}
.kyg-about-v2 .about2-capability-shade{
position:absolute;
inset:0;
z-index:-2;
background:linear-gradient(180deg,rgba(9,31,54,.06),rgba(9,31,54,.86));
}
.kyg-about-v2 .about2-capability-copy{
position:absolute;
left:34px;
right:34px;
bottom:32px;
color:#fff;
}
.kyg-about-v2 .about2-capability-copy > span{
font-size:10px;
letter-spacing:.12em;
color:rgba(255,255,255,.62);
}
.kyg-about-v2 .about2-capability-copy h3{
margin:14px 0 22px;
font-size:clamp(40px,4.4vw,58px);
line-height:1;
}
.kyg-about-v2 .about2-capability-copy ul{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px 24px;
list-style:none;
padding:17px 0;
margin:0;
border-top:1px solid rgba(255,255,255,.3);
border-bottom:1px solid rgba(255,255,255,.2);
}
.kyg-about-v2 .about2-capability-copy li{
font-size:10px;
letter-spacing:.06em;
text-transform:uppercase;
}
.kyg-about-v2 .about2-capability-copy p{
max-width:530px;
margin:18px 0 0;
color:rgba(255,255,255,.76);
font-size:14px;
line-height:1.65;
}
/* VALUES — sticky statement + interactive rows */
.kyg-about-v2 .about2-values{
padding:130px 0 140px;
background:var(--about2-blue);
color:#fff;
}
.kyg-about-v2 .about2-values-grid{
display:grid;
grid-template-columns:minmax(300px,.58fr) minmax(0,1.12fr);
gap:clamp(70px,9vw,140px);
align-items:start;
}
.kyg-about-v2 .about2-values-intro{
position:sticky;
top:120px;
}
.kyg-about-v2 .about2-values-intro h2{
max-width:520px;
margin:0 0 26px;
font-size:clamp(42px,4.1vw,58px);
line-height:1.03;
letter-spacing:-.034em;
}
.kyg-about-v2 .about2-values-intro p{
max-width:420px;
color:rgba(255,255,255,.66);
font-size:15px;
line-height:1.72;
}
.kyg-about-v2 .about2-value{
display:grid;
grid-template-columns:48px minmax(170px,.6fr) minmax(260px,1fr);
gap:22px;
align-items:center;
min-height:150px;
padding:28px 18px 28px 0;
border-top:1px solid rgba(255,255,255,.22);
transition:padding .35s ease,background .35s ease,transform .45s cubic-bezier(.22,.61,.36,1);
}
.kyg-about-v2 .about2-value:last-child{border-bottom:1px solid rgba(255,255,255,.22);}
.kyg-about-v2 .about2-value:hover{
padding-left:18px;
background:rgba(255,255,255,.055);
}
.kyg-about-v2 .about2-value > span{
color:var(--about2-gold);
font-size:10px;
letter-spacing:.12em;
}
.kyg-about-v2 .about2-value h3{
margin:0;
font-size:clamp(30px,3vw,42px);
line-height:1;
}
.kyg-about-v2 .about2-value p{
margin:0;
color:rgba(255,255,255,.66);
font-size:14px;
line-height:1.67;
}
/* FUTURE */
.kyg-about-v2 .about2-future{
position:relative;
min-height:78svh;
display:flex;
align-items:flex-end;
overflow:hidden;
isolation:isolate;
color:#fff;
background:var(--about2-blue);
}
.kyg-about-v2 .about2-future-media{
position:absolute;
inset:-4%;
z-index:-3;
background-position:center;
transform:translate3d(0,var(--about-future-y,0px),0);
will-change:transform;
}
.kyg-about-v2 .about2-future-shade{
position:absolute;
inset:0;
z-index:-2;
background:linear-gradient(180deg,rgba(9,31,54,.05) 10%,rgba(9,31,54,.82) 88%);
}
.kyg-about-v2 .about2-future-copy{
padding-top:110px;
padding-bottom:70px;
}
.kyg-about-v2 .about2-future-copy h2{
max-width:760px;
margin:0 0 28px;
font-size:clamp(46px,4.8vw,66px);
line-height:1.02;
letter-spacing:-.038em;
}
.kyg-about-v2 .about2-future-copy p{
max-width:650px;
color:rgba(255,255,255,.76);
font-size:16px;
line-height:1.72;
}
/* TEAM CTA */
.kyg-about-v2 .about2-team-cta{
padding:100px 0 110px;
background:var(--about2-white);
}
.kyg-about-v2 .about2-team-inner{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);
gap:70px;
align-items:end;
padding-top:28px;
border-top:1px solid var(--about2-line);
}
.kyg-about-v2 .about2-team-inner h2{
margin:0;
font-size:clamp(40px,4vw,56px);
line-height:1;
letter-spacing:-.034em;
}
.kyg-about-v2 .about2-team-action p{
margin:0 0 24px;
color:var(--about2-muted);
font-size:15px;
line-height:1.7;
}
/* TABLET */
@media (max-width:980px){
.kyg-about-v2 .about2-hero{grid-template-columns:1fr 1fr;}
.kyg-about-v2 .about2-hero h1{font-size:clamp(44px,5.8vw,58px);}
.kyg-about-v2 .about2-founder-grid{gap:56px;}
.kyg-about-v2 .about2-values-grid{gap:56px;}
.kyg-about-v2 .about2-value{grid-template-columns:38px minmax(145px,.55fr) 1fr;}
}
/* MOBILE */
@media (max-width:780px){
.kyg-about-v2 .about2-label{font-size:11px;margin-bottom:14px;}
.kyg-about-v2 .about2-hero{
min-height:0;
display:flex;
flex-direction:column;
}
.kyg-about-v2 .about2-hero-copy{
order:1;
padding:120px 22px 48px;
}
.kyg-about-v2 .kyg-about-hero-copy-inner{max-width:100%;transform:none!important;}
.kyg-about-v2 .about2-hero h1{
max-width:100%;
margin-bottom:22px;
font-size:clamp(38px,10.6vw,46px);
line-height:1.04;
}
.kyg-about-v2 .about2-hero-copy p{font-size:15px;line-height:1.68;}
.kyg-about-v2 .about2-meta{margin-top:30px;}
.kyg-about-v2 .about2-hero-media{
order:2;
min-height:58svh;
height:58svh;
}
.kyg-about-v2 .about2-hero-image{inset:0!important;transform:none!important;}
.kyg-about-v2 .about2-hero-note{left:20px;right:20px;bottom:20px;}
.kyg-about-v2 .about2-hero-note strong{font-size:25px;}
.kyg-about-v2 .about2-founder{padding:78px 0 84px;}
.kyg-about-v2 .about2-founder-grid{
grid-template-columns:1fr;
gap:36px;
}
.kyg-about-v2 .about2-founder-media{position:relative;top:auto;}
.kyg-about-v2 .about2-founder-image{clip-path:none!important;transform:none!important;}
.kyg-about-v2 .about2-founder-copy{padding-top:0;}
.kyg-about-v2 .about2-founder-copy h2{
margin-bottom:24px;
font-size:clamp(38px,10vw,46px);
}
.kyg-about-v2 .about2-founder-copy blockquote{
margin-bottom:24px;
padding-bottom:24px;
font-size:clamp(24px,6.6vw,30px);
}
.kyg-about-v2 .about2-founder-copy p{font-size:15px;line-height:1.68;}
.kyg-about-v2 .about2-family{
min-height:0;
display:flex;
flex-direction:column;
}
.kyg-about-v2 .about2-family-media{
position:relative;
inset:auto;
min-height:66svh;
width:100%;
transform:none!important;
background-position:center;
}
.kyg-about-v2 .about2-family-shade{display:none;}
.kyg-about-v2 .about2-family-panel{
width:100%;
min-height:0;
padding:48px 22px 54px;
background:var(--about2-blue);
}
.kyg-about-v2 .about2-family-panel h2{
font-size:clamp(38px,10.2vw,46px);
margin-bottom:24px;
}
.kyg-about-v2 .about2-family-panel blockquote{font-size:clamp(23px,6.4vw,29px);}
.kyg-about-v2 .about2-family-panel p{font-size:14.5px;line-height:1.68;}
.kyg-about-v2 .about2-architecture{padding:78px 0 86px;}
.kyg-about-v2 .about2-section-head{
display:block;
margin-bottom:34px;
}
.kyg-about-v2 .about2-section-head h2{
margin-bottom:18px;
font-size:clamp(36px,9.6vw,44px);
}
.kyg-about-v2 .about2-section-head > p{font-size:14.5px;line-height:1.68;}
.kyg-about-v2 .about2-capabilities{
display:grid;
height:auto;
min-height:0;
gap:8px;
}
.kyg-about-v2 .about2-capability{
min-height:520px;
flex:auto!important;
}
.kyg-about-v2 .about2-capability-copy{left:20px;right:20px;bottom:22px;}
.kyg-about-v2 .about2-capability-copy h3{font-size:42px;}
.kyg-about-v2 .about2-capability-copy p{font-size:13px;}
.kyg-about-v2 .about2-values{padding:78px 0 84px;}
.kyg-about-v2 .about2-values-grid{display:block;}
.kyg-about-v2 .about2-values-intro{position:relative;top:auto;margin-bottom:40px;}
.kyg-about-v2 .about2-values-intro h2{font-size:clamp(36px,9.6vw,44px);}
.kyg-about-v2 .about2-values-intro p{font-size:14.5px;}
.kyg-about-v2 .about2-value{
grid-template-columns:34px 1fr;
gap:12px;
min-height:0;
padding:24px 0;
}
.kyg-about-v2 .about2-value:hover{padding-left:0;background:transparent;}
.kyg-about-v2 .about2-value h3{font-size:32px;}
.kyg-about-v2 .about2-value p{
grid-column:2;
font-size:13.5px;
}
.kyg-about-v2 .about2-future{min-height:70svh;}
.kyg-about-v2 .about2-future-media{inset:0!important;transform:none!important;}
.kyg-about-v2 .about2-future-copy{padding-top:88px;padding-bottom:48px;}
.kyg-about-v2 .about2-future-copy h2{
font-size:clamp(38px,10vw,46px);
margin-bottom:22px;
}
.kyg-about-v2 .about2-future-copy p{font-size:14.5px;line-height:1.68;}
.kyg-about-v2 .about2-team-cta{padding:70px 0 76px;}
.kyg-about-v2 .about2-team-inner{
display:block;
padding-top:22px;
}
.kyg-about-v2 .about2-team-inner h2{font-size:clamp(36px,9.5vw,44px);}
.kyg-about-v2 .about2-team-action{margin-top:30px;}
}
@media (max-width:520px){
.kyg-about-v2 .wrap{padding-left:18px;padding-right:18px;}
.kyg-about-v2 .about2-hero-copy{padding-left:18px;padding-right:18px;}
.kyg-about-v2 .about2-family-panel{padding-left:18px;padding-right:18px;}
}
@media (prefers-reduced-motion:reduce){
.kyg-about-v2 .about2-family-media,
.kyg-about-v2 .about2-capability,
.kyg-about-v2 .about2-capability-bg,
.kyg-about-v2 .about2-value{transition:none!important;}
}
/* ============================================================
v5.38 — ABOUT REFINEMENTS ONLY
Scope: .kyg-about-v2 ONLY.
- shorter hero
- values/vision visually separated
- Accountability overlap fixed
============================================================ */
/* HERO — shorter and fully readable in one viewport */
.kyg-about-v2 .about2-hero{
min-height:78svh;
}
.kyg-about-v2 .about2-hero-copy{
padding-top:118px;
padding-bottom:54px;
}
.kyg-about-v2 .about2-hero h1{
max-width:560px;
font-size:clamp(44px,4.15vw,60px);
line-height:1.03;
}
.kyg-about-v2 .about2-hero-media{
min-height:78svh;
}
.kyg-about-v2 .about2-meta{
margin-top:32px;
}
/* OUR VALUES — distinct light section */
.kyg-about-v2 .about2-values{
background:#F7F7F4;
color:#091F36;
}
.kyg-about-v2 .about2-values .about2-label-light{
color:#5D6872;
}
.kyg-about-v2 .about2-values-intro p{
color:#5D6872;
}
.kyg-about-v2 .about2-value{
grid-template-columns:48px minmax(230px,.72fr) minmax(0,1fr);
gap:28px;
border-top:1px solid rgba(9,31,54,.14);
}
.kyg-about-v2 .about2-value:last-child{
border-bottom:1px solid rgba(9,31,54,.14);
}
.kyg-about-v2 .about2-value:hover{
background:rgba(9,31,54,.035);
}
.kyg-about-v2 .about2-value > span{
color:#B8985A;
}
.kyg-about-v2 .about2-value h3{
color:#091F36;
font-size:clamp(28px,2.5vw,36px);
line-height:1.05;
overflow-wrap:normal;
word-break:normal;
}
.kyg-about-v2 .about2-value p{
color:#5D6872;
}
/* OUR VISION — clearly separate, dark cinematic section */
.kyg-about-v2 .about2-future{
background:#091F36;
color:#fff;
}
.kyg-about-v2 .about2-future-shade{
background:
linear-gradient(90deg,rgba(9,31,54,.72) 0%,rgba(9,31,54,.38) 46%,rgba(9,31,54,.08) 74%),
linear-gradient(180deg,rgba(9,31,54,.03) 20%,rgba(9,31,54,.62) 100%);
}
.kyg-about-v2 .about2-future-copy{
padding-top:96px;
padding-bottom:66px;
}
/* Mid-size screens: stack value text safely so no title can collide */
@media (max-width:1180px) and (min-width:781px){
.kyg-about-v2 .about2-values-grid{
grid-template-columns:minmax(280px,.52fr) minmax(0,1fr);
gap:54px;
}
.kyg-about-v2 .about2-value{
grid-template-columns:38px minmax(0,1fr);
gap:10px 18px;
}
.kyg-about-v2 .about2-value p{
grid-column:2;
}
}
/* MOBILE — keep hero compact too */
@media (max-width:780px){
.kyg-about-v2 .about2-hero{
min-height:0;
}
.kyg-about-v2 .about2-hero-copy{
padding-top:104px;
padding-bottom:40px;
}
.kyg-about-v2 .about2-hero h1{
font-size:clamp(34px,9.4vw,41px);
line-height:1.04;
}
.kyg-about-v2 .about2-hero-media{
min-height:52svh;
height:52svh;
}
.kyg-about-v2 .about2-values{
background:#F7F7F4;
color:#091F36;
}
.kyg-about-v2 .about2-value{
border-top-color:rgba(9,31,54,.14);
}
.kyg-about-v2 .about2-value:last-child{
border-bottom-color:rgba(9,31,54,.14);
}
.kyg-about-v2 .about2-value h3{
color:#091F36;
}
.kyg-about-v2 .about2-value p,
.kyg-about-v2 .about2-values-intro p{
color:#5D6872;
}
}
/* ============================================================
v5.39 — ABOUT IMAGE FIXES ONLY
Scope: .kyg-about-v2 only.
No other page is affected.
============================================================ */
/* 1) FOUNDER — correct the crop without changing the section layout */
.kyg-about-v2 .about2-founder-image{
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:center 16%!important;
}
@media (max-width:780px){
.kyg-about-v2 .about2-founder-image{
background-position:center 12%!important;
}
}
/* 2) FAMILY & FUTURE — text left, image right.
The image is shown once only; no repeated/tiled background. */
.kyg-about-v2 .about2-family{
min-height:0!important;
display:grid!important;
grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)!important;
align-items:stretch!important;
background:#091F36!important;
overflow:hidden!important;
}
.kyg-about-v2 .about2-family-panel{
order:1!important;
width:auto!important;
min-height:680px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
padding:80px 56px 80px max(40px,calc((100vw - var(--maxw))/2 + 40px))!important;
background:#091F36!important;
}
.kyg-about-v2 .about2-family-media{
order:2!important;
position:relative!important;
inset:auto!important;
width:100%!important;
min-height:680px!important;
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:center center!important;
transform:none!important;
}
.kyg-about-v2 .about2-family-shade{
display:none!important;
}
/* 3) OUR VISION image — keep it single, clean and non-repeating */
.kyg-about-v2 .about2-future-media{
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:center center!important;
}
/* Mobile: keep the same content, simply stack text then image */
@media (max-width:780px){
.kyg-about-v2 .about2-family{
display:flex!important;
flex-direction:column!important;
}
.kyg-about-v2 .about2-family-panel{
order:1!important;
width:100%!important;
min-height:0!important;
padding:46px 22px 40px!important;
}
.kyg-about-v2 .about2-family-media{
order:2!important;
width:100%!important;
min-height:56svh!important;
height:56svh!important;
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:center center!important;
}
}
/* ============================================================
v5.41 — ABOUT / OUR VISION POSITION FIX ONLY
Keeps the original cinematic full-bleed layout from v5.39.
============================================================ */
.kyg-about-v2 .about2-future{
display:flex!important;
min-height:78svh!important;
align-items:flex-end!important;
position:relative!important;
overflow:hidden!important;
isolation:isolate!important;
background:#091F36!important;
}
.kyg-about-v2 .about2-future-media{
position:absolute!important;
inset:-2%!important;
z-index:-3!important;
width:auto!important;
min-height:0!important;
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:72% top!important;
transform:translate3d(0,var(--about-future-y,0px),0)!important;
will-change:transform!important;
}
.kyg-about-v2 .about2-future-shade{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:-2!important;
background:
linear-gradient(
90deg,
rgba(9,31,54,.86) 0%,
rgba(9,31,54,.72) 28%,
rgba(9,31,54,.34) 52%,
rgba(9,31,54,.08) 72%,
rgba(9,31,54,.02) 100%
),
linear-gradient(
180deg,
rgba(9,31,54,.02) 18%,
rgba(9,31,54,.50) 100%
)!important;
}
.kyg-about-v2 .about2-future-copy{
position:relative!important;
z-index:1!important;
width:100%!important;
max-width:var(--maxw)!important;
margin:0 auto!important;
display:block!important;
padding-top:110px!important;
padding-bottom:70px!important;
background:transparent!important;
}
.kyg-about-v2 .about2-future-copy h2{
max-width:610px!important;
margin:0 0 26px!important;
}
.kyg-about-v2 .about2-future-copy p{
max-width:570px!important;
}
/* Mobile: same full-bleed concept; text sits in the dark lower safe area */
@media (max-width:780px){
.kyg-about-v2 .about2-future{
min-height:72svh!important;
display:flex!important;
align-items:flex-end!important;
}
.kyg-about-v2 .about2-future-media{
position:absolute!important;
inset:0!important;
width:auto!important;
min-height:0!important;
height:auto!important;
background-size:cover!important;
background-position:68% top!important;
transform:none!important;
}
.kyg-about-v2 .about2-future-shade{
display:block!important;
background:
linear-gradient(
180deg,
rgba(9,31,54,.03) 0%,
rgba(9,31,54,.09) 40%,
rgba(9,31,54,.82) 72%,
rgba(9,31,54,.95) 100%
)!important;
}
.kyg-about-v2 .about2-future-copy{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:170px 22px 44px!important;
background:transparent!important;
}
.kyg-about-v2 .about2-future-copy h2,
.kyg-about-v2 .about2-future-copy p{
max-width:100%!important;
}
}
/* ============================================================
v5.42 — ABOUT HERO VIDEO + OUR VISION PHOTO FIX
Scope: .kyg-about-v2 only.
============================================================ */
/* HERO VIDEO */
.kyg-about-v2 .about2-hero-media{
position:relative!important;
overflow:hidden!important;
background:#091F36!important;
}
.kyg-about-v2 .about2-hero-video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
z-index:0!important;
pointer-events:none!important;
}
.kyg-about-v2 .about2-hero-shade{
z-index:1!important;
}
.kyg-about-v2 .about2-hero-note{
z-index:2!important;
}
/* OUR VISION
Use the real ![]()
at natural width so the image is not background-cropped.
Desktop keeps the same cinematic full-bleed feeling.
*/
.kyg-about-v2 .about2-future{
position:relative!important;
display:block!important;
min-height:0!important;
overflow:hidden!important;
isolation:isolate!important;
background:#091F36!important;
color:#fff!important;
}
.kyg-about-v2 .about2-future-photo{
position:relative!important;
z-index:0!important;
display:block!important;
width:100%!important;
height:auto!important;
max-width:none!important;
object-fit:contain!important;
object-position:center top!important;
}
.kyg-about-v2 .about2-future-shade{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
background:
linear-gradient(
90deg,
rgba(9,31,54,.88) 0%,
rgba(9,31,54,.78) 24%,
rgba(9,31,54,.48) 43%,
rgba(9,31,54,.16) 60%,
rgba(9,31,54,.02) 78%
),
linear-gradient(
180deg,
rgba(9,31,54,.01) 36%,
rgba(9,31,54,.58) 100%
)!important;
}
.kyg-about-v2 .about2-future-copy{
position:absolute!important;
left:50%!important;
bottom:0!important;
z-index:2!important;
width:calc(100% - 80px)!important;
max-width:var(--maxw)!important;
margin:0!important;
transform:translateX(-50%)!important;
padding:0 0 58px!important;
background:transparent!important;
}
.kyg-about-v2 .about2-future-copy h2{
max-width:520px!important;
margin:0 0 22px!important;
font-size:clamp(42px,4.1vw,58px)!important;
line-height:1.03!important;
}
.kyg-about-v2 .about2-future-copy p{
max-width:520px!important;
margin:0!important;
}
/* Mobile: keep the full photo visible and move copy below it so it never
covers faces or heads. */
@media (max-width:780px){
.kyg-about-v2 .about2-hero-video{
object-position:center center!important;
}
.kyg-about-v2 .about2-future{
display:flex!important;
flex-direction:column!important;
background:#091F36!important;
}
.kyg-about-v2 .about2-future-photo{
order:1!important;
width:100%!important;
height:auto!important;
object-fit:contain!important;
}
.kyg-about-v2 .about2-future-shade{
display:none!important;
}
.kyg-about-v2 .about2-future-copy{
order:2!important;
position:relative!important;
left:auto!important;
bottom:auto!important;
width:100%!important;
max-width:none!important;
transform:none!important;
padding:42px 22px 46px!important;
background:#091F36!important;
}
.kyg-about-v2 .about2-future-copy h2{
max-width:100%!important;
font-size:clamp(36px,9.6vw,43px)!important;
}
.kyg-about-v2 .about2-future-copy p{
max-width:100%!important;
}
}
/* ============================================================
v5.43 — ABOUT / OUR VISION LANDSCAPE FIX ONLY
Keeps the original cinematic landscape treatment.
Does not change HTML or any other About section.
============================================================ */
.kyg-about-v2 .about2-future{
position:relative!important;
min-height:68svh!important;
height:auto!important;
display:flex!important;
align-items:flex-end!important;
overflow:hidden!important;
isolation:isolate!important;
background:#091F36!important;
color:#fff!important;
}
/* Current v2.3 markup uses a real ![]()
.
Make it behave like the original full-bleed landscape background,
but anchor it to the TOP so heads are not cut. */
.kyg-about-v2 .about2-future-photo{
position:absolute!important;
inset:0!important;
z-index:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
display:block!important;
object-fit:cover!important;
object-position:68% 0%!important;
}
/* Keep the cinematic text-safe gradient, strongest on the left only. */
.kyg-about-v2 .about2-future-shade{
display:block!important;
position:absolute!important;
inset:0!important;
z-index:1!important;
background:
linear-gradient(
90deg,
rgba(9,31,54,.88) 0%,
rgba(9,31,54,.74) 27%,
rgba(9,31,54,.38) 48%,
rgba(9,31,54,.10) 67%,
rgba(9,31,54,.02) 100%
),
linear-gradient(
180deg,
rgba(9,31,54,.00) 30%,
rgba(9,31,54,.50) 100%
)!important;
}
.kyg-about-v2 .about2-future-copy{
position:relative!important;
left:auto!important;
bottom:auto!important;
z-index:2!important;
width:100%!important;
max-width:var(--maxw)!important;
margin:0 auto!important;
transform:none!important;
padding-top:110px!important;
padding-bottom:62px!important;
background:transparent!important;
}
.kyg-about-v2 .about2-future-copy h2{
max-width:560px!important;
margin:0 0 24px!important;
}
.kyg-about-v2 .about2-future-copy p{
max-width:540px!important;
margin:0!important;
}
/* Mobile: keep it cinematic too; no portrait/full-image treatment.
The image stays top-anchored so heads remain visible. */
@media (max-width:780px){
.kyg-about-v2 .about2-future{
min-height:72svh!important;
display:flex!important;
align-items:flex-end!important;
}
.kyg-about-v2 .about2-future-photo{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:64% 0%!important;
}
.kyg-about-v2 .about2-future-shade{
display:block!important;
background:
linear-gradient(
180deg,
rgba(9,31,54,.02) 0%,
rgba(9,31,54,.06) 38%,
rgba(9,31,54,.75) 72%,
rgba(9,31,54,.94) 100%
)!important;
}
.kyg-about-v2 .about2-future-copy{
position:relative!important;
width:100%!important;
max-width:none!important;
margin:0!important;
transform:none!important;
padding:190px 22px 44px!important;
background:transparent!important;
}
.kyg-about-v2 .about2-future-copy h2,
.kyg-about-v2 .about2-future-copy p{
max-width:100%!important;
}
}
/* ============================================================
v5.44 — ABOUT IMAGE CROP AUDIT
Scope: .kyg-about-v2 only.
Keeps all existing layouts and fixes image presentation.
============================================================ */
/* FOUNDER — stable portrait crop */
.kyg-about-v2 .about2-founder-image{
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:center 16%!important;
}
/* FAMILY — single clean image on the right, no zoom/crop shift */
.kyg-about-v2 .about2-family-media{
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:center 30%!important;
transform:none!important;
}
.kyg-about-v2 .about2-family:hover .about2-family-media{
transform:none!important;
}
/* BROKERAGE + DEVELOPMENT
Keep the dynamic two-panel layout, but stop the image zoom
and use a shallower frame so the photos are not aggressively cropped. */
.kyg-about-v2 .about2-capabilities{
height:min(60vh,600px)!important;
min-height:500px!important;
}
.kyg-about-v2 .about2-capability-bg{
background-repeat:no-repeat!important;
background-size:cover!important;
transform:none!important;
transition:none!important;
}
/* Brokerage image: preserve the upper/people area */
.kyg-about-v2 .about2-capability:nth-child(1) .about2-capability-bg{
background-position:center 28%!important;
}
/* Development image: keep the architectural composition centered */
.kyg-about-v2 .about2-capability:nth-child(2) .about2-capability-bg{
background-position:center 46%!important;
}
.kyg-about-v2 .about2-capability.is-active .about2-capability-bg{
transform:none!important;
}
.kyg-about-v2 .about2-capability-shade{
background:
linear-gradient(
180deg,
rgba(9,31,54,.02) 0%,
rgba(9,31,54,.10) 48%,
rgba(9,31,54,.82) 100%
)!important;
}
/* OUR VISION — keep landscape/cinematic and protect heads */
.kyg-about-v2 .about2-future-photo{
object-fit:cover!important;
object-position:68% 0%!important;
}
/* MOBILE */
@media (max-width:780px){
.kyg-about-v2 .about2-founder-image{
background-position:center 12%!important;
}
.kyg-about-v2 .about2-family-media{
background-position:center 24%!important;
}
.kyg-about-v2 .about2-capabilities{
height:auto!important;
min-height:0!important;
}
.kyg-about-v2 .about2-capability{
min-height:440px!important;
}
.kyg-about-v2 .about2-capability:nth-child(1) .about2-capability-bg{
background-position:center 22%!important;
}
.kyg-about-v2 .about2-capability:nth-child(2) .about2-capability-bg{
background-position:center 42%!important;
}
.kyg-about-v2 .about2-future-photo{
object-position:64% 0%!important;
}
}
/* ============================================================
v5.45 — TEAM PAGE v2
Scope: .kyg-team-v2 ONLY.
============================================================ */
.kyg-team-v2{
--team-v2-blue:#091F36;
--team-v2-paper:#F7F7F4;
--team-v2-line:rgba(9,31,54,.14);
--team-v2-gold:#B8985A;
}
/* Keep Team v2 titles editorial but controlled */
.kyg-team-v2 .kyg-team-hero-copy h1{
font-size:clamp(46px,4.7vw,68px)!important;
line-height:1.01!important;
max-width:650px!important;
}
.kyg-team-v2 .kyg-team-belief h2,
.kyg-team-v2 .kyg-team-stories-head h2,
.kyg-team-v2 .kyg-team-together-intro h2,
.kyg-team-v2 .kyg-team-next h2{
font-size:clamp(40px,4.1vw,60px)!important;
}
/* Shared v2 section heading */
.kyg-team-v2 .kyg-team-v2-head{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(300px,.58fr);
gap:clamp(60px,9vw,130px);
align-items:end;
margin-bottom:66px;
}
.kyg-team-v2 .kyg-team-v2-head h2{
max-width:720px;
margin:17px 0 0;
font-size:clamp(42px,4.3vw,62px);
line-height:1.02;
letter-spacing:-.035em;
}
.kyg-team-v2 .kyg-team-v2-head > p{
max-width:470px;
color:var(--text-muted);
font-size:14px;
line-height:1.75;
font-weight:300;
}
.kyg-team-v2 .kyg-team-v2-head--compact{
margin-bottom:54px;
}
/* MANAGEMENT — exactly 2 rows x 3 on desktop */
.kyg-team-v2 .kyg-team-v2-management{
padding:122px 0 154px;
background:var(--team-v2-paper);
}
.kyg-team-v2 .kyg-team-v2-management-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:82px 24px;
align-items:start;
}
.kyg-team-v2 .kyg-team-v2-management-card{
min-width:0;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(3n+2){
transform:translateY(42px);
}
.kyg-team-v2 .kyg-team-v2-management-card .kyg-team-person-photo{
aspect-ratio:4/5;
background-position:center top;
}
.kyg-team-v2 .kyg-team-v2-management-card .kyg-team-person-meta h3{
font-size:clamp(20px,1.7vw,25px);
}
/* CORPORATE — smaller portraits, still staggered */
.kyg-team-v2 .kyg-team-v2-corporate{
padding:122px 0 145px;
background:#fff;
}
.kyg-team-v2 .kyg-team-v2-corporate-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:22px;
align-items:start;
padding-top:8px;
}
.kyg-team-v2 .kyg-team-v2-corporate-card{
min-width:0;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(even){
transform:translateY(34px);
}
.kyg-team-v2 .kyg-team-v2-corporate-card .kyg-team-person-photo{
aspect-ratio:4/5;
background-position:center top;
}
.kyg-team-v2 .kyg-team-v2-corporate-card .kyg-team-person-meta{
display:block;
padding-top:12px;
margin-top:12px;
}
.kyg-team-v2 .kyg-team-v2-corporate-card .kyg-team-person-meta h3{
font-size:18px;
}
.kyg-team-v2 .kyg-team-v2-corporate-card .kyg-team-person-meta p{
margin-top:5px;
text-align:left;
font-size:8.5px;
max-width:none;
}
/* Make every portrait reveal cleanly through the existing Team motion JS */
.kyg-team-v2 .kyg-team-person-photo{
background-repeat:no-repeat;
background-size:cover;
transition:
filter .45s ease,
box-shadow .55s ease;
}
.kyg-team-v2 .kyg-team-person:hover .kyg-team-person-photo{
filter:contrast(1.03) saturate(.96);
box-shadow:0 22px 50px rgba(9,31,54,.10);
}
/* AGENTS — three visible, horizontal slider */
.kyg-team-v2 .kyg-team-v2-agents{
padding:124px 0 138px;
background:var(--team-v2-blue);
color:#fff;
overflow:hidden;
}
.kyg-team-v2 .kyg-team-v2-agents .eyebrow{
color:rgba(255,255,255,.62);
}
.kyg-team-v2 .kyg-team-v2-agents-head{
display:flex;
justify-content:space-between;
gap:40px;
align-items:flex-end;
margin-bottom:52px;
}
.kyg-team-v2 .kyg-team-v2-agents-head h2{
max-width:710px;
margin:17px 0 0;
font-size:clamp(42px,4.3vw,62px);
line-height:1.02;
letter-spacing:-.035em;
}
.kyg-team-v2 .kyg-team-v2-agent-controls{
display:flex;
gap:8px;
padding-bottom:4px;
}
.kyg-team-v2 .kyg-team-v2-agent-controls button{
width:46px;
height:46px;
border:1px solid rgba(255,255,255,.30);
border-radius:999px;
color:#fff;
background:transparent;
font-size:18px;
transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.kyg-team-v2 .kyg-team-v2-agent-controls button:hover{
background:#fff;
color:var(--team-v2-blue);
border-color:#fff;
transform:translateY(-2px);
}
.kyg-team-v2 .kyg-team-v2-agent-controls button:disabled{
opacity:.30;
pointer-events:none;
}
.kyg-team-v2 .kyg-team-v2-agent-viewport{
width:100%;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scrollbar-width:none;
padding:8px max(24px,calc((100vw - var(--maxw))/2 + 40px)) 58px;
scroll-behavior:smooth;
}
.kyg-team-v2 .kyg-team-v2-agent-viewport::-webkit-scrollbar{
display:none;
}
.kyg-team-v2 .kyg-team-v2-agent-track{
display:flex;
align-items:flex-start;
gap:22px;
width:max-content;
}
.kyg-team-v2 .kyg-team-v2-agent-card{
flex:0 0 clamp(270px,27vw,390px);
scroll-snap-align:start;
color:#fff;
}
.kyg-team-v2 .kyg-team-v2-agent-card:nth-child(3n+2){
transform:translateY(38px);
}
.kyg-team-v2 .kyg-team-v2-agent-card .kyg-team-person-photo{
aspect-ratio:4/5;
background-position:center top;
background-color:#17324d;
}
.kyg-team-v2 .kyg-team-v2-agent-card .kyg-team-person-meta{
border-top-color:rgba(255,255,255,.24);
}
.kyg-team-v2 .kyg-team-v2-agent-card .kyg-team-person-meta h3{
color:#fff;
}
.kyg-team-v2 .kyg-team-v2-agent-card .kyg-team-person-meta p{
color:rgba(255,255,255,.62);
}
.kyg-team-v2 .kyg-team-v2-agents-footer{
display:flex;
justify-content:flex-end;
padding-top:8px;
}
.kyg-team-v2 .kyg-team-v2-discover{
display:inline-flex;
align-items:center;
gap:13px;
padding-bottom:6px;
border-bottom:1px solid rgba(255,255,255,.42);
color:#fff;
font-size:11px;
letter-spacing:.11em;
text-transform:uppercase;
font-weight:700;
}
.kyg-team-v2 .kyg-team-v2-discover span{
transition:transform .28s ease;
}
.kyg-team-v2 .kyg-team-v2-discover:hover span{
transform:translate(3px,-3px);
}
/* ONE COMPANY — editorial bridge */
.kyg-team-v2 .kyg-team-v2-company{
padding:118px 0 126px;
background:#fff;
}
.kyg-team-v2 .kyg-team-v2-company-grid{
display:grid;
grid-template-columns:.30fr 1fr;
gap:clamp(48px,8vw,120px);
align-items:start;
}
.kyg-team-v2 .kyg-team-v2-company-grid > .eyebrow{
padding-top:9px;
}
.kyg-team-v2 .kyg-team-v2-company-grid > div:nth-child(2){
max-width:900px;
}
.kyg-team-v2 .kyg-team-v2-company h2{
margin:0;
max-width:840px;
font-size:clamp(42px,4.6vw,66px);
line-height:1.01;
letter-spacing:-.038em;
}
.kyg-team-v2 .kyg-team-v2-company p{
max-width:690px;
margin-top:28px;
color:var(--text-muted);
font-size:15px;
line-height:1.78;
font-weight:300;
}
.kyg-team-v2 .kyg-team-v2-company-points{
grid-column:2;
display:flex;
flex-wrap:wrap;
gap:12px 30px;
margin-top:10px;
padding-top:18px;
border-top:1px solid var(--team-v2-line);
color:var(--team-v2-blue);
font-size:10px;
letter-spacing:.12em;
text-transform:uppercase;
font-weight:700;
}
/* Tablet */
@media (max-width:1080px){
.kyg-team-v2 .kyg-team-v2-corporate-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:62px 20px;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(even){
transform:none;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(3n+2){
transform:translateY(30px);
}
}
/* Mobile */
@media (max-width:780px){
.kyg-team-v2 .kyg-team-hero-copy h1{
font-size:clamp(38px,10vw,46px)!important;
}
.kyg-team-v2 .kyg-team-v2-head{
display:block;
margin-bottom:38px;
}
.kyg-team-v2 .kyg-team-v2-head h2,
.kyg-team-v2 .kyg-team-v2-agents-head h2,
.kyg-team-v2 .kyg-team-v2-company h2{
font-size:clamp(36px,9.6vw,44px);
}
.kyg-team-v2 .kyg-team-v2-head > p{
margin-top:20px;
}
.kyg-team-v2 .kyg-team-v2-management{
padding:82px 0 100px;
}
.kyg-team-v2 .kyg-team-v2-management-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:54px 14px;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(3n+2){
transform:none;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(even){
transform:translateY(24px);
}
.kyg-team-v2 .kyg-team-v2-corporate{
padding:82px 0 98px;
}
.kyg-team-v2 .kyg-team-v2-corporate-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:48px 14px;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(3n+2){
transform:none;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(even){
transform:translateY(22px);
}
.kyg-team-v2 .kyg-team-v2-agents{
padding:82px 0 92px;
}
.kyg-team-v2 .kyg-team-v2-agents-head{
align-items:flex-end;
margin-bottom:32px;
}
.kyg-team-v2 .kyg-team-v2-agent-controls{
flex:0 0 auto;
}
.kyg-team-v2 .kyg-team-v2-agent-controls button{
width:40px;
height:40px;
}
.kyg-team-v2 .kyg-team-v2-agent-viewport{
padding-left:20px;
padding-right:20px;
padding-bottom:48px;
}
.kyg-team-v2 .kyg-team-v2-agent-card{
flex-basis:min(76vw,330px);
}
.kyg-team-v2 .kyg-team-v2-agent-card:nth-child(3n+2){
transform:translateY(24px);
}
.kyg-team-v2 .kyg-team-v2-company{
padding:82px 0 88px;
}
.kyg-team-v2 .kyg-team-v2-company-grid{
display:block;
}
.kyg-team-v2 .kyg-team-v2-company-grid > .eyebrow{
display:block;
margin-bottom:18px;
}
.kyg-team-v2 .kyg-team-v2-company-points{
margin-top:34px;
}
}
@media (max-width:520px){
.kyg-team-v2 .kyg-team-v2-management-grid{
grid-template-columns:1fr;
gap:44px;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(even){
transform:none;
}
.kyg-team-v2 .kyg-team-v2-corporate-grid{
grid-template-columns:1fr 1fr;
}
.kyg-team-v2 .kyg-team-v2-agents-head{
display:block;
}
.kyg-team-v2 .kyg-team-v2-agent-controls{
margin-top:24px;
}
}
/* ============================================================
v5.46 — TEAM v2 SIMPLIFIED ENDING
Scope: .kyg-team-v2 only.
============================================================ */
/* ONE COMPANY — centered editorial statement */
.kyg-team-v2 .kyg-team-v2-company--centered{
padding:132px 0 138px!important;
background:#fff!important;
}
.kyg-team-v2 .kyg-team-v2-company-center{
max-width:980px!important;
margin:0 auto!important;
text-align:center!important;
}
.kyg-team-v2 .kyg-team-v2-company-center .eyebrow{
display:block!important;
margin-bottom:22px!important;
}
.kyg-team-v2 .kyg-team-v2-company-center h2{
max-width:900px!important;
margin:0 auto!important;
font-size:clamp(44px,4.8vw,68px)!important;
line-height:1.02!important;
letter-spacing:-.038em!important;
}
.kyg-team-v2 .kyg-team-v2-company-center p{
max-width:680px!important;
margin:28px auto 0!important;
color:var(--text-muted)!important;
font-size:15px!important;
line-height:1.78!important;
font-weight:300!important;
}
/* CAREERS CTA — simple centered close */
.kyg-team-v2 .kyg-team-v2-careers-cta{
padding:112px 0 118px!important;
background:#091F36!important;
color:#fff!important;
}
.kyg-team-v2 .kyg-team-v2-careers-inner{
max-width:820px!important;
margin:0 auto!important;
text-align:center!important;
}
.kyg-team-v2 .kyg-team-v2-careers-inner .eyebrow{
color:rgba(255,255,255,.62)!important;
display:block!important;
margin-bottom:20px!important;
}
.kyg-team-v2 .kyg-team-v2-careers-inner h2{
margin:0!important;
font-size:clamp(42px,4.7vw,64px)!important;
line-height:1.02!important;
letter-spacing:-.036em!important;
color:#fff!important;
}
.kyg-team-v2 .kyg-team-v2-careers-inner p{
max-width:600px!important;
margin:24px auto 30px!important;
color:rgba(255,255,255,.72)!important;
font-size:15px!important;
line-height:1.75!important;
}
.kyg-team-v2 .kyg-team-v2-careers-inner .btn{
display:inline-flex!important;
}
@media (max-width:780px){
.kyg-team-v2 .kyg-team-v2-company--centered{
padding:84px 0 90px!important;
}
.kyg-team-v2 .kyg-team-v2-company-center h2{
font-size:clamp(36px,9.6vw,44px)!important;
}
.kyg-team-v2 .kyg-team-v2-company-center p{
font-size:14.5px!important;
}
.kyg-team-v2 .kyg-team-v2-careers-cta{
padding:82px 0 88px!important;
}
.kyg-team-v2 .kyg-team-v2-careers-inner h2{
font-size:clamp(36px,9.6vw,44px)!important;
}
.kyg-team-v2 .kyg-team-v2-careers-inner p{
font-size:14.5px!important;
}
}
/* ============================================================
v5.47 — TEAM DIRECT-TO-MANAGEMENT OPENING
Scope: .kyg-team-v2 only.
Removes the need for a hero by making Management the visual opener.
============================================================ */
/* First section now starts under the fixed navigation with proper breathing room */
.kyg-team-v2 .kyg-team-v2-management{
padding-top:clamp(145px,13vw,190px)!important;
padding-bottom:150px!important;
overflow:hidden!important;
}
/* Give the opening heading more editorial presence, without hero proportions */
.kyg-team-v2 .kyg-team-v2-management > .wrap > .kyg-team-v2-head{
margin-bottom:82px!important;
padding-bottom:26px!important;
border-bottom:1px solid rgba(9,31,54,.12)!important;
}
.kyg-team-v2 .kyg-team-v2-management .kyg-team-v2-head h2{
max-width:680px!important;
font-size:clamp(46px,4.7vw,66px)!important;
line-height:1.01!important;
}
/* 2 rows x 3 remains, but the rhythm is more editorial */
.kyg-team-v2 .kyg-team-v2-management-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:92px 26px!important;
align-items:start!important;
}
/* Base stagger + scroll motion work together via CSS variables */
.kyg-team-v2 .kyg-team-v2-management-card{
--team-card-base-y:0px;
--team-card-motion-y:0px;
--team-card-tilt:0deg;
transform:
translate3d(0,calc(var(--team-card-base-y) + var(--team-card-motion-y)),0)
rotate(var(--team-card-tilt))!important;
transition:
transform .65s cubic-bezier(.22,.61,.36,1),
opacity .45s ease!important;
will-change:transform!important;
}
/* Row 1 */
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(1){
--team-card-base-y:0px;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(2){
--team-card-base-y:48px;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(3){
--team-card-base-y:14px;
}
/* Row 2 — different rhythm, not a mechanical repeat */
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(4){
--team-card-base-y:-8px;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(5){
--team-card-base-y:38px;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(6){
--team-card-base-y:4px;
}
/* Existing image reveal remains; make the image itself feel more alive */
.kyg-team-v2 .kyg-team-v2-management-card .kyg-team-person-photo{
overflow:hidden!important;
background-position:center top!important;
box-shadow:0 0 0 rgba(9,31,54,0)!important;
}
.kyg-team-v2 .kyg-team-v2-management-card:hover{
--team-card-motion-y:-8px!important;
}
.kyg-team-v2 .kyg-team-v2-management-card:hover .kyg-team-person-photo{
box-shadow:0 26px 60px rgba(9,31,54,.12)!important;
}
/* Names stay clean and aligned despite the stagger */
.kyg-team-v2 .kyg-team-v2-management-card .kyg-team-person-meta{
margin-top:14px!important;
}
/* Tablet */
@media (max-width:980px){
.kyg-team-v2 .kyg-team-v2-management{
padding-top:132px!important;
}
.kyg-team-v2 .kyg-team-v2-management-grid{
gap:76px 20px!important;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(2),
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(5){
--team-card-base-y:34px;
}
}
/* Mobile: no awkward offset gaps; motion stays in the image reveal */
@media (max-width:780px){
.kyg-team-v2 .kyg-team-v2-management{
padding-top:112px!important;
padding-bottom:94px!important;
}
.kyg-team-v2 .kyg-team-v2-management > .wrap > .kyg-team-v2-head{
margin-bottom:52px!important;
padding-bottom:20px!important;
}
.kyg-team-v2 .kyg-team-v2-management .kyg-team-v2-head h2{
font-size:clamp(38px,10vw,46px)!important;
}
.kyg-team-v2 .kyg-team-v2-management-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:54px 14px!important;
}
.kyg-team-v2 .kyg-team-v2-management-card{
--team-card-base-y:0px!important;
--team-card-tilt:0deg!important;
}
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(even){
--team-card-base-y:22px!important;
}
}
@media (max-width:520px){
.kyg-team-v2 .kyg-team-v2-management-grid{
grid-template-columns:1fr!important;
gap:46px!important;
}
.kyg-team-v2 .kyg-team-v2-management-card,
.kyg-team-v2 .kyg-team-v2-management-card:nth-child(even){
--team-card-base-y:0px!important;
transform:translate3d(0,var(--team-card-motion-y),0)!important;
}
}
/* ============================================================
v5.48 — TEAM SEQUENTIAL REVEALS
Scope: .kyg-team-v2 only.
Management and Corporate use DIFFERENT reveal languages.
============================================================ */
/* ------------------------------------------------------------
MANAGEMENT
Slow editorial reveal, one card after another, bottom -> top.
Existing stagger + scroll drift from v5.47 remains.
------------------------------------------------------------ */
.kyg-team-v2 .kyg-team-v2-management-card{
opacity:0;
clip-path:inset(100% 0 0 0);
transition:
opacity .70s ease,
clip-path 1.05s cubic-bezier(.22,.61,.36,1),
transform .65s cubic-bezier(.22,.61,.36,1)!important;
}
.kyg-team-v2 .kyg-team-v2-management-card.is-team-revealed{
opacity:1;
clip-path:inset(0 0 0 0);
}
.kyg-team-v2 .kyg-team-v2-management-card .kyg-team-person-meta{
opacity:0;
transform:translateY(12px);
transition:
opacity .55s ease .20s,
transform .65s cubic-bezier(.22,.61,.36,1) .20s!important;
}
.kyg-team-v2 .kyg-team-v2-management-card.is-team-revealed .kyg-team-person-meta{
opacity:1;
transform:translateY(0);
}
/* ------------------------------------------------------------
CORPORATE TEAM
Different motion: cards enter from alternating sides with a
subtle scale/rotation, then settle into the existing stagger.
------------------------------------------------------------ */
.kyg-team-v2 .kyg-team-v2-corporate-card{
--corporate-reveal-x:0px;
--corporate-reveal-rotate:0deg;
opacity:0;
filter:blur(3px);
transform:
translate3d(var(--corporate-reveal-x), 26px, 0)
rotate(var(--corporate-reveal-rotate))
scale(.955)!important;
transition:
opacity .72s ease,
filter .72s ease,
transform 1.00s cubic-bezier(.18,.75,.24,1)!important;
will-change:transform,opacity,filter;
}
/* alternate directions */
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(1){
--corporate-reveal-x:-52px;
--corporate-reveal-rotate:-1.1deg;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(2){
--corporate-reveal-x:38px;
--corporate-reveal-rotate:.9deg;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(3){
--corporate-reveal-x:-34px;
--corporate-reveal-rotate:-.7deg;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(4){
--corporate-reveal-x:48px;
--corporate-reveal-rotate:1deg;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(5){
--corporate-reveal-x:-28px;
--corporate-reveal-rotate:-.6deg;
}
/* final positions preserve the existing up/down stagger */
.kyg-team-v2 .kyg-team-v2-corporate-card.is-team-revealed{
opacity:1;
filter:blur(0);
transform:translate3d(0,0,0) rotate(0deg) scale(1)!important;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(even).is-team-revealed{
transform:translate3d(0,34px,0) rotate(0deg) scale(1)!important;
}
/* corporate names arrive more quickly than Management */
.kyg-team-v2 .kyg-team-v2-corporate-card .kyg-team-person-meta{
opacity:0;
transform:translateY(8px);
transition:
opacity .45s ease .18s,
transform .55s cubic-bezier(.22,.61,.36,1) .18s!important;
}
.kyg-team-v2 .kyg-team-v2-corporate-card.is-team-revealed .kyg-team-person-meta{
opacity:1;
transform:translateY(0);
}
/* Tablet corporate final stagger */
@media (max-width:1080px) and (min-width:781px){
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(even).is-team-revealed{
transform:translate3d(0,0,0) rotate(0deg) scale(1)!important;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(3n+2).is-team-revealed{
transform:translate3d(0,30px,0) rotate(0deg) scale(1)!important;
}
}
/* Mobile: keep the reveal but reduce lateral travel */
@media (max-width:780px){
.kyg-team-v2 .kyg-team-v2-corporate-card{
--corporate-reveal-x:0px!important;
transform:translate3d(0,22px,0) scale(.97)!important;
filter:blur(2px);
}
.kyg-team-v2 .kyg-team-v2-corporate-card.is-team-revealed{
transform:translate3d(0,0,0) scale(1)!important;
}
.kyg-team-v2 .kyg-team-v2-corporate-card:nth-child(even).is-team-revealed{
transform:translate3d(0,22px,0) scale(1)!important;
}
}
@media (prefers-reduced-motion:reduce){
.kyg-team-v2 .kyg-team-v2-management-card,
.kyg-team-v2 .kyg-team-v2-corporate-card,
.kyg-team-v2 .kyg-team-person-meta{
opacity:1!important;
clip-path:none!important;
filter:none!important;
transition:none!important;
}
.kyg-team-v2 .kyg-team-v2-management-card{
--team-card-motion-y:0px!important;
--team-card-tilt:0deg!important;
}
}
/* ============================================================
v5.49 — PROPERTIES PAGE SIMPLIFIED
Scope: .kyg-properties-v12 only.
============================================================ */
/* Hero: no area pills, just three clear paths */
.kyg-properties-v12 .kyg-prop-hero-simple{
padding:176px 0 104px;
background:var(--kyg-paper);
}
.kyg-properties-v12 .kyg-prop-hero-simple .kyg-prop-intro{
margin-bottom:56px;
}
.kyg-properties-v12 .kyg-prop-start{
display:grid;
grid-template-columns:repeat(3,1fr);
border-top:1px solid rgba(9,31,54,.16);
border-bottom:1px solid rgba(9,31,54,.16);
}
.kyg-properties-v12 .kyg-prop-start a{
min-height:104px;
padding:0 28px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
color:var(--kyg-blue);
border-right:1px solid rgba(9,31,54,.16);
transition:background .35s ease,color .35s ease,padding .35s ease;
}
.kyg-properties-v12 .kyg-prop-start a:last-child{
border-right:0;
}
.kyg-properties-v12 .kyg-prop-start span{
font-family:var(--serif);
font-size:clamp(25px,2.5vw,36px);
}
.kyg-properties-v12 .kyg-prop-start b{
font-size:19px;
font-weight:400;
transition:transform .3s ease;
}
.kyg-properties-v12 .kyg-prop-start a:hover{
background:var(--kyg-blue);
color:var(--kyg-white);
padding-left:34px;
}
.kyg-properties-v12 .kyg-prop-start a:hover b{
transform:translate(4px,-4px);
}
/* Selected inventory */
.kyg-properties-v12 .kyg-selected-properties{
padding-top:118px;
}
.kyg-properties-v12 .kyg-selected-count{
color:var(--text-muted);
font-size:10px;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:600;
}
/* Wider market finder bridge */
.kyg-properties-v12 .kyg-wider-market{
padding:112px 0;
background:var(--kyg-blue);
color:var(--kyg-white);
}
.kyg-properties-v12 .kyg-wider-market .eyebrow{
color:rgba(255,255,255,.56);
}
.kyg-properties-v12 .kyg-wider-market-inner{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(340px,.7fr);
gap:9vw;
align-items:end;
}
.kyg-properties-v12 .kyg-wider-market h2{
margin-top:14px;
max-width:720px;
color:var(--kyg-white);
font-size:clamp(48px,6vw,82px);
line-height:.98;
letter-spacing:-.035em;
}
.kyg-properties-v12 .kyg-wider-market-copy p{
max-width:520px;
color:rgba(255,255,255,.66);
font-size:14px;
line-height:1.75;
font-weight:300;
}
.kyg-properties-v12 .kyg-wider-market-button{
margin-top:32px;
display:inline-flex;
align-items:center;
gap:24px;
min-height:56px;
padding:0 8px 0 24px;
border:1px solid rgba(255,255,255,.5);
border-radius:100px;
color:var(--kyg-white);
font-size:10.5px;
letter-spacing:.1em;
text-transform:uppercase;
font-weight:600;
transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease;
}
.kyg-properties-v12 .kyg-wider-market-button b{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--kyg-white);
color:var(--kyg-blue);
font-size:15px;
font-weight:400;
transition:transform .3s ease;
}
.kyg-properties-v12 .kyg-wider-market-button:hover{
background:var(--kyg-white);
border-color:var(--kyg-white);
color:var(--kyg-blue);
transform:translateY(-2px);
}
.kyg-properties-v12 .kyg-wider-market-button:hover b{
background:var(--kyg-blue);
color:var(--kyg-white);
transform:rotate(45deg);
}
/* Replace the large enquiry form with one concise CTA */
.kyg-properties-v12 .kyg-properties-contact-short{
padding:110px 0 118px;
background:var(--kyg-paper);
}
.kyg-properties-v12 .kyg-properties-contact-short-inner{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);
gap:8vw;
align-items:end;
}
.kyg-properties-v12 .kyg-properties-contact-short h2{
margin-top:12px;
max-width:760px;
color:var(--kyg-blue);
font-size:clamp(44px,5.5vw,74px);
line-height:1;
letter-spacing:-.03em;
}
.kyg-properties-v12 .kyg-properties-contact-short-inner > div:last-child p{
max-width:500px;
margin-bottom:28px;
color:var(--text-muted);
font-size:14px;
line-height:1.72;
font-weight:300;
}
/* Query/filter landing highlight */
.kyg-properties-v12 .kyg-property-tabs button.is-home-selected{
box-shadow:0 0 0 2px rgba(9,31,54,.12);
}
@media (max-width:900px){
.kyg-properties-v12 .kyg-prop-start{
grid-template-columns:1fr;
}
.kyg-properties-v12 .kyg-prop-start a{
min-height:78px;
border-right:0;
border-bottom:1px solid rgba(9,31,54,.16);
}
.kyg-properties-v12 .kyg-prop-start a:last-child{
border-bottom:0;
}
.kyg-properties-v12 .kyg-wider-market-inner,
.kyg-properties-v12 .kyg-properties-contact-short-inner{
grid-template-columns:1fr;
gap:42px;
}
}
@media (max-width:640px){
.kyg-properties-v12 .kyg-prop-hero-simple{
padding-top:132px;
padding-bottom:78px;
}
.kyg-properties-v12 .kyg-prop-hero-simple .kyg-prop-intro{
margin-bottom:38px;
}
.kyg-properties-v12 .kyg-selected-count{
display:none;
}
.kyg-properties-v12 .kyg-wider-market,
.kyg-properties-v12 .kyg-properties-contact-short{
padding:82px 0 88px;
}
}
/* ============================================================
v5.50 — PROPERTY DETAIL v2 / GALLERY FIRST
Scope: .kyg-property-detail-v2 only.
============================================================ */
body.kyg-pd-lightbox-open{
overflow:hidden!important;
}
.kyg-property-detail-v2 .kyg-pd-header{
padding:172px 0 54px;
background:var(--s2-paper);
}
.kyg-property-detail-v2 .kyg-pd-header-grid{
display:grid;
grid-template-columns:minmax(0,1.25fr) minmax(320px,.55fr);
gap:8vw;
align-items:end;
}
.kyg-property-detail-v2 .kyg-pd-header h1{
margin:12px 0 0;
max-width:980px;
font-size:clamp(54px,6.8vw,100px);
line-height:.94;
letter-spacing:-.04em;
color:var(--s2-ink);
}
.kyg-property-detail-v2 .kyg-pd-header-side{
padding-bottom:6px;
}
.kyg-property-detail-v2 .kyg-pd-header-side strong{
display:block;
margin-bottom:16px;
font-family:var(--serif);
font-size:clamp(28px,2.6vw,40px);
font-weight:400;
color:var(--s2-ink);
}
.kyg-property-detail-v2 .kyg-pd-header-side p{
margin:0;
max-width:480px;
color:var(--s2-muted);
font-size:14px;
line-height:1.72;
}
/* gallery */
.kyg-property-detail-v2 .kyg-pd-gallery{
padding:0 0 104px;
background:var(--s2-paper);
}
.kyg-property-detail-v2 .kyg-pd-gallery-grid{
display:grid;
grid-template-columns:1.55fr .72fr .72fr;
grid-template-rows:repeat(2,minmax(260px,1fr));
gap:12px;
min-height:720px;
}
.kyg-property-detail-v2 .kyg-pd-photo{
position:relative;
display:block;
width:100%;
min-width:0;
padding:0;
border:0;
overflow:hidden;
background:#e9ecef;
cursor:pointer;
}
.kyg-property-detail-v2 .kyg-pd-photo--hero{
grid-row:1 / 3;
}
.kyg-property-detail-v2 .kyg-pd-photo > .image-bg{
position:absolute;
inset:0;
display:block;
background-size:cover;
background-position:center;
transform:scale(1.001);
transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.kyg-property-detail-v2 .kyg-pd-photo:hover > .image-bg{
transform:scale(1.035);
}
.kyg-property-detail-v2 .kyg-pd-photo-count{
position:absolute;
left:20px;
bottom:18px;
z-index:2;
padding:9px 13px;
background:rgba(9,31,54,.86);
color:#fff;
font-size:10px;
letter-spacing:.12em;
}
.kyg-property-detail-v2 .kyg-pd-view-all{
position:absolute;
right:18px;
bottom:18px;
z-index:2;
display:inline-flex;
align-items:center;
gap:12px;
padding:12px 15px;
background:#fff;
color:var(--s2-ink);
font-size:10px;
letter-spacing:.08em;
text-transform:uppercase;
font-weight:600;
box-shadow:0 10px 30px rgba(9,31,54,.14);
}
.kyg-property-detail-v2 .kyg-pd-view-all b{
font-weight:400;
transition:transform .3s ease;
}
.kyg-property-detail-v2 .kyg-pd-photo:hover .kyg-pd-view-all b{
transform:translate(3px,-3px);
}
/* lightbox */
.kyg-property-detail-v2 .kyg-pd-lightbox{
position:fixed;
inset:0;
z-index:99999;
display:grid;
grid-template-columns:88px 1fr 88px;
align-items:center;
background:rgba(4,13,23,.97);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .28s ease,visibility .28s ease;
}
.kyg-property-detail-v2 .kyg-pd-lightbox.is-open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-stage{
height:calc(100vh - 112px);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-stage img{
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
opacity:0;
transform:scale(.985);
transition:opacity .24s ease,transform .32s ease;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-stage img.is-ready{
opacity:1;
transform:scale(1);
}
.kyg-property-detail-v2 .kyg-pd-lightbox-close{
position:absolute;
top:24px;
right:28px;
width:48px;
height:48px;
border:1px solid rgba(255,255,255,.24);
border-radius:50%;
background:transparent;
color:#fff;
font-size:31px;
font-weight:200;
line-height:1;
cursor:pointer;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-arrow{
width:54px;
height:54px;
margin:auto;
border:1px solid rgba(255,255,255,.25);
border-radius:50%;
background:transparent;
color:#fff;
font-size:20px;
cursor:pointer;
transition:background .25s ease,color .25s ease;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-arrow:hover{
background:#fff;
color:var(--s2-ink);
}
.kyg-property-detail-v2 .kyg-pd-lightbox-counter{
position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:8px;
color:#fff;
font-size:11px;
letter-spacing:.12em;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-counter i{
opacity:.4;
font-style:normal;
}
/* details */
.kyg-property-detail-v2 .kyg-pd-actions{
display:flex;
align-items:center;
gap:22px;
justify-content:flex-end;
}
.kyg-property-detail-v2 .kyg-pd-overview .s2-section-head{
align-items:end;
}
.kyg-property-detail-v2 .kyg-pd-overview .s2-stat-grid{
margin-top:44px;
}
/* responsive */
@media (max-width:980px){
.kyg-property-detail-v2 .kyg-pd-header-grid{
grid-template-columns:1fr;
gap:34px;
}
.kyg-property-detail-v2 .kyg-pd-gallery-grid{
grid-template-columns:1.35fr .65fr;
grid-template-rows:repeat(2,minmax(230px,1fr));
min-height:620px;
}
.kyg-property-detail-v2 .kyg-pd-photo:nth-of-type(4),
.kyg-property-detail-v2 .kyg-pd-photo:nth-of-type(5){
display:none;
}
}
@media (max-width:720px){
.kyg-property-detail-v2 .kyg-pd-header{
padding:128px 0 38px;
}
.kyg-property-detail-v2 .kyg-pd-header h1{
font-size:clamp(44px,12vw,60px);
line-height:.98;
}
.kyg-property-detail-v2 .kyg-pd-gallery{
padding-bottom:74px;
}
.kyg-property-detail-v2 .kyg-pd-gallery-grid{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:minmax(410px,58vh) 150px;
gap:8px;
min-height:0;
width:100%;
}
.kyg-property-detail-v2 .kyg-pd-photo--hero{
grid-column:1 / 3;
grid-row:1;
}
.kyg-property-detail-v2 .kyg-pd-photo:nth-of-type(2),
.kyg-property-detail-v2 .kyg-pd-photo:nth-of-type(3){
display:block;
}
.kyg-property-detail-v2 .kyg-pd-photo:nth-of-type(4),
.kyg-property-detail-v2 .kyg-pd-photo:nth-of-type(5){
display:none;
}
.kyg-property-detail-v2 .kyg-pd-view-all{
right:12px;
bottom:12px;
padding:10px 12px;
}
.kyg-property-detail-v2 .kyg-pd-lightbox{
grid-template-columns:58px 1fr 58px;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-stage{
height:calc(100vh - 130px);
}
.kyg-property-detail-v2 .kyg-pd-lightbox-close{
top:18px;
right:18px;
width:44px;
height:44px;
}
.kyg-property-detail-v2 .kyg-pd-lightbox-arrow{
width:42px;
height:42px;
}
.kyg-property-detail-v2 .kyg-pd-actions{
justify-content:flex-start;
flex-wrap:wrap;
}
}
@media (prefers-reduced-motion:reduce){
.kyg-property-detail-v2 .kyg-pd-photo > .image-bg,
.kyg-property-detail-v2 .kyg-pd-lightbox,
.kyg-property-detail-v2 .kyg-pd-lightbox-stage img{
transition:none!important;
}
}
/* ============================================================
v5.51 — PROPERTY DETAIL v2.1 SIMPLE
Scope: .kyg-property-detail-v21 only.
Layout: title -> image slider -> specs/description -> related slider.
============================================================ */
/* Prevent any older property-detail layout from affecting this simplified page */
.kyg-property-detail-v21{
overflow:hidden;
background:#f7f7f4;
}
/* HEADER */
.kyg-property-detail-v21 .kyg-pd21-header{
padding:150px 0 52px;
background:#f7f7f4;
}
.kyg-property-detail-v21 .kyg-pd21-header h1{
margin:10px 0 0!important;
max-width:1080px!important;
font-family:var(--serif)!important;
font-size:clamp(44px,5.5vw,76px)!important;
line-height:1.02!important;
letter-spacing:-.035em!important;
color:var(--s2-ink)!important;
position:relative!important;
inset:auto!important;
transform:none!important;
}
.kyg-property-detail-v21 .kyg-pd21-price-line{
margin-top:28px;
padding-top:22px;
border-top:1px solid rgba(9,31,54,.14);
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
.kyg-property-detail-v21 .kyg-pd21-price-line strong{
font-family:var(--serif);
font-size:clamp(25px,2.3vw,34px);
font-weight:400;
color:var(--s2-ink);
}
.kyg-property-detail-v21 .kyg-pd21-price-line span{
font-size:11px;
text-transform:uppercase;
letter-spacing:.10em;
font-weight:700;
color:var(--s2-muted);
}
/* INLINE IMAGE SLIDER */
.kyg-property-detail-v21 .kyg-pd21-gallery{
padding:0 0 96px;
background:#f7f7f4;
}
.kyg-property-detail-v21 .kyg-pd21-slider-shell{
position:relative;
}
.kyg-property-detail-v21 .kyg-pd21-slider{
width:100%;
overflow:hidden;
background:#e9ecef;
}
.kyg-property-detail-v21 .kyg-pd21-track{
display:flex;
width:100%;
transition:transform .72s cubic-bezier(.22,.61,.36,1);
will-change:transform;
}
.kyg-property-detail-v21 .kyg-pd21-slide{
position:relative;
flex:0 0 100%;
width:100%;
height:min(72vh,760px);
min-height:520px;
padding:0;
border:0;
background:#e7eaec;
overflow:hidden;
cursor:pointer;
}
.kyg-property-detail-v21 .kyg-pd21-slide > .image-bg{
position:absolute;
inset:0;
display:block;
background-size:cover;
background-position:center;
transform:scale(1.002);
transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.kyg-property-detail-v21 .kyg-pd21-slide:hover > .image-bg{
transform:scale(1.025);
}
.kyg-property-detail-v21 .kyg-pd21-gallery-controls{
margin-top:18px;
display:flex;
justify-content:space-between;
align-items:center;
}
.kyg-property-detail-v21 .kyg-pd21-gallery-count{
display:flex;
gap:8px;
align-items:center;
font-size:10px;
letter-spacing:.12em;
color:var(--s2-muted);
}
.kyg-property-detail-v21 .kyg-pd21-gallery-count i{
font-style:normal;
opacity:.45;
}
.kyg-property-detail-v21 .kyg-pd21-gallery-arrows,
.kyg-property-detail-v21 .kyg-pd21-related-arrows{
display:flex;
gap:8px;
}
.kyg-property-detail-v21 .kyg-pd21-gallery-arrows button,
.kyg-property-detail-v21 .kyg-pd21-related-arrows button{
width:46px;
height:46px;
display:grid;
place-items:center;
border:1px solid rgba(9,31,54,.18);
border-radius:50%;
background:transparent;
color:var(--s2-ink);
font-size:17px;
cursor:pointer;
transition:background .25s ease,color .25s ease,transform .25s ease;
}
.kyg-property-detail-v21 .kyg-pd21-gallery-arrows button:hover,
.kyg-property-detail-v21 .kyg-pd21-related-arrows button:hover{
background:var(--s2-ink);
color:#fff;
transform:translateY(-2px);
}
/* INFO + DESCRIPTION */
.kyg-property-detail-v21 .kyg-pd21-info{
padding:96px 0 118px;
background:#fff;
}
.kyg-property-detail-v21 .kyg-pd21-specs{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
border-top:1px solid rgba(9,31,54,.14);
border-bottom:1px solid rgba(9,31,54,.14);
}
.kyg-property-detail-v21 .kyg-pd21-specs > div{
min-width:0;
padding:26px 22px 28px;
border-right:1px solid rgba(9,31,54,.12);
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:first-child{
padding-left:0;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:last-child{
border-right:0;
}
.kyg-property-detail-v21 .kyg-pd21-specs span{
display:block;
margin-bottom:10px;
font-size:9px;
text-transform:uppercase;
letter-spacing:.12em;
font-weight:700;
color:var(--s2-muted);
}
.kyg-property-detail-v21 .kyg-pd21-specs strong{
display:block;
font-family:var(--serif);
font-size:clamp(22px,2vw,30px);
line-height:1.1;
font-weight:400;
color:var(--s2-ink);
overflow-wrap:anywhere;
}
.kyg-property-detail-v21 .kyg-pd21-specs small{
font-family:var(--sans);
font-size:11px;
font-weight:500;
color:var(--s2-muted);
}
.kyg-property-detail-v21 .kyg-pd21-description{
margin-top:92px;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);
gap:9vw;
align-items:start;
}
.kyg-property-detail-v21 .kyg-pd21-description h2{
margin:8px 0 0;
max-width:700px;
font-size:clamp(38px,4.5vw,62px);
line-height:1.02;
letter-spacing:-.03em;
}
.kyg-property-detail-v21 .kyg-pd21-description-copy p{
margin:0 0 22px;
color:var(--s2-muted);
font-size:14px;
line-height:1.82;
font-weight:300;
}
.kyg-property-detail-v21 .kyg-pd21-description-copy p:last-child{
margin-bottom:0;
}
/* RELATED PROPERTIES */
.kyg-property-detail-v21 .kyg-pd21-related{
padding:108px 0 124px;
background:var(--navy);
color:#fff;
}
.kyg-property-detail-v21 .kyg-pd21-related .s2-label{
color:rgba(255,255,255,.62);
}
.kyg-property-detail-v21 .kyg-pd21-related-head{
display:flex;
align-items:end;
justify-content:space-between;
gap:40px;
margin-bottom:48px;
}
.kyg-property-detail-v21 .kyg-pd21-related-head h2{
margin:8px 0 0;
font-size:clamp(42px,5vw,70px);
line-height:1;
letter-spacing:-.03em;
color:#fff;
}
.kyg-property-detail-v21 .kyg-pd21-related .kyg-pd21-related-arrows button{
border-color:rgba(255,255,255,.28);
color:#fff;
}
.kyg-property-detail-v21 .kyg-pd21-related .kyg-pd21-related-arrows button:hover{
background:#fff;
color:var(--navy);
}
.kyg-property-detail-v21 .kyg-pd21-related-viewport{
overflow:hidden;
}
.kyg-property-detail-v21 .kyg-pd21-related-track{
display:flex;
gap:18px;
transition:transform .7s cubic-bezier(.22,.61,.36,1);
will-change:transform;
}
.kyg-property-detail-v21 .kyg-pd21-related-card{
flex:0 0 calc((100% - 36px)/3);
min-width:0;
}
.kyg-property-detail-v21 .kyg-pd21-related-card a{
display:block;
color:#fff;
}
.kyg-property-detail-v21 .kyg-pd21-related-card .image-bg{
width:100%;
aspect-ratio:4/5;
margin-bottom:18px;
background-size:cover;
background-position:center;
transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .3s ease;
}
.kyg-property-detail-v21 .kyg-pd21-related-card a:hover .image-bg{
transform:scale(.985);
opacity:.88;
}
.kyg-property-detail-v21 .kyg-pd21-related-card span{
display:block;
margin-bottom:8px;
color:rgba(255,255,255,.55);
font-size:9px;
text-transform:uppercase;
letter-spacing:.1em;
}
.kyg-property-detail-v21 .kyg-pd21-related-card h3{
margin:0 0 8px;
font-family:var(--serif);
font-size:clamp(22px,2.2vw,31px);
font-weight:400;
line-height:1.1;
color:#fff;
}
.kyg-property-detail-v21 .kyg-pd21-related-card strong{
font-size:11px;
font-weight:600;
color:rgba(255,255,255,.78);
}
/* MOBILE */
@media (max-width:900px){
.kyg-property-detail-v21 .kyg-pd21-specs{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.kyg-property-detail-v21 .kyg-pd21-specs > div{
border-bottom:1px solid rgba(9,31,54,.12);
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:nth-child(2n){
border-right:0;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:first-child{
padding-left:22px;
}
.kyg-property-detail-v21 .kyg-pd21-description{
grid-template-columns:1fr;
gap:38px;
}
.kyg-property-detail-v21 .kyg-pd21-related-card{
flex-basis:calc((100% - 18px)/2);
}
}
@media (max-width:640px){
.kyg-property-detail-v21 .kyg-pd21-header{
padding:124px 0 38px;
}
.kyg-property-detail-v21 .kyg-pd21-header h1{
font-size:clamp(40px,11vw,54px)!important;
line-height:1.03!important;
}
.kyg-property-detail-v21 .kyg-pd21-price-line{
align-items:flex-start;
flex-direction:column;
gap:10px;
}
.kyg-property-detail-v21 .kyg-pd21-gallery{
padding-bottom:72px;
}
.kyg-property-detail-v21 .kyg-pd21-slide{
height:58vh;
min-height:390px;
}
.kyg-property-detail-v21 .kyg-pd21-info{
padding:72px 0 86px;
}
.kyg-property-detail-v21 .kyg-pd21-specs{
grid-template-columns:1fr 1fr;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div{
padding:21px 14px;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:first-child{
padding-left:14px;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:last-child{
grid-column:1 / 3;
}
.kyg-property-detail-v21 .kyg-pd21-description{
margin-top:66px;
}
.kyg-property-detail-v21 .kyg-pd21-related{
padding:80px 0 92px;
}
.kyg-property-detail-v21 .kyg-pd21-related-head{
align-items:center;
margin-bottom:34px;
}
.kyg-property-detail-v21 .kyg-pd21-related-card{
flex-basis:82vw;
}
}
@media (prefers-reduced-motion:reduce){
.kyg-property-detail-v21 .kyg-pd21-track,
.kyg-property-detail-v21 .kyg-pd21-related-track{
transition:none!important;
}
}
/* ============================================================
v5.52 — PROPERTY DETAIL v2.2 EDITORIAL REFINEMENT
Scope: .kyg-property-detail-v21 only.
Fixes title overlap, reduces heading scale, makes property
highlights more editorial, and tightens/largens description.
============================================================ */
/* ---------- HEADER: smaller, stable, no overlap ---------- */
.kyg-property-detail-v21 .kyg-pd21-header{
padding:136px 0 44px!important;
}
.kyg-property-detail-v21 .kyg-pd21-header .s2-label{
position:static!important;
inset:auto!important;
transform:none!important;
display:block!important;
margin:0 0 14px!important;
line-height:1.35!important;
}
.kyg-property-detail-v21 .kyg-pd21-header h1{
position:static!important;
inset:auto!important;
transform:none!important;
float:none!important;
clear:both!important;
display:block!important;
margin:0!important;
max-width:900px!important;
font-size:clamp(38px,4.2vw,60px)!important;
line-height:1.08!important;
letter-spacing:-.026em!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.kyg-property-detail-v21 .kyg-pd21-price-line{
margin-top:24px!important;
padding-top:18px!important;
}
.kyg-property-detail-v21 .kyg-pd21-price-line strong{
font-size:clamp(24px,2vw,31px)!important;
}
/* ---------- HIGHLIGHTS: editorial ledger, not boxed cards ---------- */
.kyg-property-detail-v21 .kyg-pd21-info{
padding:78px 0 94px!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs{
counter-reset:kyg-spec;
display:grid!important;
grid-template-columns:1fr 1fr 1.35fr 1.25fr 1.65fr!important;
gap:0!important;
padding:0!important;
border-top:1px solid rgba(9,31,54,.18)!important;
border-bottom:1px solid rgba(9,31,54,.18)!important;
background:transparent!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div{
counter-increment:kyg-spec;
position:relative!important;
min-width:0!important;
padding:24px 22px 22px 0!important;
border:0!important;
background:transparent!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div + div{
padding-left:24px!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div::before{
content:"0" counter(kyg-spec);
display:block;
margin-bottom:22px;
font-family:var(--sans);
font-size:9px;
line-height:1;
letter-spacing:.14em;
color:rgba(9,31,54,.36);
}
.kyg-property-detail-v21 .kyg-pd21-specs > div + div::after{
content:"";
position:absolute;
left:0;
top:24px;
bottom:22px;
width:1px;
background:rgba(9,31,54,.11);
}
.kyg-property-detail-v21 .kyg-pd21-specs span{
margin:0 0 7px!important;
font-size:10px!important;
line-height:1.2!important;
letter-spacing:.075em!important;
text-transform:uppercase!important;
font-weight:650!important;
color:rgba(9,31,54,.58)!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs strong{
font-family:var(--serif)!important;
font-size:clamp(25px,2.15vw,34px)!important;
line-height:1.04!important;
letter-spacing:-.02em!important;
font-weight:400!important;
color:var(--s2-ink)!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs small{
font-size:10px!important;
letter-spacing:.02em!important;
}
/* ---------- DESCRIPTION: larger copy, tighter block ---------- */
.kyg-property-detail-v21 .kyg-pd21-description{
margin-top:66px!important;
display:grid!important;
grid-template-columns:minmax(220px,.46fr) minmax(0,1fr)!important;
gap:6vw!important;
align-items:start!important;
max-width:1120px!important;
}
.kyg-property-detail-v21 .kyg-pd21-description h2{
margin:0!important;
max-width:300px!important;
font-size:clamp(30px,3vw,42px)!important;
line-height:1.06!important;
letter-spacing:-.024em!important;
}
.kyg-property-detail-v21 .kyg-pd21-description-copy{
max-width:760px!important;
}
.kyg-property-detail-v21 .kyg-pd21-description-copy p{
margin:0 0 16px!important;
color:#44515c!important;
font-size:16.5px!important;
line-height:1.58!important;
font-weight:350!important;
letter-spacing:-.005em!important;
}
.kyg-property-detail-v21 .kyg-pd21-description-copy p:last-child{
margin-bottom:0!important;
}
/* ---------- RELATED: one title, more controlled scale ---------- */
.kyg-property-detail-v21 .kyg-pd21-related{
padding:88px 0 102px!important;
}
.kyg-property-detail-v21 .kyg-pd21-related-head{
margin-bottom:38px!important;
}
.kyg-property-detail-v21 .kyg-pd21-related-head h2{
margin:0!important;
max-width:620px!important;
font-size:clamp(36px,4vw,54px)!important;
line-height:1.02!important;
letter-spacing:-.026em!important;
}
/* ---------- MOBILE ---------- */
@media (max-width:900px){
.kyg-property-detail-v21 .kyg-pd21-header{
padding-top:122px!important;
}
.kyg-property-detail-v21 .kyg-pd21-header h1{
font-size:clamp(36px,7vw,50px)!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div,
.kyg-property-detail-v21 .kyg-pd21-specs > div + div{
padding:20px 16px 20px 0!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:nth-child(even){
padding-left:18px!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div::after{
display:none!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:nth-child(even)::after{
content:"";
display:block!important;
position:absolute;
left:0;
top:20px;
bottom:20px;
width:1px;
background:rgba(9,31,54,.10);
}
.kyg-property-detail-v21 .kyg-pd21-specs > div:last-child{
grid-column:1 / 3!important;
padding-left:0!important;
border-top:1px solid rgba(9,31,54,.10)!important;
}
.kyg-property-detail-v21 .kyg-pd21-description{
grid-template-columns:1fr!important;
gap:24px!important;
margin-top:54px!important;
}
.kyg-property-detail-v21 .kyg-pd21-description h2{
max-width:none!important;
}
}
@media (max-width:640px){
.kyg-property-detail-v21 .kyg-pd21-header{
padding:112px 0 32px!important;
}
.kyg-property-detail-v21 .kyg-pd21-header h1{
font-size:clamp(34px,9.5vw,46px)!important;
line-height:1.08!important;
}
.kyg-property-detail-v21 .kyg-pd21-info{
padding:62px 0 74px!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs > div::before{
margin-bottom:16px!important;
}
.kyg-property-detail-v21 .kyg-pd21-specs strong{
font-size:clamp(22px,7vw,29px)!important;
}
.kyg-property-detail-v21 .kyg-pd21-description-copy p{
font-size:15.5px!important;
line-height:1.56!important;
}
.kyg-property-detail-v21 .kyg-pd21-related-head h2{
font-size:clamp(34px,9vw,44px)!important;
}
}
/* ============================================================
v5.53 — PROPERTY COPY SCALE + AREA EDITORIAL v2
============================================================ */
/* Property detail: larger, tighter description copy */
.kyg-property-detail-v21 .kyg-pd21-description-copy p{
font-size:18px!important;
line-height:1.52!important;
max-width:720px!important;
}
@media (max-width:640px){
.kyg-property-detail-v21 .kyg-pd21-description-copy p{
font-size:16.5px!important;
line-height:1.5!important;
}
}
/* ============================================================
AREA EDITORIAL v2
============================================================ */
.kyg-area-editorial-v2{
background:#f7f7f4;
overflow:hidden;
}
.kyg-area-editorial-v2 .kyg-area-v2-hero{
position:relative;
min-height:min(82vh,820px);
overflow:hidden;
background:#091F36;
}
.kyg-area-editorial-v2 .kyg-area-v2-hero-media{
position:absolute;
inset:0;
background-size:cover;
background-position:center;
transform:scale(1.01);
}
.kyg-area-editorial-v2 .kyg-area-v2-hero-shade{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(4,15,27,.66) 0%,rgba(4,15,27,.24) 48%,rgba(4,15,27,.08) 100%);
}
.kyg-area-editorial-v2 .kyg-area-v2-hero-copy{
position:relative;
z-index:2;
min-height:min(82vh,820px);
display:flex;
align-items:flex-end;
padding-top:160px;
padding-bottom:74px;
}
.kyg-area-editorial-v2 .kyg-area-v2-hero-copy > div{
max-width:820px;
}
.kyg-area-editorial-v2 .kyg-area-v2-hero .s2-label{
margin-bottom:12px;
color:rgba(255,255,255,.64);
}
.kyg-area-editorial-v2 .kyg-area-v2-hero h1{
margin:0;
font-size:clamp(62px,9vw,132px);
line-height:.9;
letter-spacing:-.05em;
color:#fff;
}
.kyg-area-editorial-v2 .kyg-area-v2-lead{
margin:24px 0 0;
max-width:620px;
color:rgba(255,255,255,.86);
font-size:clamp(18px,1.6vw,24px);
line-height:1.42;
font-weight:300;
}
/* numbers */
.kyg-area-editorial-v2 .kyg-area-v2-numbers{
padding:82px 0 90px;
background:#fff;
}
.kyg-area-editorial-v2 .kyg-area-v2-numbers-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
margin-bottom:28px;
}
.kyg-area-editorial-v2 .kyg-area-v2-numbers-note{
margin:0;
color:#71808d;
font-size:10px;
letter-spacing:.08em;
text-transform:uppercase;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
border-top:1px solid rgba(9,31,54,.16);
border-bottom:1px solid rgba(9,31,54,.16);
}
.kyg-area-editorial-v2 .kyg-area-v2-stat{
position:relative;
padding:26px 24px 28px 0;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat + .kyg-area-v2-stat{
padding-left:24px;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat + .kyg-area-v2-stat::before{
content:"";
position:absolute;
left:0;
top:24px;
bottom:24px;
width:1px;
background:rgba(9,31,54,.11);
}
.kyg-area-editorial-v2 .kyg-area-v2-stat > span{
display:block;
margin-bottom:22px;
color:rgba(9,31,54,.34);
font-size:9px;
letter-spacing:.14em;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat strong{
display:block;
margin-bottom:10px;
font-family:var(--serif);
font-size:clamp(28px,2.5vw,38px);
line-height:1;
font-weight:400;
color:#091F36;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat p{
margin:0;
max-width:220px;
color:#5d6975;
font-size:12px;
line-height:1.55;
}
.kyg-area-editorial-v2 .kyg-area-v2-source{
margin:16px 0 0;
color:#8a949c;
font-size:9px;
line-height:1.5;
}
/* intro */
.kyg-area-editorial-v2 .kyg-area-v2-intro{
padding:118px 0;
}
.kyg-area-editorial-v2 .kyg-area-v2-intro-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
gap:9vw;
align-items:start;
}
.kyg-area-editorial-v2 .kyg-area-v2-intro h2{
margin:10px 0 0;
max-width:760px;
font-size:clamp(44px,5.2vw,74px);
line-height:1;
letter-spacing:-.035em;
color:#091F36;
}
.kyg-area-editorial-v2 .kyg-area-v2-intro-copy p{
margin:0 0 18px;
color:#46535f;
font-size:17px;
line-height:1.6;
font-weight:300;
}
/* points */
.kyg-area-editorial-v2 .kyg-area-v2-points{
padding:108px 0 116px;
background:#091F36;
color:#fff;
}
.kyg-area-editorial-v2 .kyg-area-v2-points .s2-label{
color:rgba(255,255,255,.52);
}
.kyg-area-editorial-v2 .kyg-area-v2-points-head{
max-width:900px;
margin-bottom:54px;
}
.kyg-area-editorial-v2 .kyg-area-v2-points-head h2{
margin:10px 0 0;
font-size:clamp(44px,5vw,70px);
line-height:1;
letter-spacing:-.035em;
color:#fff;
}
.kyg-area-editorial-v2 .kyg-area-v2-point-list{
border-top:1px solid rgba(255,255,255,.18);
}
.kyg-area-editorial-v2 .kyg-area-v2-point{
display:grid;
grid-template-columns:72px minmax(260px,.78fr) minmax(340px,1fr);
gap:32px;
align-items:start;
padding:30px 0 32px;
border-bottom:1px solid rgba(255,255,255,.15);
}
.kyg-area-editorial-v2 .kyg-area-v2-point > span{
padding-top:5px;
color:rgba(255,255,255,.34);
font-size:10px;
letter-spacing:.14em;
}
.kyg-area-editorial-v2 .kyg-area-v2-point h3{
margin:0;
font-family:var(--serif);
font-size:clamp(25px,2.4vw,35px);
line-height:1.08;
font-weight:400;
color:#fff;
}
.kyg-area-editorial-v2 .kyg-area-v2-point p{
margin:0;
max-width:620px;
color:rgba(255,255,255,.65);
font-size:14px;
line-height:1.72;
font-weight:300;
}
/* close */
.kyg-area-editorial-v2 .kyg-area-v2-close{
padding:94px 0 100px;
background:#f7f7f4;
}
.kyg-area-editorial-v2 .kyg-area-v2-close-inner{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:50px;
}
.kyg-area-editorial-v2 .kyg-area-v2-close h2{
margin:8px 0 0;
font-size:clamp(40px,4.5vw,62px);
line-height:1;
letter-spacing:-.03em;
color:#091F36;
}
.kyg-area-editorial-v2 .kyg-area-v2-button{
flex:0 0 auto;
display:inline-flex;
align-items:center;
gap:24px;
padding:8px 8px 8px 26px;
border-radius:999px;
background:#091F36;
color:#fff;
text-decoration:none;
font-size:11px;
text-transform:uppercase;
letter-spacing:.09em;
font-weight:650;
transition:transform .3s ease,background .3s ease;
}
.kyg-area-editorial-v2 .kyg-area-v2-button b{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:50%;
background:#fff;
color:#091F36;
font-size:16px;
font-weight:400;
transition:transform .3s ease;
}
.kyg-area-editorial-v2 .kyg-area-v2-button:hover{
transform:translateY(-3px);
background:#B8985A;
}
.kyg-area-editorial-v2 .kyg-area-v2-button:hover b{
transform:rotate(45deg);
}
@media (max-width:900px){
.kyg-area-editorial-v2 .kyg-area-v2-stat-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.kyg-area-editorial-v2 .kyg-area-v2-intro-grid{
grid-template-columns:1fr;
gap:42px;
}
.kyg-area-editorial-v2 .kyg-area-v2-point{
grid-template-columns:54px 1fr;
}
.kyg-area-editorial-v2 .kyg-area-v2-point p{
grid-column:2;
}
}
@media (max-width:640px){
.kyg-area-editorial-v2 .kyg-area-v2-hero,
.kyg-area-editorial-v2 .kyg-area-v2-hero-copy{
min-height:72vh;
}
.kyg-area-editorial-v2 .kyg-area-v2-hero-copy{
padding-top:120px;
padding-bottom:48px;
}
.kyg-area-editorial-v2 .kyg-area-v2-hero h1{
font-size:clamp(58px,18vw,86px);
}
.kyg-area-editorial-v2 .kyg-area-v2-numbers{
padding:62px 0 68px;
}
.kyg-area-editorial-v2 .kyg-area-v2-numbers-head{
align-items:flex-start;
flex-direction:column;
gap:10px;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat-grid{
grid-template-columns:1fr 1fr;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat{
padding:20px 14px 22px 0;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat + .kyg-area-v2-stat{
padding-left:14px;
}
.kyg-area-editorial-v2 .kyg-area-v2-stat strong{
font-size:clamp(24px,7vw,31px);
}
.kyg-area-editorial-v2 .kyg-area-v2-intro{
padding:82px 0;
}
.kyg-area-editorial-v2 .kyg-area-v2-intro h2{
font-size:clamp(38px,10vw,50px);
}
.kyg-area-editorial-v2 .kyg-area-v2-intro-copy p{
font-size:16px;
line-height:1.55;
}
.kyg-area-editorial-v2 .kyg-area-v2-points{
padding:80px 0 86px;
}
.kyg-area-editorial-v2 .kyg-area-v2-point{
grid-template-columns:38px 1fr;
gap:16px;
}
.kyg-area-editorial-v2 .kyg-area-v2-point p{
font-size:13.5px;
line-height:1.62;
}
.kyg-area-editorial-v2 .kyg-area-v2-close{
padding:76px 0 82px;
}
.kyg-area-editorial-v2 .kyg-area-v2-close-inner{
align-items:flex-start;
flex-direction:column;
}
}
/* ============================================================
v5.54 — AREAS HUB v1.2 SIMPLE GRID
Scope: .kyg-areas-hub-v12 only.
============================================================ */
.kyg-areas-hub-v12{
background:#fff;
}
/* Start directly with the area cards, but clear the fixed nav */
.kyg-areas-hub-v12 .kyg-areas-v12-directory{
padding:118px 12px 12px!important;
background:#fff!important;
}
/* Six clean squares: 3 x 2 on desktop */
.kyg-areas-hub-v12 .s2-area-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:12px!important;
}
.kyg-areas-hub-v12 .s2-area-card{
min-height:0!important;
aspect-ratio:1 / 1!important;
}
/* More restrained titles inside the squares */
.kyg-areas-hub-v12 .s2-area-card-copy{
padding:28px!important;
}
.kyg-areas-hub-v12 .s2-area-card-copy h2{
margin:34px 0 8px!important;
font-size:clamp(31px,3vw,47px)!important;
line-height:1!important;
max-width:95%!important;
}
.kyg-areas-hub-v12 .s2-area-card-copy p{
margin:0!important;
font-size:11px!important;
}
.kyg-areas-hub-v12 .s2-area-card-shade{
background:linear-gradient(
180deg,
rgba(9,31,54,.02) 20%,
rgba(9,31,54,.78) 100%
)!important;
}
/* End CTA: navy only at the bottom, not as the opening impression */
.kyg-areas-hub-v12 .kyg-areas-v12-cta{
padding:96px 0 102px!important;
background:#091F36!important;
color:#fff!important;
}
.kyg-areas-hub-v12 .kyg-areas-v12-cta .wrap{
grid-template-columns:minmax(0,1fr) auto!important;
align-items:end!important;
}
.kyg-areas-hub-v12 .kyg-areas-v12-cta .s2-label{
color:rgba(255,255,255,.48)!important;
margin-bottom:12px!important;
}
.kyg-areas-hub-v12 .kyg-areas-v12-cta h2{
max-width:850px!important;
color:#fff!important;
font-size:clamp(40px,4.6vw,64px)!important;
}
.kyg-areas-hub-v12 .kyg-areas-v12-cta-copy{
max-width:610px;
margin:22px 0 0;
color:rgba(255,255,255,.62);
font-size:14px;
line-height:1.65;
font-weight:300;
}
@media (max-width:980px){
.kyg-areas-hub-v12 .s2-area-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:640px){
.kyg-areas-hub-v12 .kyg-areas-v12-directory{
padding-top:96px!important;
padding-left:8px!important;
padding-right:8px!important;
}
.kyg-areas-hub-v12 .s2-area-grid{
grid-template-columns:1fr!important;
gap:8px!important;
}
.kyg-areas-hub-v12 .s2-area-card{
aspect-ratio:4 / 5!important;
}
.kyg-areas-hub-v12 .s2-area-card-copy{
padding:24px!important;
}
.kyg-areas-hub-v12 .s2-area-card-copy h2{
font-size:clamp(34px,10vw,46px)!important;
}
.kyg-areas-hub-v12 .kyg-areas-v12-cta{
padding:76px 0 82px!important;
}
.kyg-areas-hub-v12 .kyg-areas-v12-cta .wrap{
grid-template-columns:1fr!important;
gap:36px!important;
align-items:start!important;
}
}
/* ============================================================
KYG — MOBILE ONLY FINAL PATCH
IMPORTANT: NOTHING BELOW APPLIES TO DESKTOP.
============================================================ */
@media (max-width:780px){
/* Keep navigation sticky on phones and above page content. */
header{
position:sticky!important;
top:9px!important;
z-index:1000!important;
}
/* Preserve the same mobile nav geometry while scrolling. */
header.scrolled{
top:9px!important;
}
header.scrolled .nav-wrap{
width:calc(100% - 16px)!important;
height:68px!important;
margin:0 auto!important;
padding:0 15px 0 17px!important;
border-radius:36px!important;
background:rgba(9,31,54,.72)!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 10px 28px rgba(9,31,54,.18)!important;
backdrop-filter:blur(22px) saturate(155%)!important;
-webkit-backdrop-filter:blur(22px) saturate(155%)!important;
}
/* HOME hero video */
body .kyg-home .hero-visual.hero-has-video{
overflow:hidden!important;
}
body .kyg-home .hero-visual.hero-has-video .kyg-hero-video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
}
/* ABOUT hero video */
.kyg-about-v2 .about2-hero-media{
overflow:hidden!important;
}
.kyg-about-v2 .about2-hero-video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
display:block!important;
}
/* CAREERS hero + recruitment video */
.kyg-careers-v3 .kyg-careers-cinema-media,
.kyg-careers-v3 .kyg-careers-jobs-banner.kyg-careers-video-banner{
overflow:hidden!important;
}
.kyg-careers-v3 .kyg-careers-cinema-media > video,
.kyg-careers-v3 .kyg-careers-jobs-banner.kyg-careers-video-banner > video{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
}
}
/* ============================================================
KYG — MOBILE MENU FINAL V2
MOBILE ONLY. Desktop is untouched.
============================================================ */
@media (max-width:780px){
/* FIXED means the mobile menu follows the user for the full page.
This is more reliable than sticky with page/full-width overflow. */
header{
position:fixed!important;
top:9px!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:10000!important;
margin:0!important;
pointer-events:none!important;
}
header .nav-wrap{
pointer-events:auto!important;
}
header.scrolled{
top:9px!important;
}
header.scrolled .nav-wrap{
background:rgba(9,31,54,.78)!important;
border-color:rgba(255,255,255,.12)!important;
box-shadow:0 10px 28px rgba(9,31,54,.18)!important;
backdrop-filter:blur(22px) saturate(155%)!important;
-webkit-backdrop-filter:blur(22px) saturate(155%)!important;
}
/* Mobile drawer typography: smaller and cleaner. */
.drawer{
padding:22px 24px 28px!important;
}
.drawer-close{
margin-bottom:18px!important;
}
.drawer > a:not(.drawer-cta){
position:relative!important;
width:max-content!important;
max-width:100%!important;
padding:9px 0 8px!important;
border-bottom:0!important; /* remove the long line */
font-size:clamp(20px,5.8vw,24px)!important;
line-height:1.08!important;
}
/* Keep only a short line under each menu item. */
.drawer > a:not(.drawer-cta)::after{
content:""!important;
display:block!important;
width:26px!important;
height:1px!important;
margin-top:7px!important;
background:rgba(255,255,255,.32)!important;
}
.drawer > a.active:not(.drawer-cta)::after{
width:32px!important;
height:2px!important;
background:var(--kyg-interaction-gold,#B8985A)!important;
}
.drawer .drawer-cta{
margin-top:20px!important;
font-size:11px!important;
}
}
/* ============================================================
KYG — MOBILE MENU FINAL V3
MOBILE ONLY. Fixes drawer layering, removes ALL menu lines,
keeps header attached to hero at page top.
============================================================ */
@media (max-width:780px){
/* Header follows scroll. At the top it is flush with the hero. */
header{
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
width:100%!important;
z-index:1000!important;
margin:0!important;
pointer-events:none!important;
}
header .nav-wrap{
pointer-events:auto!important;
}
/* Top of page: rectangular full-width bar, no visible gap. */
header:not(.scrolled) .nav-wrap{
width:100%!important;
height:76px!important;
margin:0!important;
padding:0 18px 0 20px!important;
border-radius:0!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
background:rgba(9,31,54,.97)!important;
box-shadow:none!important;
}
/* Once scrolling: floating rounded nav, still follows the page. */
header.scrolled{
top:8px!important;
}
header.scrolled .nav-wrap{
width:calc(100% - 16px)!important;
height:68px!important;
margin:0 auto!important;
padding:0 15px 0 17px!important;
border-radius:36px!important;
background:rgba(9,31,54,.80)!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 10px 28px rgba(9,31,54,.18)!important;
backdrop-filter:blur(22px) saturate(155%)!important;
-webkit-backdrop-filter:blur(22px) saturate(155%)!important;
}
/* Drawer MUST sit above the fixed header — this fixes Home being covered. */
.drawer{
z-index:20000!important;
padding:18px 24px 28px!important;
overflow-y:auto!important;
}
.drawer-close{
margin-bottom:10px!important;
font-size:11px!important;
}
/* Smaller mobile menu type. No long line, no short line, no active line. */
.drawer a,
.drawer > a:not(.drawer-cta),
.drawer a.active{
border-bottom:0!important;
}
.drawer > a:not(.drawer-cta){
width:auto!important;
max-width:100%!important;
padding:9px 0!important;
font-size:clamp(18px,5.2vw,21px)!important;
line-height:1.08!important;
}
.drawer a::after,
.drawer > a:not(.drawer-cta)::after,
.drawer > a.active:not(.drawer-cta)::after{
content:none!important;
display:none!important;
width:0!important;
height:0!important;
margin:0!important;
background:none!important;
}
.drawer .drawer-cta{
margin-top:18px!important;
font-size:11px!important;
}
}
/* ============================================================
KYG — MOBILE MENU FINAL V4
MOBILE ONLY.
- hero flush to top bar
- no white seam
- slightly thicker floating nav
============================================================ */
@media (max-width:780px){
/* Hero starts directly underneath the fixed bar.
Overrides the older body .kyg-home .hero mobile padding. */
body .kyg-home .hero{
padding-top:0!important;
margin-top:0!important;
background:#091F36!important;
}
body .kyg-home .hero-visual{
margin-top:0!important;
height:100svh!important;
min-height:600px!important;
}
/* Top bar: completely flush with hero — no border/seam below it. */
header:not(.scrolled){
top:0!important;
}
header:not(.scrolled) .nav-wrap{
border-bottom:0!important;
box-shadow:none!important;
margin-bottom:0!important;
}
/* Slightly thicker floating bar while scrolling. */
header.scrolled{
top:8px!important;
}
header.scrolled .nav-wrap{
height:72px!important;
padding:0 16px 0 18px!important;
border-radius:38px!important;
}
/* Keep drawer text clean: absolutely no underline/line pseudo-elements. */
.drawer a,
.drawer a.active,
.drawer > a:not(.drawer-cta){
border-bottom:0!important;
text-decoration:none!important;
}
.drawer a::before,
.drawer a::after,
.drawer > a:not(.drawer-cta)::before,
.drawer > a:not(.drawer-cta)::after,
.drawer > a.active:not(.drawer-cta)::before,
.drawer > a.active:not(.drawer-cta)::after{
content:none!important;
display:none!important;
}
}
/* ============================================================
KYG — ABOUT V2 MOBILE FULL-WIDTH FIX
Fixes legacy mobile .kyg-about max-width:100% clamping the
full-bleed About page to the Elementor/WordPress parent width.
MOBILE ONLY.
============================================================ */
@media (max-width:780px){
body .kyg-about.kyg-about-v2{
position:relative!important;
/* Full-bleed breakout from the centered WP/Elementor container */
left:50%!important;
right:auto!important;
width:100vw!important;
min-width:100vw!important;
max-width:none!important;
margin-left:-50vw!important;
margin-right:-50vw!important;
overflow-x:clip!important;
}
body .kyg-about.kyg-about-v2 > section{
width:100%!important;
max-width:none!important;
min-width:0!important;
}
}
/* ============================================================
KYG — MOBILE NAV LOGO VERTICAL CENTER FIX
MOBILE ONLY. Desktop remains unchanged.
Keeps the logo vertically centered in both top and scrolled states.
============================================================ */
@media (max-width:780px){
header .nav-wrap > .logo--custom{
align-self:stretch!important;
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
}
header .nav-wrap > .logo--custom .custom-logo-link{
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
}
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
display:block!important;
width:auto!important;
max-height:36px!important;
max-width:152px!important;
margin:0!important;
padding:0!important;
transform:none!important;
translate:none!important;
position:static!important;
top:auto!important;
bottom:auto!important;
vertical-align:middle!important;
}
/* Explicitly lock the same centering after scroll. */
header.scrolled .nav-wrap > .logo--custom,
header.scrolled .nav-wrap > .logo--custom .custom-logo-link{
height:100%!important;
align-items:center!important;
}
}
/* ============================================================
KYG — NAV LOGO VERTICAL CENTER FIX
ALL BREAKPOINTS. Keeps the custom logo centered in the nav bar
before and after the header enters the scrolled/sticky state.
============================================================ */
header .nav-wrap > .logo--custom{
align-self:center!important;
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
}
header .nav-wrap > .logo--custom .custom-logo-link{
height:100%!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
}
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
display:block!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
position:static!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
translate:none!important;
vertical-align:middle!important;
}
/* Desktop / laptop dimensions remain the same as the existing theme. */
@media (min-width:781px){
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
max-height:50px!important;
max-width:220px!important;
}
header.scrolled .nav-wrap > .logo--custom,
header.scrolled .nav-wrap > .logo--custom .custom-logo-link{
height:100%!important;
align-items:center!important;
align-self:center!important;
}
}
/* Keep the approved mobile logo dimensions. */
@media (max-width:780px){
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
max-height:36px!important;
max-width:152px!important;
}
}
/* ============================================================
KYG — NAV LOGO VISUAL CENTER FINAL
Fixes the optical centering of the custom logo in both the
static/top navigation and the scrolled/floating navigation.
No nav geometry changes.
============================================================ */
/* Use the nav's flex centering for the logo wrapper, then compensate
for the transparent/internal whitespace of the logo artwork itself. */
header .nav-wrap > .logo--custom{
align-self:center!important;
height:auto!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
transform:translateY(-3px)!important;
}
header .nav-wrap > .logo--custom .custom-logo-link{
height:auto!important;
min-height:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
}
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
display:block!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
position:static!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
translate:none!important;
vertical-align:middle!important;
}
/* Desktop / laptop — same correction in normal and scrolled states. */
@media (min-width:781px){
header:not(.scrolled) .nav-wrap > .logo--custom,
header.scrolled .nav-wrap > .logo--custom{
transform:translateY(-3px)!important;
}
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
max-height:50px!important;
max-width:220px!important;
}
}
/* Mobile — top bar needs the same optical correction. */
@media (max-width:780px){
header:not(.scrolled) .nav-wrap > .logo--custom{
transform:translateY(-3px)!important;
}
/* Floating bar looked lower after scroll, so compensate slightly more. */
header.scrolled .nav-wrap > .logo--custom{
transform:translateY(-5px)!important;
}
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
max-height:36px!important;
max-width:152px!important;
}
}
/* ============================================================
KYG — LOGO TRUE OPTICAL CENTER
Final override for desktop + mobile, top + scrolled states.
Wrapper always occupies the full nav height. The image itself is
optically corrected by JS so transparent artwork padding cannot
make the visible logo look too low/high.
============================================================ */
header .nav-wrap > .logo--custom,
header:not(.scrolled) .nav-wrap > .logo--custom,
header.scrolled .nav-wrap > .logo--custom{
align-self:stretch!important;
height:100%!important;
min-height:100%!important;
display:flex!important;
align-items:stretch!important;
justify-content:flex-start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
position:relative!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
translate:none!important;
}
header .nav-wrap > .logo--custom .custom-logo-link,
header:not(.scrolled) .nav-wrap > .logo--custom .custom-logo-link,
header.scrolled .nav-wrap > .logo--custom .custom-logo-link{
height:100%!important;
min-height:100%!important;
display:grid!important;
place-items:center start!important;
margin:0!important;
padding:0!important;
line-height:0!important;
position:relative!important;
top:auto!important;
bottom:auto!important;
transform:none!important;
translate:none!important;
}
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img,
header:not(.scrolled) .nav-wrap > .logo--custom img.custom-logo,
header.scrolled .nav-wrap > .logo--custom img.custom-logo{
display:block!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
position:relative!important;
top:auto!important;
bottom:auto!important;
vertical-align:middle!important;
transform:translateY(var(--kyg-logo-optical-shift,-7px))!important;
translate:none!important;
transition:none!important;
}
@media (min-width:781px){
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
max-height:50px!important;
max-width:220px!important;
}
}
@media (max-width:780px){
header .nav-wrap > .logo--custom img.custom-logo,
header .nav-wrap > .logo--custom img{
max-height:36px!important;
max-width:152px!important;
}
}