.kaf .hero.cinematic-hero{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:650px;padding:0;border-radius:0;background:#0a232a;color:#fff}.cinematic-scene{position:absolute;inset:0;z-index:-2;overflow:hidden}.cinematic-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 54%;transform:scale(1.025);animation:kaf-photo-drift 24s ease-in-out infinite alternate;animation-play-state:paused}.motion-playing .cinematic-scene img{animation-play-state:running}.cinematic-scene video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none}.video-ready .cinematic-scene video{opacity:1}.video-ready .cinematic-scene img{visibility:hidden;animation-play-state:paused}.cinematic-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#051b21f2,#051b21c9 36%,#051b212e 78%);pointer-events:none}.kaf .cinematic-copy{width:min(100%,1280px);margin:auto;padding:100px 4% 120px}.kaf .cinematic-hero .eyebrow{font:600 12px/1.8 var(--sans);color:#65e4e7;margin:0 0 20px}.kaf .hero.cinematic-hero h1{font:600 clamp(46px,4.6vw,68px)/1.5 var(--serif);margin:0 0 18px;letter-spacing:0;max-width:700px}.kaf .hero.cinematic-hero h1 em{display:inline;background:none;padding:0;color:#74e4e0;font:inherit;font-style:normal}.kaf .cinematic-hero .intro{max-width:440px;color:#d9e3df;font-size:15px;line-height:2.2;margin:0}.kaf .cinematic-hero .hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px}.kaf .cinematic-hero .primary{background:#55e1df;color:#0b2a30;border:1px solid #55e1df;border-radius:4px;padding:13px 26px;font-size:13px;font-weight:700}.kaf .cinematic-hero .primary:hover{background:#92f2ed}.kaf .cinematic-hero .secondary{display:inline-block;color:#f1f7f3;font-size:13px;margin:0;border-bottom:1px solid #ffffff70;padding:8px 0}.cinematic-foot{position:absolute;bottom:25px;inset-inline:7%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ffffff35;padding-top:17px;font-size:11px;color:#dce5df}.kaf #hero-motion{padding:7px 13px;border:1px solid #a9c4c2;background:#0a232abf;color:#f5faf5;border-radius:4px;font:12px/1.8 var(--sans);cursor:pointer}.kaf .cinematic-hero :is(a,button):focus-visible{outline:3px solid #84eeeb;outline-offset:5px}.kaf[data-store-page=home] .color-ribbon{background:#e1f2ec;color:#173e3c;font-size:19px;margin-top:28px}.kaf[data-store-page=home] .category-section{padding-block:65px}.library-visit{padding:70px max(6%,calc((100vw - 1280px)/2));background:#e8efea;color:#102b33}.library-visit .section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.library-visit .overline{font-size:12px;font-weight:600;color:#00777d;margin:0 0 6px}.kaf .library-visit h2{font:500 38px/1.5 var(--serif);margin:0;color:#102b33}.library-visit .section-heading>a{font-size:12px;border-bottom:1px solid #809b94;padding-bottom:6px}.library-visit .photos{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:20px}.library-visit figure{margin:0;min-width:0}.library-visit .photos img{display:block;width:100%;height:310px;object-fit:cover;border-radius:7px}.library-visit figcaption{font-size:13px;padding-top:10px;line-height:1.9}.library-visit figcaption span{display:block;font-size:10px;color:#4c655e}.library-visit .stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:42px}.library-visit .stories span{font-size:11px;color:#49695f}.library-visit .stories h3{font:600 30px/1.5 var(--serif);margin:7px 0 12px}.library-visit .stories p{font-size:14px;line-height:2.1;color:#3c5c55;margin:0}.library-visit .source{font-size:11px;color:#405f55;margin-top:35px;line-height:2}.library-visit a:focus-visible{outline:3px solid #00777d;outline-offset:4px}@keyframes kaf-photo-drift{0%{transform:scale(1.025) translateZ(0)}to{transform:scale(1.105) translate3d(1.2%,-.8%,0)}}@media(max-width:800px){.kaf .hero.cinematic-hero{min-height:650px}.kaf .cinematic-copy{padding:78px 7% 125px}.kaf .hero.cinematic-hero h1{font-size:clamp(42px,7vw,58px);max-width:590px;line-height:1.5}.kaf .cinematic-hero .intro{font-size:14px}.cinematic-hero:after{background:linear-gradient(270deg,#071e25ef,#071e2580)}.cinematic-foot{font-size:10px;gap:18px;bottom:24px;align-items:end}.kaf #hero-motion{font-size:11px;flex-shrink:0}.library-visit{padding:50px 6%}.library-visit .photos{grid-template-columns:1fr 1fr;gap:16px}.library-visit figure:nth-child(2){grid-column:1/-1;grid-row:1}.library-visit .photos img{height:230px}.library-visit figure:nth-child(2) img{height:300px}.library-visit .stories{grid-template-columns:1fr;gap:28px;margin-top:34px}.library-visit .section-heading{align-items:start;gap:18px}.kaf .library-visit h2{font-size:31px}.library-visit .section-heading>a{font-size:11px;white-space:nowrap}}@media(max-width:450px){.kaf .hero.cinematic-hero h1{font-size:46px}.kaf .cinematic-hero .hero-actions{gap:18px}.kaf .cinematic-hero .primary{padding:12px 18px;font-size:12px}.kaf .cinematic-hero .secondary{font-size:12px}.cinematic-foot{inset-inline:7%;align-items:center}.cinematic-foot>span{max-width:165px;line-height:1.9}.library-visit .section-heading{display:block}.library-visit .section-heading>a{display:inline-block;margin-top:15px}.library-visit figcaption{font-size:12px}.library-visit figcaption span{font-size:11px;line-height:1.8}}@media(prefers-reduced-motion:reduce){.cinematic-scene img{animation:none;transform:none}}
