@scope (.kai-about-v1-active) {

:scope { --black:#050505; --red:#ed1c24; --cream:#e7decc; --white:#f7f6f1; --impact:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif; --sans:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
:scope { scroll-behavior:smooth; background:var(--black); }
:scope { margin:0; overflow-x:clip; background:var(--black); color:var(--white); font-family:var(--sans); }
img,video { display:block; width:100%; max-width:100%; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:3px solid #ffcf00; outline-offset:4px; }
.section { position:relative; padding:clamp(76px,9vw,140px) clamp(18px,4.4vw,68px); overflow:hidden; }
.kicker,.eyebrow { margin:0; font-size:10px; font-weight:900; letter-spacing:.19em; line-height:1.2; text-transform:uppercase; }
em { color:var(--red); font-style:normal; }

.site-header { position:absolute; z-index:30; top:0; left:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; width:100%; min-height:88px; padding:12px clamp(18px,4vw,62px); border-bottom:1px solid rgba(255,255,255,.2); color:white; }
.brand { width:94px; }
.brand img { height:48px; object-fit:contain; filter:brightness(0) invert(1); }
.desktop-nav { display:flex; justify-content:center; gap:clamp(20px,3vw,48px); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.desktop-nav a { padding:12px 0; border-bottom:2px solid transparent; }
.desktop-nav a:hover,.desktop-nav a:focus-visible { border-color:var(--red); }
.header-cta { display:inline-flex; min-height:46px; align-items:center; padding:0 22px; border:2px solid white; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; transition:background .25s,color .25s,transform .25s; }
.header-cta:hover,.header-cta:focus-visible { background:white; color:var(--black); transform:translateY(-2px); }

.about-hero { position:relative; display:flex; min-height:clamp(720px,92vh,990px); flex-direction:column; justify-content:flex-end; padding:130px clamp(18px,4.4vw,68px) 70px; isolation:isolate; overflow:hidden; }
.about-hero__media,.about-hero__shade { position:absolute; z-index:-2; inset:0; }
.about-hero__media img,.about-hero__media video { height:100%; object-fit:cover; }
.about-hero__shade { z-index:-1; background:linear-gradient(0deg,rgba(0,0,0,.83),rgba(0,0,0,.05) 62%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 65%); }
.about-hero .eyebrow { max-width:440px; margin-bottom:24px; }
.about-hero h1 { margin:0; font-family:var(--impact); font-size:clamp(118px,18vw,270px); font-weight:900; letter-spacing:-.06em; line-height:.68; text-transform:uppercase; }
.about-hero h1 span,.about-hero h1 strong { display:block; }
.about-hero h1 strong { color:var(--red); font-weight:900; }
.about-hero__note { max-width:430px; margin:38px 0 0 auto; font-size:clamp(17px,1.5vw,22px); font-weight:700; line-height:1.2; }
.about-hero__stamp { position:absolute; right:5vw; top:25%; display:grid; width:112px; aspect-ratio:1; place-items:center; border:2px solid white; border-radius:50%; font-size:11px; font-weight:900; letter-spacing:.14em; line-height:1.25; text-align:center; transform:rotate(11deg); }

.story-rail { overflow:hidden; border-top:1px solid #ff5459; border-bottom:1px solid #ff5459; background:var(--red); color:white; }
.story-rail div { width:max-content; padding:18px 0; font-family:var(--impact); font-size:26px; letter-spacing:.04em; text-transform:uppercase; animation:rail 25s linear infinite; }
@keyframes rail { to { transform:translateX(-50%); } }

.origin { display:grid; grid-template-columns:.22fr 1.1fr 1fr; gap:clamp(22px,4vw,70px); align-items:center; min-height:850px; background:var(--black); }
.section-number { align-self:start; padding-top:5px; color:var(--red); font-family:var(--impact); font-size:clamp(76px,9vw,130px); line-height:.8; }
.origin__media { position:relative; height:min(66vw,780px); max-height:780px; transform:rotate(-2.5deg); }
.origin__media::before { position:absolute; z-index:-1; inset:-18px 18px 18px -18px; border:2px solid var(--red); content:''; }
.origin__media img,.origin__media video { height:100%; object-fit:cover; filter:saturate(.75) contrast(1.08); }
.origin__media--pending { display:grid; place-items:center; border:1px dashed #777; background:linear-gradient(145deg,#181818,#080808); color:#888; }
.origin__media--pending span { max-width:240px; font-size:10px; font-weight:900; letter-spacing:.16em; line-height:1.5; text-align:center; }
.origin__copy { max-width:560px; padding-left:1vw; }
.origin h2,.section-head h2,.people h2,.product-way h2,.award-story h2,.kai-today h2 { margin:18px 0 34px; font-family:var(--impact); font-size:clamp(76px,9.5vw,150px); font-weight:900; letter-spacing:-.055em; line-height:.72; text-transform:uppercase; }
.pending-year { margin:0 0 12px; color:var(--red); font-family:var(--impact); font-size:clamp(56px,6vw,92px); line-height:1; }
.origin h3 { margin:0 0 18px; font-size:20px; letter-spacing:.05em; }
.origin__copy > p { max-width:430px; margin:0; color:var(--cream); font-size:18px; font-weight:700; line-height:1.45; }
.origin small { display:block; max-width:390px; margin-top:24px; color:#898989; font-size:10px; font-weight:700; letter-spacing:.12em; line-height:1.5; text-transform:uppercase; }
.origin__copy > p + p { margin-top:18px; }
.origin__name { max-width:430px; margin-top:28px; padding-top:20px; border-top:2px solid var(--red); }
.origin__name h3 { color:var(--red); font-size:18px; }
.origin__name p { margin:0; font-size:16px; line-height:1.5; }

.timeline { background:var(--cream); color:var(--black); }
.section-head { display:grid; grid-template-columns:1fr minmax(260px,.42fr); gap:40px; align-items:end; margin-bottom:clamp(60px,8vw,120px); }
.section-head h2 { margin-bottom:0; }
.section-head > p { max-width:420px; margin:0 0 6px; font-size:18px; font-weight:700; line-height:1.35; }
.timeline-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.timeline-item { display:flex; min-height:570px; flex-direction:column; padding:18px; border:2px solid var(--black); background:var(--white); }
.timeline-item:nth-child(even) { transform:translateY(58px); }
.timeline-item__top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; font-size:10px; font-weight:900; letter-spacing:.12em; }
.timeline-item__top span { display:grid; width:35px; aspect-ratio:1; place-items:center; background:var(--red); color:white; }
.timeline-item__media { display:grid; min-height:235px; padding:20px; place-items:center; border:1px dashed #777; background:var(--black); color:white; font-size:9px; font-weight:900; letter-spacing:.15em; line-height:1.5; text-align:center; }
.timeline-item > p { margin:20px 0 8px; color:var(--red); font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.timeline-item h3 { margin:0 0 12px; font-family:var(--impact); font-size:33px; line-height:.92; text-transform:uppercase; }
.timeline-item > div:last-child { margin-top:14px; font-size:14px; font-weight:600; line-height:1.5; }
.timeline-milestone + .timeline-milestone { margin-top:22px; padding-top:18px; border-top:1px solid #aaa; }
.timeline-milestone h4 { margin:0 0 8px; font-size:14px; }
.timeline-milestone p { margin:0; }
.timeline-milestone ul { margin:10px 0 0; padding-left:16px; }
.timeline-milestone li { margin-top:10px; font-size:12px; font-weight:900; line-height:1.4; }

.people { min-height:1000px; background:var(--red); }
.people__title { position:relative; z-index:5; max-width:1020px; }
.people h2 { font-size:clamp(88px,13vw,200px); }
.people h2 em { color:var(--black); }
.people-collage { position:relative; height:clamp(600px,58vw,880px); margin-top:-5vw; }
.people-collage figure { position:absolute; margin:0; overflow:hidden; border:10px solid var(--white); box-shadow:0 20px 45px rgba(0,0,0,.26); }
.people-collage img { height:100%; object-fit:cover; }
.people-collage__main { left:9%; bottom:0; width:33%; height:76%; transform:rotate(-5deg); }
.people-collage__portrait { left:38%; top:5%; width:28%; height:69%; transform:rotate(3.5deg); }
.people-collage__detail { right:6%; bottom:7%; width:26%; height:62%; transform:rotate(-2deg); }
.people-collage__tag { position:absolute; z-index:6; left:3%; top:11%; padding:18px 22px; background:var(--black); color:white; font-family:var(--impact); font-size:clamp(23px,3vw,44px); line-height:.95; transform:rotate(-4deg); }
.people__pending { max-width:680px; margin:45px 0 0 auto; padding-top:18px; border-top:2px solid var(--black); color:var(--black); font-size:18px; font-weight:700; line-height:1.45; }

.product-way { display:grid; grid-template-columns:1.08fr .92fr; min-height:900px; padding:0; background:var(--black); }
.product-way__media { min-height:900px; }
.product-way__media img { height:100%; object-fit:cover; }
.product-way__copy { display:flex; flex-direction:column; justify-content:center; padding:90px clamp(26px,6vw,100px); }
.product-way h2 { margin-bottom:50px; }
.product-categories { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #555; }
.product-categories span { padding:18px 8px; border-bottom:1px solid #555; font-family:var(--impact); font-size:clamp(24px,2.6vw,40px); text-transform:uppercase; }
.product-categories span:nth-child(odd) { border-right:1px solid #555; }
.product-way__copy > p { margin:32px 0 0; color:#aaa; font-size:10px; font-weight:900; letter-spacing:.12em; line-height:1.6; }
.product-way__copy > p:not(.kicker) { color:var(--cream); font-size:17px; font-weight:600; letter-spacing:0; line-height:1.5; }

.award-story { display:grid; grid-template-columns:.9fr .75fr 1.05fr; gap:clamp(28px,4vw,70px); align-items:center; background:var(--cream); color:var(--black); }
.award-story h2 { font-size:clamp(68px,7.5vw,118px); }
.award-story__intro > p:last-child { max-width:430px; font-size:16px; font-weight:700; line-height:1.5; }
.award-story__image { position:relative; height:680px; transform:rotate(2.5deg); }
.award-story__image img { height:100%; object-fit:cover; }
.award-story__image span { position:absolute; right:-25px; bottom:38px; padding:14px 18px; background:var(--red); color:white; font-size:9px; font-weight:900; letter-spacing:.12em; line-height:1.5; transform:rotate(-5deg); }
.award-list { margin:0; padding:0; list-style:none; border-top:2px solid var(--black); }
.award-list li { display:grid; grid-template-columns:44px 1fr; gap:18px; align-items:start; padding:25px 0; border-bottom:2px solid var(--black); }
.award-list span { color:var(--red); font-family:var(--impact); font-size:30px; }
.award-list strong { font-size:clamp(17px,1.5vw,23px); line-height:1.1; }

.three-kai { background:var(--black); }
.section-head--light { color:white; }
.three-kai__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#444; }
.kai-place { position:relative; min-width:0; height:clamp(560px,49vw,740px); overflow:hidden; background:var(--black); }
.kai-place__media { position:absolute; inset:0; }
.kai-place__media img,.kai-place__media video { height:100%; object-fit:cover; transition:transform .6s ease; }
.kai-place::after { position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 62%); content:''; }
.kai-place h3 { position:absolute; z-index:2; right:28px; bottom:25px; left:28px; margin:0; font-family:var(--impact); font-size:clamp(45px,5.2vw,78px); letter-spacing:-.04em; line-height:.82; text-transform:uppercase; }
.kai-place:hover .kai-place__media img,.kai-place:hover .kai-place__media video { transform:scale(1.025); }
.mega-link { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:38px 0 13px; border-bottom:5px solid var(--red); font-family:var(--impact); font-size:clamp(46px,7vw,108px); letter-spacing:-.035em; line-height:1; text-transform:uppercase; }
.mega-link span:last-child { color:var(--red); }

.kai-today { display:flex; min-height:900px; flex-direction:column; justify-content:flex-end; isolation:isolate; }
.kai-today__media,.kai-today__shade { position:absolute; z-index:-2; inset:0; }
.kai-today__media img { height:100%; object-fit:cover; object-position:center 45%; }
.kai-today__shade { z-index:-1; background:linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.08) 75%); }
.kai-today h2 { margin-bottom:20px; font-size:clamp(110px,16vw,250px); }
.kai-today > p:not(.kicker) { max-width:430px; margin:0 0 20px; font-size:17px; font-weight:700; line-height:1.5; }
.kai-today blockquote { max-width:520px; margin:0 0 30px; font-size:clamp(22px,2.5vw,34px); font-weight:700; line-height:1.25; }
.kai-today__actions { display:flex; gap:12px; }
.kai-today__actions a { display:inline-flex; min-height:52px; align-items:center; padding:0 22px; border:2px solid white; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.kai-today__actions a:first-child { border-color:var(--red); background:var(--red); }

.site-footer { display:grid; grid-template-columns:auto 1fr auto; gap:30px; align-items:center; min-height:130px; padding:26px clamp(18px,4.4vw,68px); background:var(--red); color:white; }
.site-footer img { width:92px; height:52px; object-fit:contain; }
.site-footer p,.site-footer a { margin:0; font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.site-footer p { justify-self:center; }
.site-footer a { padding-bottom:6px; border-bottom:2px solid white; }

@media (max-width:1000px) {
  .site-header { grid-template-columns:auto 1fr; min-height:74px; padding:10px 18px; }
  .brand { width:76px; }
  .brand img { height:42px; }
  .desktop-nav { display:none; }
  .header-cta { justify-self:end; min-height:42px; border-color:var(--red); background:var(--red); }
  .about-hero { min-height:760px; padding:110px 18px 42px; }
  .about-hero h1 { font-size:clamp(98px,25vw,154px); }
  .about-hero__note { max-width:300px; margin:25px 0 0; font-size:16px; }
  .about-hero__stamp { top:21%; right:18px; width:82px; font-size:8px; }
  .section { padding:82px 18px; }
  .origin { grid-template-columns:1fr; min-height:0; }
  .section-number { position:absolute; z-index:3; top:26px; right:18px; }
  .origin__media { width:88%; height:570px; margin:42px 0 20px auto; }
  .origin__copy { padding:0; }
  .origin h2,.section-head h2,.people h2,.product-way h2,.award-story h2,.kai-today h2 { font-size:clamp(66px,19vw,105px); }
  .section-head { grid-template-columns:1fr; margin-bottom:50px; }
  .section-head > p { font-size:15px; }
  .timeline-list { grid-template-columns:1fr; gap:16px; }
  .timeline-item { min-height:0; }
  .timeline-item:nth-child(even) { transform:none; }
  .timeline-item__media { min-height:210px; }
  .people { min-height:0; }
  .people-collage { height:720px; margin-top:0; }
  .people-collage figure { border-width:6px; }
  .people-collage__main { left:0; top:75px; bottom:auto; width:62%; height:500px; }
  .people-collage__portrait { top:20px; right:0; left:auto; width:45%; height:380px; }
  .people-collage__detail { right:5%; bottom:10px; width:54%; height:360px; }
  .people-collage__tag { top:auto; bottom:35px; left:0; }
  .product-way { grid-template-columns:1fr; min-height:0; }
  .product-way__media { min-height:620px; }
  .product-way__copy { padding:78px 18px; }
  .award-story { grid-template-columns:1fr; }
  .award-story__image { width:88%; height:580px; margin:0 auto; }
  .award-list { margin-top:35px; }
  .three-kai__grid { grid-template-columns:1fr; }
  .kai-place { height:510px; }
  .kai-today { min-height:760px; }
}

@media (max-width:430px) {
  .about-hero { min-height:710px; }
  .about-hero__media img { object-position:62% 40%!important; }
  .about-hero h1 { font-size:95px; }
  .story-rail div { padding:14px 0; font-size:20px; }
  .origin__media { height:480px; }
  .origin h2,.section-head h2,.people h2,.product-way h2,.award-story h2,.kai-today h2 { font-size:66px; }
  .people-collage { height:620px; }
  .people-collage__main { height:430px; }
  .people-collage__portrait { height:330px; }
  .people-collage__detail { height:300px; }
  .product-way__media { min-height:520px; }
  .product-categories span { font-size:22px; }
  .award-story__image { height:490px; }
  .kai-place { height:440px; }
  .mega-link { font-size:45px; }
  .kai-today { min-height:700px; }
  .kai-today__actions { flex-direction:column; align-items:stretch; }
  .kai-today__actions a { justify-content:center; }
  .site-footer { grid-template-columns:1fr auto; min-height:110px; padding:20px 18px; }
  .site-footer p { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  :scope { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}
}

@scope (.kai-about-v1-active) {
.people-collage video,.product-way__media video,.award-story__image video,.kai-today__media video { width:100%;height:100%;object-fit:cover; }
.timeline-item__media img,.timeline-item__media video { width:100%;height:100%;min-height:235px;object-fit:cover; }
.kai-about-elementor-root,.elementor-widget-shortcode,.elementor-widget-shortcode>.elementor-widget-container { width:100%; }
.elementor-location-header,.elementor-location-footer { display:none!important; }
}