#yl-about-page {
    --ya-ink: #151515;
    --ya-charcoal: #282624;
    --ya-paper: #f7f4ef;
    --ya-paper-2: #ede8df;
    --ya-orange: #f36a17;
    --ya-orange-deep: #d5570d;
    --ya-gold: #f8bd42;
    --ya-muted: #6a655e;
    --ya-line: rgba(21,21,21,.14);
    color: var(--ya-ink);
    background: var(--ya-paper);
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    overflow: hidden;
  }

  #yl-about-page *, #yl-about-page *::before, #yl-about-page *::after { box-sizing: border-box; }
  #yl-about-page a { color: inherit; text-decoration: none; }
  #yl-about-page img { display: block; max-width: 100%; }
  #yl-about-page .ya-shell { width: min(1420px, calc(100% - 64px)); margin: 0 auto; }
  #yl-about-page .ya-kicker { display: inline-flex; align-items: center; gap: 11px; margin: 0 0 20px; color: var(--ya-orange-deep); font-size: 11px; font-weight: 900; letter-spacing: .16em; line-height: 1.2; }
  #yl-about-page .ya-kicker::before { width: 28px; height: 2px; background: currentColor; content: ""; }
  #yl-about-page .ya-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 0 24px; background: var(--ya-ink); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; transition: transform .24s ease, background .24s ease; }
  #yl-about-page .ya-button:hover { background: var(--ya-orange); transform: translateY(-3px); }
  #yl-about-page .ya-text-link { display: inline-flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
  #yl-about-page .ya-round-arrow { display: inline-grid; width: 35px; height: 35px; place-items: center; border: 1px solid currentColor; border-radius: 50%; color: var(--ya-orange); font-size: 18px; transition: transform .25s ease, color .25s ease, background .25s ease; }
  #yl-about-page .ya-text-link:hover .ya-round-arrow { background: var(--ya-orange); border-color: var(--ya-orange); color: #fff; transform: translateX(4px); }

  /* Hero */
  #yl-about-page .ya-hero { position: relative; min-height: 690px; padding: 106px 0 86px; overflow: hidden; background: radial-gradient(circle at 81% 17%, rgba(248,189,66,.26), transparent 22%), radial-gradient(circle at 12% 72%, rgba(243,106,23,.09), transparent 29%); }
  #yl-about-page .ya-hero::before { position: absolute; top: -300px; right: -250px; width: 880px; height: 880px; border: 1px solid rgba(243,106,23,.17); border-radius: 50%; content: ""; }
  #yl-about-page .ya-hero::after { position: absolute; top: 176px; right: 17vw; width: 10px; height: 10px; border-radius: 50%; background: var(--ya-orange); box-shadow: -49px 51px 0 var(--ya-gold), 37px -46px 0 rgba(243,106,23,.36); content: ""; }
  #yl-about-page .ya-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.83fr) minmax(520px,1.17fr); gap: 4vw; align-items: center; }
  #yl-about-page .ya-hero-copy { padding: 45px 0; }
  #yl-about-page .ya-hero h1 { max-width: 650px; margin: 0; font-size: clamp(55px, 6vw, 97px); font-weight: 900; letter-spacing: -.09em; line-height: .88; }
  #yl-about-page .ya-hero h1 em { color: var(--ya-orange); font-style: normal; }
  #yl-about-page .ya-hero-copy > p:not(.ya-kicker) { max-width: 470px; margin: 28px 0 33px; color: var(--ya-muted); font-size: 16px; line-height: 1.7; }
  #yl-about-page .ya-hero-actions { display: flex; flex-wrap: wrap; gap: 19px; align-items: center; }
  #yl-about-page .ya-hero-art { position: relative; min-height: 568px; overflow: hidden; border-radius: 27px; background: linear-gradient(135deg, #e9ded0 0%, #f8f5ee 52%, #f2c686 100%); box-shadow: 0 32px 80px rgba(65,44,26,.13); }
  #yl-about-page .ya-hero-art::before { position: absolute; top: 10%; left: 9%; width: 69%; height: 69%; border: 1px solid rgba(21,21,21,.15); border-radius: 50%; content: ""; animation: ya-orbit 20s linear infinite; }
  #yl-about-page .ya-hero-art::after { position: absolute; right: -10%; bottom: 7%; width: 53%; height: 34%; background: var(--ya-orange); clip-path: polygon(24% 0,100% 0,77% 100%,0 100%); content: ""; }
  #yl-about-page .ya-hero-index { position: absolute; z-index: 2; top: 29px; left: 30px; color: var(--ya-ink); font-size: 10px; font-weight: 900; letter-spacing: .15em; }
  #yl-about-page .ya-hero-index span { color: var(--ya-orange); }
  #yl-about-page .ya-hero-art img { position: absolute; z-index: 1; right: -6%; bottom: -2%; width: 111%; height: 530px; object-fit: contain; filter: drop-shadow(0 27px 17px rgba(33,24,16,.23)); mix-blend-mode: multiply; transform: translate3d(var(--ya-product-x,0), var(--ya-product-y,7px), 0) scale(1.06); transition: transform .75s cubic-bezier(.2,.75,.2,1); will-change: transform; }
  #yl-about-page .ya-hero-art:hover img { transform: translate3d(var(--ya-product-x,0), calc(var(--ya-product-y,7px) - 9px), 0) scale(1.085); }
  #yl-about-page .ya-hero-caption { position: absolute; z-index: 2; right: 28px; bottom: 23px; max-width: 230px; color: var(--ya-ink); font-size: 10px; font-weight: 900; letter-spacing: .1em; line-height: 1.5; text-align: right; text-transform: uppercase; }

  /* Company statement */
  #yl-about-page .ya-statement { padding: 120px 0; border-top: 1px solid var(--ya-line); border-bottom: 1px solid var(--ya-line); background: rgba(255,255,255,.30); }
  #yl-about-page .ya-statement-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 8vw; align-items: start; }
  #yl-about-page .ya-company-name { margin: 0; color: var(--ya-orange-deep); font-size: 11px; font-weight: 900; letter-spacing: .13em; line-height: 1.6; text-transform: uppercase; }
  #yl-about-page .ya-statement h2 { max-width: 825px; margin: 0; font-size: clamp(40px, 4.7vw, 73px); font-weight: 900; letter-spacing: -.085em; line-height: .9; }
  #yl-about-page .ya-statement h2 span { color: var(--ya-orange); }
  #yl-about-page .ya-statement p { max-width: 660px; margin: 30px 0 0; color: var(--ya-muted); font-size: 15px; line-height: 1.75; }

  /* Product-first story */
  #yl-about-page .ya-section { padding: 128px 0; }
  #yl-about-page .ya-section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 48px; }
  #yl-about-page .ya-section-head h2 { max-width: 680px; margin: 0; font-size: clamp(38px,4vw,62px); font-weight: 900; letter-spacing: -.08em; line-height: .91; }
  #yl-about-page .ya-section-head > p { max-width: 320px; margin: 0; color: var(--ya-muted); font-size: 14px; line-height: 1.7; }
  #yl-about-page .ya-collage { display: grid; min-height: 560px; grid-template-columns: 1.05fr .95fr; gap: 15px; }
  #yl-about-page .ya-collage-main { position: relative; min-height: 560px; overflow: hidden; border-radius: 22px; background: #eae3d9; }
  #yl-about-page .ya-collage-main::before { position: absolute; top: 9%; left: 11%; width: 70%; height: 70%; border: 1px solid rgba(21,21,21,.16); border-radius: 50%; content: ""; }
  #yl-about-page .ya-collage-main img { position: absolute; z-index: 1; right: -5%; bottom: 1%; width: 108%; height: 92%; object-fit: contain; filter: drop-shadow(0 24px 16px rgba(0,0,0,.17)); mix-blend-mode: multiply; transition: transform .65s cubic-bezier(.2,.75,.2,1); }
  #yl-about-page .ya-collage-main:hover img { transform: translateY(-10px) scale(1.025); }
  #yl-about-page .ya-collage-label { position: absolute; z-index: 2; top: 27px; left: 28px; color: var(--ya-orange-deep); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
  #yl-about-page .ya-collage-side { display: grid; grid-template-rows: 1fr 1fr; gap: 15px; }
  #yl-about-page .ya-side-card { position: relative; min-height: 0; overflow: hidden; border-radius: 22px; }
  #yl-about-page .ya-side-card:first-child { background: #e5eff0; }
  #yl-about-page .ya-side-card:last-child { background: #f4d8be; }
  #yl-about-page .ya-side-card img { position: absolute; right: -3%; bottom: -7%; width: 82%; height: 111%; object-fit: contain; filter: drop-shadow(0 17px 11px rgba(0,0,0,.14)); mix-blend-mode: multiply; transition: transform .6s cubic-bezier(.2,.75,.2,1); }
  #yl-about-page .ya-side-card:hover img { transform: translateY(-8px) scale(1.05); }
  #yl-about-page .ya-side-card span { position: absolute; z-index: 1; top: 23px; left: 24px; max-width: 150px; color: var(--ya-ink); font-size: 17px; font-weight: 900; letter-spacing: -.04em; line-height: 1.02; }

  /* Capabilities */
  #yl-about-page .ya-capabilities { padding: 118px 0; background: var(--ya-ink); color: #fff; }
  #yl-about-page .ya-cap-head { display: grid; grid-template-columns: .82fr 1.18fr; gap: 8vw; margin-bottom: 60px; }
  #yl-about-page .ya-cap-head .ya-kicker { color: var(--ya-gold); }
  #yl-about-page .ya-cap-head h2 { max-width: 760px; margin: 0; font-size: clamp(41px,4.7vw,72px); font-weight: 900; letter-spacing: -.085em; line-height: .9; }
  #yl-about-page .ya-cap-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
  #yl-about-page .ya-cap-card { min-height: 260px; padding: 27px 24px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); transition: background .3s ease; }
  #yl-about-page .ya-cap-card:hover { background: rgba(255,255,255,.07); }
  #yl-about-page .ya-cap-number { display: block; margin-bottom: 62px; color: var(--ya-gold); font-size: 10px; font-weight: 900; letter-spacing: .14em; }
  #yl-about-page .ya-cap-card h3 { margin: 0 0 12px; color: #fff; font-size: 21px; font-weight: 850; letter-spacing: -.05em; line-height: 1; }
  #yl-about-page .ya-cap-card p { margin: 0; color: rgba(255,255,255,.63); font-size: 13px; line-height: 1.55; }

  /* Process */
  #yl-about-page .ya-process { padding: 128px 0; }
  #yl-about-page .ya-process-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; }
  #yl-about-page .ya-process-intro h2 { margin: 0; font-size: clamp(39px,4.1vw,62px); font-weight: 900; letter-spacing: -.08em; line-height: .91; }
  #yl-about-page .ya-process-intro p { max-width: 360px; margin: 24px 0 0; color: var(--ya-muted); font-size: 14px; line-height: 1.7; }
  #yl-about-page .ya-steps { border-top: 1px solid var(--ya-line); }
  #yl-about-page .ya-step { display: grid; grid-template-columns: 56px 1fr auto; gap: 24px; align-items: center; padding: 27px 0; border-bottom: 1px solid var(--ya-line); transition: background .25s ease, padding .25s ease; }
  #yl-about-page .ya-step:hover { padding-right: 15px; padding-left: 15px; background: rgba(243,106,23,.06); }
  #yl-about-page .ya-step > span { color: var(--ya-orange-deep); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
  #yl-about-page .ya-step h3 { margin: 0 0 6px; font-size: 20px; font-weight: 850; letter-spacing: -.045em; }
  #yl-about-page .ya-step p { margin: 0; color: var(--ya-muted); font-size: 13px; line-height: 1.5; }
  #yl-about-page .ya-step i { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid var(--ya-line); border-radius: 50%; color: var(--ya-orange); font-size: 17px; font-style: normal; }

  /* Venue context */
  #yl-about-page .ya-venues { padding: 0 0 128px; }
  #yl-about-page .ya-venue-panel { position: relative; min-height: 555px; overflow: hidden; border-radius: 26px; background: #f0cc93; }
  #yl-about-page .ya-venue-panel::before { position: absolute; top: -55%; right: -8%; width: 60%; height: 175%; border: 1px solid rgba(21,21,21,.17); border-radius: 50%; content: ""; }
  #yl-about-page .ya-venue-copy { position: relative; z-index: 2; max-width: 570px; padding: 80px 0 77px 7.5%; }
  #yl-about-page .ya-venue-copy h2 { margin: 0; font-size: clamp(43px,4.8vw,74px); font-weight: 900; letter-spacing: -.085em; line-height: .89; }
  #yl-about-page .ya-venue-copy p { max-width: 430px; margin: 25px 0 30px; color: rgba(21,21,21,.69); font-size: 14px; line-height: 1.7; }
  #yl-about-page .ya-venue-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0; max-width: 500px; border-top: 1px solid rgba(21,21,21,.2); }
  #yl-about-page .ya-venue-list span { padding: 15px 15px 0 0; color: var(--ya-ink); font-size: 12px; font-weight: 850; letter-spacing: .04em; }
  #yl-about-page .ya-venue-visual { position: absolute; z-index: 1; right: -2%; bottom: -2%; width: 54%; height: 96%; object-fit: contain; filter: drop-shadow(0 29px 17px rgba(21,21,21,.22)); mix-blend-mode: multiply; transition: transform .8s cubic-bezier(.2,.75,.2,1); }
  #yl-about-page .ya-venue-panel:hover .ya-venue-visual { transform: translateY(-10px) scale(1.025); }

  /* Contact */
  #yl-about-page .ya-contact { position: relative; overflow: hidden; padding: 112px 0; background: var(--ya-ink); color: #fff; }
  #yl-about-page .ya-contact::after { position: absolute; top: -70%; right: -8%; width: 60%; height: 190%; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; content: ""; }
  #yl-about-page .ya-contact-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; }
  #yl-about-page .ya-contact .ya-kicker { color: var(--ya-gold); }
  #yl-about-page .ya-contact h2 { max-width: 810px; margin: 0; font-size: clamp(45px,5vw,78px); font-weight: 900; letter-spacing: -.09em; line-height: .89; }
  #yl-about-page .ya-contact p { max-width: 580px; margin: 24px 0 0; color: rgba(255,255,255,.63); font-size: 15px; line-height: 1.7; }
  #yl-about-page .ya-contact-actions { display: flex; flex-wrap: wrap; gap: 13px; justify-content: end; }
  #yl-about-page .ya-contact .ya-button { background: var(--ya-orange); }
  #yl-about-page .ya-contact .ya-button:hover { background: #fff; color: var(--ya-ink); }
  #yl-about-page .ya-outline-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid rgba(255,255,255,.45); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; transition: background .22s ease, color .22s ease; }
  #yl-about-page .ya-outline-button:hover { background: #fff; color: var(--ya-ink); }

  /* Motion: quiet fade-in only. */
  #yl-about-page.ya-motion-enabled .ya-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
  #yl-about-page.ya-motion-enabled .ya-reveal.ya-in-view { opacity: 1; transform: translateY(0); }
  @keyframes ya-orbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

  @media (max-width: 1040px) {
    #yl-about-page .ya-shell { width: min(100% - 40px, 900px); }
    #yl-about-page .ya-hero-grid { grid-template-columns: 1fr 1fr; }
    #yl-about-page .ya-hero-art { min-height: 490px; }
    #yl-about-page .ya-hero-art img { height: 455px; }
    #yl-about-page .ya-cap-grid { grid-template-columns: repeat(2,1fr); }
    #yl-about-page .ya-venue-visual { width: 48%; }
  }

  @media (max-width: 780px) {
    #yl-about-page .ya-shell { width: min(100% - 32px, 600px); }
    #yl-about-page .ya-hero { min-height: 0; padding: 58px 0 70px; }
    #yl-about-page .ya-hero-grid, #yl-about-page .ya-statement-grid, #yl-about-page .ya-cap-head, #yl-about-page .ya-process-grid, #yl-about-page .ya-contact-grid { grid-template-columns: 1fr; }
    #yl-about-page .ya-hero-copy { padding: 12px 0 38px; }
    #yl-about-page .ya-hero h1 { font-size: clamp(48px,13vw,68px); }
    #yl-about-page .ya-hero-copy > p:not(.ya-kicker) { font-size: 14px; }
    #yl-about-page .ya-hero-art { min-height: 390px; border-radius: 18px; }
    #yl-about-page .ya-hero-art img { height: 370px; }
    #yl-about-page .ya-statement, #yl-about-page .ya-section, #yl-about-page .ya-process { padding: 78px 0; }
    #yl-about-page .ya-statement-grid { gap: 25px; }
    #yl-about-page .ya-statement h2 { font-size: 46px; }
    #yl-about-page .ya-section-head { display: block; margin-bottom: 31px; }
    #yl-about-page .ya-section-head h2 { font-size: 43px; }
    #yl-about-page .ya-section-head > p { margin-top: 18px; }
    #yl-about-page .ya-collage { min-height: 0; grid-template-columns: 1fr; }
    #yl-about-page .ya-collage-main { min-height: 390px; border-radius: 17px; }
    #yl-about-page .ya-collage-side { grid-template-columns: 1fr 1fr; grid-template-rows: 230px; }
    #yl-about-page .ya-side-card { border-radius: 17px; }
    #yl-about-page .ya-side-card span { font-size: 14px; }
    #yl-about-page .ya-capabilities { padding: 78px 0; }
    #yl-about-page .ya-cap-head { gap: 23px; margin-bottom: 38px; }
    #yl-about-page .ya-cap-head h2 { font-size: 46px; }
    #yl-about-page .ya-cap-grid { grid-template-columns: 1fr; }
    #yl-about-page .ya-cap-card { min-height: 180px; }
    #yl-about-page .ya-cap-number { margin-bottom: 37px; }
    #yl-about-page .ya-process-grid { gap: 40px; }
    #yl-about-page .ya-process-intro h2 { font-size: 46px; }
    #yl-about-page .ya-step { grid-template-columns: 37px 1fr; gap: 12px; }
    #yl-about-page .ya-step i { display: none; }
    #yl-about-page .ya-venues { padding-bottom: 78px; }
    #yl-about-page .ya-venue-panel { min-height: 595px; border-radius: 19px; }
    #yl-about-page .ya-venue-copy { padding: 59px 28px 0; }
    #yl-about-page .ya-venue-copy h2 { font-size: 49px; }
    #yl-about-page .ya-venue-visual { right: -12%; bottom: -3%; width: 88%; height: 47%; }
    #yl-about-page .ya-contact { padding: 79px 0; }
    #yl-about-page .ya-contact h2 { font-size: 48px; }
    #yl-about-page .ya-contact-grid { gap: 34px; }
    #yl-about-page .ya-contact-actions { justify-content: start; }
  }

  @media (prefers-reduced-motion: reduce) {
    #yl-about-page *, #yl-about-page *::before, #yl-about-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  }