.about-experience{background:var(--paper);color:var(--ink);overflow:clip}.about-experience-index{color:inherit;font-family:var(--font-display);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:12px;margin:0;font-size:.68rem;font-weight:760;line-height:1.3;display:flex}.about-experience-index span{color:var(--accent);font-variant-numeric:tabular-nums}.about-experience-hero{background:radial-gradient(circle at 78% 24%, #238bff1c, transparent 28%), var(--ink);min-height:calc(100svh - 86px);color:var(--white);padding:clamp(98px,8.4vw,150px) 0 0;position:relative;overflow:hidden}.about-experience-hero:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#ffffff0b 1px),linear-gradient(#0000 calc(100% - 1px),#ffffff09 1px);background-size:min(12.5vw,190px) min(12.5vw,190px);position:absolute;inset:0;mask-image:linear-gradient(#000000a6,#0000 88%)}.about-experience-hero-grid{z-index:2;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:clamp(18px,1.5vw,26px);min-height:clamp(650px,72vh,850px);display:grid;position:relative}.about-experience-copy{grid-column:1/span 7;padding-bottom:clamp(70px,7vw,112px)}.about-experience-copy h1{max-width:10.6ch;font-family:var(--font-display);letter-spacing:-.068em;margin:clamp(24px,3vw,44px) 0 30px;font-size:clamp(4.2rem,7.25vw,8rem);font-weight:570;line-height:.88}.about-experience-copy h1 span,.about-experience-copy h1 em{display:block}.about-experience-copy h1 em{color:var(--accent);font-family:var(--font-serif);letter-spacing:-.045em;margin-top:.06em;font-weight:400;line-height:.94}.about-experience-lead{max-width:61ch;color:var(--on-dark-muted);margin:0;font-size:clamp(1.04rem,1.22vw,1.28rem);line-height:1.68}.about-experience-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:38px;display:flex}.about-experience-actions .button,.about-experience-cta .button{gap:24px}.about-experience-hero .button-primary{border-color:var(--accent);background:var(--white);color:var(--ink)}.about-experience-hero .button-primary:hover{border-color:var(--accent);background:var(--subtle);color:var(--ink)}.about-experience-actions .button span,.about-experience-cta .button span{color:var(--accent)}.about-experience-text-link{min-height:52px;color:var(--white);font-family:var(--font-display);align-items:center;gap:12px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.about-experience-text-link span{color:var(--accent);transition:transform .22s}.about-experience-text-link:hover span{transform:translateY(4px)}.about-experience-microcopy{color:var(--on-dark-muted);align-items:center;gap:10px;margin:26px 0 0;font-size:.72rem;display:flex}.about-experience-microcopy i{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 6px #238bff21}.about-experience-portrait-stage{grid-column:8/-1;min-height:clamp(590px,63vh,750px);position:relative}.about-experience-logo-assembly{z-index:0;opacity:.28;position:absolute;inset:4% -15% 1% -23%}.about-experience-logo-assembly i{background:var(--accent);display:block;position:absolute;inset:0;mask:url(/logo-jcc-blue.png) 50%/contain no-repeat}.about-experience-logo-assembly i:first-child{clip-path:polygon(0 0,58% 0,42% 48%,0 66%)}.about-experience-logo-assembly i:nth-child(2){clip-path:polygon(58% 0,100% 0,100% 62%,56% 48%)}.about-experience-logo-assembly i:nth-child(3){clip-path:polygon(0 66%,47% 48%,100% 62%,100% 100%,0 100%)}.about-experience-portrait{z-index:2;width:min(84%,550px);margin:0;position:absolute;bottom:clamp(62px,7vh,92px);right:0}.about-experience-portrait>div{aspect-ratio:.8;border:1px solid var(--accent);background:var(--surface);border-radius:18px 18px 96px;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000052}.about-experience-portrait>div:after{content:"";pointer-events:none;background:linear-gradient(#0000 66%,#061c2f85);position:absolute;inset:0}.about-experience-portrait img{object-fit:cover;object-position:center 24%;width:100%;height:100%}.about-experience-portrait figcaption{border-bottom:1px solid var(--dark-line);grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 22px;padding:18px 0;display:grid}.about-experience-portrait figcaption strong{color:var(--white);font-size:.88rem}.about-experience-portrait figcaption span{color:var(--on-dark-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.about-experience-coordinate{z-index:3;color:var(--accent);font-family:var(--font-display);letter-spacing:.13em;font-size:.59rem;font-weight:720;position:absolute}.about-coordinate-one{writing-mode:vertical-rl;top:17%;right:2%}.about-coordinate-two{bottom:17%;left:1%}.about-experience-rail{z-index:3;border-top:1px solid var(--dark-line);background:color-mix(in srgb, var(--ink) 93%, var(--white));width:100%;position:relative;overflow:hidden}.about-experience-rail>div{width:max-content;animation:28s linear infinite about-rail;display:flex}.about-experience-rail span{min-height:64px;color:var(--white);font-family:var(--font-display);letter-spacing:.13em;align-items:center;gap:42px;padding:0 42px;font-size:.68rem;font-weight:760;display:flex}.about-experience-rail i{background:var(--accent);border-radius:50%;width:6px;height:6px}@keyframes about-rail{to{transform:translate(-50%)}}.about-responsibility{background:var(--paper);padding:clamp(100px,10vw,168px) 0}.about-section-heading{grid-template-columns:2fr 5fr 4fr;align-items:end;gap:clamp(24px,4vw,72px);display:grid}.about-section-heading h2,.about-principles-intro h2,.about-boundaries h2,.about-experience-cta h2{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(3rem,5.4vw,6.2rem);font-weight:560;line-height:.92}.about-section-heading>p:last-child,.about-principles-intro>p:last-of-type,.about-boundaries header>p:last-child{color:var(--muted);margin:0;line-height:1.65}.about-responsibility-track{isolation:isolate;margin:clamp(72px,8vw,116px) 0 0;position:relative}.about-responsibility-list{z-index:2;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.about-responsibility-line{z-index:1;background:color-mix(in srgb, var(--ink) 14%, transparent);height:1px;position:absolute;top:27px;left:8%;right:8%;overflow:hidden}.about-responsibility-line>span{background:var(--accent);transform-origin:0;display:block;position:absolute;inset:0;transform:scaleX(0)}.about-responsibility-signal{z-index:4;border:3px solid var(--paper);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 1px var(--accent), 0 0 0 8px #238bff17, 0 8px 24px #238bff3d;opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:0;left:10%;transform:translate(-50%,-50%)}.about-responsibility-signal:after{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:17px;position:absolute;top:11px;left:50%}.about-responsibility-echo{z-index:0;pointer-events:none;place-items:center;height:190px;display:grid;position:absolute;inset:-46px 0 auto;overflow:hidden}.about-responsibility-echo span{color:var(--accent);font-family:var(--font-display);letter-spacing:-.075em;opacity:0;text-transform:uppercase;white-space:nowrap;grid-area:1/1;font-size:clamp(4.6rem,10vw,10.5rem);font-weight:620;line-height:.8}.about-responsibility-list li{z-index:1;text-align:center;min-width:0;padding:0 clamp(12px,1.7vw,28px);position:relative}.about-responsibility-list li>span,.about-responsibility-list li>div{z-index:2;position:relative}.about-responsibility-ripple{z-index:0;aspect-ratio:1;border:1px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:clamp(110px,12vw,170px);position:absolute;top:27px;left:50%;transform:translate(-50%,-50%)scale(.2)}.about-responsibility-list li>span{border:1px solid var(--accent);background:var(--paper);width:54px;height:54px;color:var(--accent);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:.68rem;font-weight:760;display:inline-flex}.about-responsibility-list li strong{margin:24px 0 10px;font-size:clamp(1.1rem,1.4vw,1.35rem);display:block}.about-responsibility-list li p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.55}.about-responsibility-signature{font-family:var(--font-serif);text-align:center;justify-content:center;align-items:center;gap:12px;margin:62px 0 0;font-size:clamp(1.45rem,2.3vw,2.5rem);font-style:italic;display:flex}.about-responsibility-signature i{background:var(--accent);border-radius:50%;width:8px;height:8px}.about-principles{background:var(--ink);color:var(--white);padding:clamp(100px,10vw,168px) 0;position:relative;overflow:hidden}.about-principles-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(56px,8vw,134px);display:grid}.about-principles-intro{position:sticky;top:126px}.about-principles-intro h2{max-width:8ch;margin:34px 0 30px}.about-principles-intro>p:last-of-type{max-width:42ch;color:var(--on-dark-muted)}.about-principles-mark{opacity:.16;width:clamp(190px,20vw,330px);margin:54px 0 0 auto}.about-principles-mark img{filter:saturate(1.2);width:100%}.about-principles>.container>ol{border-top:1px solid var(--dark-line);margin:0;padding:0;list-style:none}.about-principles>.container>ol li{border-bottom:1px solid var(--dark-line);grid-template-columns:50px minmax(0,1fr) 28px;align-items:center;gap:20px;min-height:160px;padding:28px 4px;display:grid;position:relative;overflow:hidden}.about-principles>.container>ol li:before{content:"";transform-origin:100%;background:#ffffff0b;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.about-principles>.container>ol li:hover:before,.about-principles>.container>ol li:focus-within:before{transform-origin:0;transform:scaleX(1)}.about-principles>.container>ol li>*{z-index:1;position:relative}.about-principles>.container>ol li>span,.about-principles>.container>ol li>i{color:var(--accent);font-family:var(--font-display);font-size:.68rem;font-style:normal;font-weight:760}.about-principles h3{margin:0 0 10px;font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.05}.about-principles li p{max-width:55ch;color:var(--on-dark-muted);margin:0;font-size:.86rem;line-height:1.6}.about-boundaries{background:var(--surface);padding:clamp(100px,9vw,156px) 0 0}.about-boundaries-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(54px,8vw,130px);display:grid}.about-boundaries header h2{max-width:9.5ch;margin:34px 0 30px}.about-boundaries ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.about-boundaries li{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:18px;min-height:104px;display:grid}.about-boundaries li span{color:var(--accent);font-family:var(--font-display);font-size:.67rem;font-weight:780}.about-boundaries li strong{font-size:clamp(1.02rem,1.5vw,1.35rem);line-height:1.3}.about-boundaries-quote{width:min(var(--container), calc(100% - clamp(48px, 7vw, 136px)));border-top:1px solid var(--accent);color:var(--ink);font-family:var(--font-serif);text-align:center;margin:clamp(88px,8vw,132px) auto 0;padding:clamp(34px,4vw,60px) 0;font-size:clamp(2.5rem,5.1vw,6rem);font-style:italic;line-height:.98;overflow:hidden}.about-boundaries-quote span{color:var(--accent)}.about-experience-cta{border-top:1px solid var(--line);background:var(--paper);padding:clamp(84px,8vw,130px) 0;position:relative}.about-experience-cta:after{content:"";aspect-ratio:1;opacity:.1;pointer-events:none;background:url(/logo-jcc-blue.png) 50%/contain no-repeat;width:clamp(260px,28vw,500px);position:absolute;bottom:clamp(-96px,-6vw,-38px);right:clamp(-70px,-4vw,-24px)}.about-experience-cta-grid{z-index:1;grid-template-columns:2fr minmax(0,6fr) minmax(230px,3fr);align-items:start;gap:clamp(28px,4vw,72px);display:grid;position:relative}.about-experience-cta h2{max-width:10ch}.about-experience-cta-grid>div:nth-child(2) p{max-width:58ch;color:var(--muted);margin:28px 0 0;line-height:1.65}.about-experience-cta-grid>div:last-child{gap:16px;display:grid}.about-experience-cta .button{justify-content:space-between;width:100%}.about-experience-cta small{color:var(--muted);font-size:.68rem;line-height:1.5}@media (width<=1180px){.about-experience-copy{grid-column:1/span 7}.about-experience-portrait-stage{grid-column:8/-1}.about-experience-copy h1{font-size:clamp(3.8rem,7vw,6.6rem)}.about-section-heading{grid-template-columns:1fr 3fr}.about-section-heading>p:last-child{grid-column:2}}@media (width<=900px){.about-experience-hero{min-height:0;padding-top:82px}.about-experience-hero-grid{grid-template-columns:1fr;gap:48px;min-height:0}.about-experience-copy,.about-experience-portrait-stage{grid-column:auto}.about-experience-copy{padding-bottom:0}.about-experience-copy h1{max-width:9.6ch;font-size:clamp(4rem,11vw,6.8rem)}.about-experience-portrait-stage{margin-inline:auto;isolation:isolate;width:min(100%,650px);min-height:0;margin-top:18px;padding:48px 0 42px}.about-experience-portrait{width:min(76%,470px);margin:0 6% 0 auto;position:relative;bottom:auto;right:auto}.about-coordinate-one{right:5%}.about-coordinate-two{left:5%}.about-section-heading,.about-principles-grid,.about-boundaries-grid,.about-experience-cta-grid{grid-template-columns:1fr}.about-section-heading>p:last-child{grid-column:auto;max-width:60ch}.about-section-heading h2{margin-top:10px}.about-responsibility-list{grid-template-columns:1fr;gap:0;margin-top:0}.about-responsibility-track{margin-top:58px}.about-responsibility-line{width:1px;height:auto;top:23px;bottom:28px;left:23px}.about-responsibility-line>span{transform-origin:top;transform:scaleY(0)}.about-responsibility-signal{top:23px;left:0}.about-responsibility-signal:after{background:linear-gradient(to right, var(--accent), transparent);width:17px;height:1px;top:50%;left:11px}.about-responsibility-echo{place-items:center end;width:38%;height:100%;inset:0 0 0 auto;overflow:visible}.about-responsibility-echo span{letter-spacing:-.035em;writing-mode:vertical-rl;font-size:clamp(3.4rem,12.5vw,5.6rem)}.about-responsibility-list li{text-align:left;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:24px;min-height:124px;padding:0;display:grid}.about-responsibility-list li>div{padding:7px 0 34px}.about-responsibility-ripple{width:clamp(126px,34vw,180px);top:23px;left:23px}.about-responsibility-list li strong{margin:0 0 8px}.about-responsibility-list li p{max-width:54ch}.about-responsibility-signature{text-align:left;justify-content:flex-start;margin-top:40px}.about-principles-intro{position:relative;top:auto}.about-principles-intro h2,.about-boundaries header h2{max-width:11ch}.about-principles-mark{width:150px;position:absolute;bottom:-40px;right:0}.about-principles>.container>ol{margin-top:20px}.about-boundaries ul{margin-top:14px}.about-experience-cta-grid>div:last-child{max-width:420px}}@media (width<=600px){.about-experience-hero{padding-top:56px}.about-experience-hero:before{background-size:94px 94px}.about-experience-index{gap:9px;font-size:.61rem}.about-experience-copy h1{letter-spacing:-.064em;margin:24px 0 26px;font-size:clamp(3.35rem,17vw,5rem);line-height:.89}.about-experience-lead{font-size:.98rem;line-height:1.62}.about-experience-actions{gap:10px;margin-top:30px;display:grid}.about-experience-actions .button{justify-content:space-between;width:100%}.about-experience-text-link{min-height:44px}.about-experience-microcopy{align-items:flex-start;font-size:.65rem;line-height:1.5}.about-experience-microcopy i{margin-top:5px}.about-experience-portrait-stage{min-height:0;margin-top:22px;padding:44px 0 34px}.about-experience-logo-assembly{inset:2% -24% 1%}.about-experience-portrait{width:80%;margin-right:4%;bottom:auto;right:auto}.about-experience-portrait>div{border-radius:13px 13px 68px}.about-experience-portrait figcaption{grid-template-columns:1fr;gap:4px;margin:0 8px;padding:13px 0}.about-coordinate-one{top:13%;right:1%}.about-coordinate-two{bottom:14%;left:0}.about-experience-rail span{gap:28px;min-height:54px;padding:0 28px;font-size:.61rem}.about-responsibility,.about-principles{padding:82px 0}.about-boundaries{padding-top:82px}.about-section-heading h2,.about-principles-intro h2,.about-boundaries h2,.about-experience-cta h2{font-size:clamp(2.65rem,13.2vw,4.3rem)}.about-section-heading{gap:18px}.about-responsibility-track{margin-top:46px}.about-responsibility-list li{grid-template-columns:46px minmax(0,1fr);gap:18px}.about-responsibility-list li>span{width:46px;height:46px}.about-responsibility-line{left:23px}.about-responsibility-echo{width:32%;right:-8px}.about-responsibility-echo span{font-size:clamp(3rem,14vw,4.8rem)}.about-responsibility-signature{align-items:flex-start;font-size:1.5rem}.about-responsibility-signature i{margin-top:8px}.about-principles-grid{gap:52px}.about-principles>.container>ol li{grid-template-columns:34px minmax(0,1fr) 20px;gap:12px;min-height:136px;padding:24px 0}.about-principles h3{font-size:1.28rem}.about-principles li p{font-size:.8rem}.about-boundaries-grid{gap:42px}.about-boundaries li{grid-template-columns:38px minmax(0,1fr);gap:12px;min-height:88px}.about-boundaries li strong{font-size:.98rem}.about-boundaries-quote{text-align:left;width:calc(100% - 40px);margin-top:68px;padding:32px 0;font-size:clamp(2.3rem,11.5vw,3.8rem)}.about-experience-cta{padding:74px 0 92px}.about-experience-cta-grid{gap:26px}.about-experience-cta:after{opacity:.09;width:230px;bottom:-54px;right:-46px}}@media (prefers-reduced-motion:reduce){.about-experience-rail>div{animation:none;transform:none}.about-principles>.container>ol li:before,.about-experience-text-link span{transition:none}.about-responsibility-line>span{transform:none}.about-responsibility-signal,.about-responsibility-echo,.about-responsibility-ripple{display:none}}