:root{color-scheme:dark;--bg:#0a1518;--surface:#102126;--surface2:#142b30;--ink:#eff5ef;--muted:#a4b8b6;--line:#2a4144;--mint:#c8f5bc;--yellow:#ecdc9b;--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}img{max-width:100%;display:block}.container{width:min(1260px,calc(100% - 72px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-80px;background:#fff;color:#000;padding:12px;z-index:999}.skip-link:focus{top:8px}
.background-orbit{position:absolute;inset:0 0 auto 0;pointer-events:none;height:990px;z-index:-1;background:radial-gradient(ellipse 48% 44% at 76% 40%,rgba(84,140,123,.19),transparent 75%),radial-gradient(ellipse 44% 38% at 9% 13%,rgba(115,123,78,.12),transparent 75%),linear-gradient(180deg,#0d1c21 0%,#0a1518 100%)}
.site-header{border-bottom:1px solid rgba(169,202,185,.11);position:relative;z-index:10;background:rgba(9,22,25,.72);backdrop-filter:blur(16px)}.nav-row{height:86px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--mint);color:#102122;font-size:27px;font-weight:900;letter-spacing:-5px;padding-right:5px;border-radius:14px}.brand-text{font-weight:900;line-height:1;letter-spacing:.07em;font-size:22px}.brand-text strong{font-weight:500;color:var(--mint)}.brand-text small{display:block;letter-spacing:.105em;font-size:8px;font-weight:600;color:#9fb0ac;margin-top:8px}.navigation{display:flex;align-items:center;gap:30px;margin-inline-start:auto;font-weight:600;font-size:13px;color:#c4d3d0}.navigation a:hover,.footer-links a:hover{color:var(--mint)}.language-wrap{flex:none;position:relative}.language-wrap select{max-width:158px;min-width:110px;background:#152a2c;color:var(--ink);border:1px solid #355050;border-radius:9px;font:inherit;font-size:12px;font-weight:700;padding:9px 20px 9px 11px;cursor:pointer}
.hero{min-height:610px;padding-block:98px 91px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:40px}.hero-content{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--mint);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#cdf3bd;box-shadow:0 0 14px #91d4a9}.eyebrow-sep{color:#648482}.hero h1{font-size:clamp(46px,5.6vw,88px);letter-spacing:-.065em;line-height:1.04;font-weight:760;margin:24px 0}.hero-description{font-size:clamp(16px,1.45vw,20px);max-width:610px;color:var(--muted);line-height:1.8;margin:0 0 35px}.primary-link{display:inline-flex;align-items:center;gap:36px;justify-content:space-between;background:var(--mint);color:#18272a;padding:15px 23px;border-radius:10px;font-weight:800;font-size:14px;box-shadow:0 12px 45px #c6f5bc21;transition:transform .2s,background .2s}.primary-link:hover{transform:translateY(-3px);background:#e8ffdf}.primary-link span{font-size:19px}
.hero-art{width:min(100%,455px);aspect-ratio:1;justify-self:center;position:relative;isolation:isolate;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #33504b;box-shadow:0 0 0 31px rgba(39,78,71,.09),0 0 0 88px rgba(39,78,71,.035);background:radial-gradient(circle,rgba(162,225,172,.13) 0%,transparent 65%)}.orb{position:absolute;inset:11%;border:1px dashed rgba(143,194,151,.36);border-radius:50%;transform:rotate(-24deg)}.orb-two{inset:26%;border-style:solid;border-color:rgba(193,230,184,.22);transform:rotate(24deg)}.hero-art:after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid transparent;border-top-color:#c8f5bc;transform:rotate(43deg)}.art-center{width:44%;aspect-ratio:1;background:linear-gradient(145deg,#1c3c3b,#10252b);border:1px solid #4e7b6e;border-radius:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 20px 90px #0008,inset 0 1px 16px #5a9c7e26;transform:rotate(-8deg)}.art-center span{font-size:clamp(45px,5vw,69px);font-weight:900;line-height:1;letter-spacing:-.09em;color:#d6f7c8}.art-center small{color:#a8c6ba;font-size:12px;letter-spacing:.3em;font-weight:800;margin-top:4px}.art-label{position:absolute;padding:7px 12px;border-radius:25px;font-size:10px;letter-spacing:.15em;font-weight:800;background:#1b3535;border:1px solid #4f7765;color:#d2efd4}.al-1{top:7%;left:26%}.al-2{top:32%;right:-3%}.al-3{bottom:6%;left:30%}.al-4{bottom:24%;left:-2%}.al-5{top:12%;right:5%}
.content-section{padding-block:60px 100px}.section-heading{margin-bottom:30px;max-width:910px}.section-heading h2,.about-frame h2{font-size:clamp(32px,3.4vw,52px);line-height:1.12;letter-spacing:-.05em;margin:14px 0 22px;font-weight:740}.fine-line{height:1px;max-width:750px;background:linear-gradient(90deg,#769c83,transparent)}.business-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.business-card{grid-column:span 2;min-height:342px;display:flex;flex-direction:column;padding:28px;position:relative;background:linear-gradient(152deg,#183137,#102329 72%);border:1px solid #315054;border-radius:19px;transition:transform .25s,border-color .25s,box-shadow .25s}.business-card:nth-child(4),.business-card:nth-child(5){grid-column:span 3;min-height:296px}.business-card:hover{transform:translateY(-6px);border-color:#9fcd9f;box-shadow:0 22px 45px #030a0f65}.business-card--video{background:linear-gradient(155deg,#303043,#19252d 74%)}.business-card--gaming{background:linear-gradient(155deg,#26363e,#122329 75%)}.business-card--artist{background:linear-gradient(155deg,#332c30,#192126 74%)}.business-card--music{background:linear-gradient(155deg,#263a32,#152427 74%)}.business-index{color:#b5c9bd;font-weight:800;font-size:11px;letter-spacing:.15em}.business-icon{width:75px;height:75px;display:grid;place-items:center;background:rgba(200,245,188,.09);border:1px solid rgba(199,245,188,.18);border-radius:18px;margin:21px 0}.business-icon img{width:38px;height:38px;filter:invert(94%) sepia(14%) saturate(503%) hue-rotate(54deg) brightness(102%)}.business-title{font-size:25px;font-weight:750;letter-spacing:-.035em;line-height:1.18}.business-desc{font-size:14px;color:#a9c0bc;line-height:1.55;max-width:330px;margin-top:12px;flex:1}.business-link{display:flex;align-items:center;gap:10px;color:var(--mint);font-weight:800;font-size:12px;margin-top:30px}.business-link span{font-size:18px}
.applications-section{background:#0e1c20;border-block:1px solid #26383b;padding-block:80px 90px}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-card{min-height:240px;display:flex;flex-direction:column;padding:25px 24px 22px;background:var(--surface2);border:1px solid #2f494c;border-radius:16px;transition:transform .2s,border-color .2s}.app-card:hover{transform:translateY(-5px);border-color:#b6d8b8}.app-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.app-logo{width:50px;height:50px;border-radius:12px;background:#213f3e;color:#ceefc9;border:1px solid #466a60;display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:-.06em}.app-arrow{font-size:18px;color:#b4d8b3}.app-name{font-size:20px;font-weight:760;letter-spacing:-.04em}.app-desc{font-size:13px;line-height:1.6;color:#a7c0bb;margin-top:9px;flex:1}.app-domain{font-size:11px;color:#b5dfb7;letter-spacing:.015em;margin-top:20px;overflow-wrap:anywhere}
.about-section{padding-block:88px 106px}.about-frame{display:grid;grid-template-columns:1fr 1.35fr;gap:30px 75px;padding:40px 0 0;border-top:1px solid #41625a}.about-frame p{font-size:clamp(16px,1.5vw,20px);line-height:1.8;color:#b5c9c5;margin:10px 0}.text-link{grid-column:2;color:var(--mint);font-size:14px;font-weight:800}.text-link span{margin-inline-start:7px}.site-footer{border-top:1px solid #263d40;background:#081215}.footer-inner{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner>div:first-child{display:flex;flex-direction:column;gap:4px}.footer-inner strong{font-size:14px;letter-spacing:.12em}.footer-inner span,.footer-inner small{font-size:12px;color:#9cb2ae}.footer-inner span a{color:var(--mint)}.footer-links{display:flex;align-items:center;gap:24px;font-size:13px;color:#bdcfc9}
html[dir="rtl"] .business-link span,html[dir="rtl"] .app-arrow{transform:scaleX(-1)}html[dir="rtl"] .brand-icon,html[dir="rtl"] .brand-text,html[dir="rtl"] .eyebrow,html[dir="rtl"] .hero-art,html[dir="rtl"] .app-domain{direction:ltr}html[dir="rtl"] .brand-text small{text-align:left}html[dir="rtl"] .fine-line{background:linear-gradient(270deg,#769c83,transparent)}
@media(max-width:1000px){.navigation{gap:16px}.hero{grid-template-columns:1fr .75fr;gap:10px}.hero-art{width:min(100%,310px)}.business-card,.business-card:nth-child(4),.business-card:nth-child(5){grid-column:span 3;min-height:310px}.business-card:last-child{grid-column:span 6}.app-grid{grid-template-columns:repeat(2,1fr)}.brand-text small{font-size:7px}}
@media(max-width:730px){.container{width:min(100% - 32px,1260px)}.nav-row{height:auto;min-height:76px;flex-wrap:wrap;gap:8px 14px;padding-block:12px}.brand{margin-inline-end:auto}.brand-icon{height:39px;width:39px;font-size:22px;border-radius:11px}.brand-text{font-size:17px}.brand-text small{font-size:6px}.language-wrap select{min-width:100px;max-width:122px}.navigation{width:100%;order:3;justify-content:space-between;gap:8px;font-size:11px;padding-top:8px;border-top:1px solid #274042}.hero{grid-template-columns:1fr;min-height:unset;padding-block:60px 26px;gap:18px}.hero h1{font-size:clamp(42px,10vw,70px)}.hero-description{font-size:16px}.hero-art{width:245px;justify-self:center;margin-top:30px}.eyebrow{font-size:9px;letter-spacing:.07em}.content-section{padding-block:48px 70px}.business-grid{grid-template-columns:1fr}.business-card,.business-card:nth-child(4),.business-card:nth-child(5),.business-card:last-child{grid-column:auto;min-height:286px}.app-grid{grid-template-columns:1fr}.app-card{min-height:190px}.about-section{padding-block:70px}.about-frame{grid-template-columns:1fr;gap:12px}.text-link{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column;padding-block:25px}.footer-links{flex-wrap:wrap}.background-orbit{height:1300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Exact brand images, preserving original aspect ratio and color. */
.business-icon.has-original-logo{width:100%;height:96px;max-width:240px;padding:13px 14px;background:#f4f6f5;border-color:#cad5d3;border-radius:15px;display:flex;align-items:center;justify-content:center}
.business-icon.has-original-logo .original-brand-logo{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none}
.app-logo.has-original-logo{width:min(100%,174px);height:78px;padding:9px 12px;background:#f4f6f5;border-color:#cad5d3;letter-spacing:normal}
.app-logo.has-original-logo .original-brand-logo{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:none}
.brand-icon.has-original-logo{width:58px;height:50px;background:#f4f6f5;border:1px solid #d8e2dc;border-radius:12px;padding:6px}
.brand-icon.has-original-logo .original-brand-logo{width:100%;height:100%;object-fit:contain;filter:none}
.art-center.has-original-logo{padding:20px;background:#f4f6f5;border:1px solid #d8e2dc;border-radius:26px}
.art-center.has-original-logo .original-brand-logo{display:block;width:100%;height:100%;object-fit:contain;filter:none}
/* Original YPH gold logos: display the unchanged transparent pixels on the dark surface. */
.brand-icon.has-original-logo{background:transparent;border:0;padding:0;width:59px;height:59px;box-shadow:none}
.art-center.has-original-logo{width:61%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.business-icon.has-original-logo{width:100%;height:120px;max-width:215px;padding:0;background:transparent;border:0;border-radius:0;margin:12px 0 16px}
.app-logo.has-original-logo{background:transparent;border:0;padding:0}
@media(max-width:730px){.brand-icon.has-original-logo{width:48px;height:48px}.art-center.has-original-logo{width:64%}.business-icon.has-original-logo{height:108px}}

/* YPHGROUP_LOGOS_V6 */
/* All five business logos use the same left-anchored square. */
.business-card .business-icon,
.business-card .business-icon.has-original-logo {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  min-height: 120px;
  padding: 0;
  margin: 12px 0 16px;
  background: transparent;
  border: 0;
  border-radius: 0;
}
.business-card .business-icon.has-original-logo .original-brand-logo {
  display: block;
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  max-width: 120px;
  max-height: 120px;
  object-fit: contain;
  object-position: left center;
  filter: none;
  margin: 0;
}
/* The supplied Video/York Patrick PNGs have an opaque black canvas.
   Screen blending makes black neutral against the card while preserving
   the supplied PNG bytes unchanged. */
.business-card .original-brand-logo.black-canvas-logo {
  mix-blend-mode: screen;
}
@media(max-width:730px) {
  .business-card .business-icon,
  .business-card .business-icon.has-original-logo {
    width: 108px;
    min-width: 108px;
    max-width: 108px;
    height: 108px;
    min-height: 108px;
  }
  .business-card .business-icon.has-original-logo .original-brand-logo {
    width: 108px;
    height: 108px;
    max-width: 108px;
    max-height: 108px;
  }
}
html[dir="rtl"] .business-card .business-icon.has-original-logo .original-brand-logo {
  object-position: right center;
}

/* YPHGROUP_ABOUT_LOGOS_V7 */
/* Business logo alignment: align the visible gold artwork, not only the PNG canvas. */
.business-card .business-icon,
.business-card .business-icon.has-original-logo{
  box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;
  width:120px!important;min-width:120px!important;max-width:120px!important;
  height:120px!important;min-height:120px!important;padding:0!important;
  margin:12px 0 16px!important;background:transparent!important;border:0!important;border-radius:0!important;
  overflow:visible;
}
.business-card .business-icon.has-original-logo .original-brand-logo{
  display:block;box-sizing:border-box;width:120px!important;height:120px!important;
  max-width:120px!important;max-height:120px!important;object-fit:contain;object-position:left center;
  filter:none!important;margin:0!important;transform-origin:left center;
}
.business-card--consulting .original-brand-logo{transform:translateX(-15px)}
.business-card--video .original-brand-logo{transform:translateX(-16px);mix-blend-mode:screen}
.business-card--gaming .original-brand-logo{transform:translateX(-16px)}
.business-card--artist .original-brand-logo{transform:translateX(-10px);mix-blend-mode:screen}
.business-card--music .original-brand-logo{transform:translateX(-15px)}
html[dir="rtl"] .business-card .business-icon.has-original-logo .original-brand-logo{transform-origin:right center;object-position:right center}
html[dir="rtl"] .business-card--consulting .original-brand-logo{transform:translateX(15px)}
html[dir="rtl"] .business-card--video .original-brand-logo{transform:translateX(16px)}
html[dir="rtl"] .business-card--gaming .original-brand-logo{transform:translateX(16px)}
html[dir="rtl"] .business-card--artist .original-brand-logo{transform:translateX(10px)}
html[dir="rtl"] .business-card--music .original-brand-logo{transform:translateX(15px)}

/* Prominent company history / About section. */
.about-history{padding-block:92px 112px}
.about-history-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.35fr);gap:48px 78px;padding-top:42px;border-top:1px solid #41625a}
.about-history h2{font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-.05em;margin:14px 0 22px;font-weight:760}
.about-lead{font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:#d6e4df;margin:0 0 30px}
.about-facts{display:grid;gap:10px;margin-top:28px}
.about-fact{padding:15px 17px;border:1px solid #315054;border-radius:14px;background:linear-gradient(145deg,rgba(24,49,55,.72),rgba(14,32,37,.55))}
.about-fact strong{display:block;color:#dfffcf;font-size:18px;letter-spacing:.02em;margin-bottom:4px}
.about-fact span{display:block;color:#9fb8b2;font-size:12px;line-height:1.45}
.about-history-copy{max-width:760px}
.about-history-copy p{font-size:15.5px;line-height:1.83;color:#b8cbc7;margin:0 0 18px}
.about-history-copy p:first-child{color:#d2e0dc}
.about-clients{padding:18px 20px;border-left:2px solid #b9ef9e;background:rgba(185,239,158,.045);color:#c8d8d3!important}
.about-tagline{margin:30px 0 22px;font-size:clamp(18px,1.7vw,24px);line-height:1.35;font-weight:760;color:#e5fbd9;letter-spacing:-.02em}
.about-history-copy .text-link{display:inline-flex;align-items:center;gap:7px;color:var(--mint);font-size:14px;font-weight:800}
@media(max-width:730px){
 .business-card .business-icon,.business-card .business-icon.has-original-logo{width:108px!important;min-width:108px!important;max-width:108px!important;height:108px!important;min-height:108px!important}
 .business-card .business-icon.has-original-logo .original-brand-logo{width:108px!important;height:108px!important;max-width:108px!important;max-height:108px!important}
 .business-card--consulting .original-brand-logo{transform:translateX(-13px)}
 .business-card--video .original-brand-logo{transform:translateX(-14px)}
 .business-card--gaming .original-brand-logo{transform:translateX(-14px)}
 .business-card--artist .original-brand-logo{transform:translateX(-9px)}
 .business-card--music .original-brand-logo{transform:translateX(-13px)}
 .about-history{padding-block:72px 78px}.about-history-grid{grid-template-columns:1fr;gap:30px;padding-top:34px}
 .about-facts{grid-template-columns:1fr}.about-history-copy p{font-size:15px;line-height:1.72}.about-clients{padding:15px 16px}
}