.fokus-about{--about-black: #0b0b0b;--about-cream: #f6f2ea;--about-orange: #ff4d0d;--about-mint: #a9e1d4;--about-border-dark: rgba(246, 242, 234, .18);--about-border-light: rgba(11, 11, 11, .18);display:block;overflow:hidden;color:var(--about-black);background:var(--about-cream)}.fokus-about *,.fokus-about *:before,.fokus-about *:after{box-sizing:border-box}.fokus-about__hero{position:relative;display:flex;align-items:flex-end;min-height:min(820px,92vh);overflow:hidden;color:var(--about-cream);background:var(--about-black)}.fokus-about__hero-background{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;display:flex;align-items:center;justify-content:center;opacity:.54;pointer-events:none;filter:blur(18px);transform:scale(1.08)}.fokus-about__hero-background img{width:115%;max-width:none;height:100%;object-fit:contain}.fokus-about__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0b0b26,#0b0b0b33 42%,#0b0b0bf0),linear-gradient(90deg,rgba(11,11,11,.38),transparent 60%);pointer-events:none}.fokus-about__hero-content{position:relative;z-index:2;width:min(1440px,100%);margin:0 auto;padding:150px clamp(20px,5vw,72px) clamp(60px,7vw,100px)}.fokus-about__hero-label,.fokus-about__label,.fokus-about__statement-label,.fokus-about__final-label{margin:0 0 20px;font-family:var(--font-fokus-display, sans-serif);font-size:11px;font-weight:700;line-height:1;letter-spacing:.18em;text-transform:uppercase}.fokus-about__hero-label,.fokus-about__label,.fokus-about__final-label{color:var(--about-orange)}.fokus-about__hero-heading{max-width:1100px;margin:0;color:var(--about-cream);font-family:var(--font-fokus-display, sans-serif);font-size:clamp(64px,10vw,150px);font-weight:700;line-height:.79;letter-spacing:-.04em;text-transform:uppercase}.fokus-about__hero-text{max-width:540px;margin-top:32px;color:#f6f2eacc;font-size:clamp(16px,1.35vw,20px);line-height:1.55}.fokus-about__hero-text p{margin:0}.fokus-about__hero-meta{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:42px;padding-top:20px;border-top:1px solid var(--about-border-dark);font-family:var(--font-fokus-display, sans-serif);font-size:9px;font-weight:700;letter-spacing:.16em}.fokus-about__hero-meta span:not(:last-child):after{content:"/";margin-left:30px;color:var(--about-orange)}.fokus-about__story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:720px;color:var(--about-black);background:var(--about-cream)}.fokus-about__story-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(70px,8vw,130px) clamp(24px,7vw,110px)}.fokus-about__story-heading,.fokus-about__modes-heading,.fokus-about__principles-header h2,.fokus-about__final-content h2{margin:0;font-family:var(--font-fokus-display, sans-serif);font-weight:700;letter-spacing:-.035em;text-transform:uppercase}.fokus-about__story-heading{max-width:670px;font-size:clamp(54px,6.5vw,100px);line-height:.83}.fokus-about__story-text{max-width:620px;margin-top:34px;color:#0b0b0bb8;font-size:clamp(15px,1.2vw,18px);line-height:1.7}.fokus-about__story-text p{margin:0 0 18px}.fokus-about__story-text p:last-child{margin-bottom:0}.fokus-about__text-link{display:inline-flex;align-items:center;gap:30px;margin-top:36px;padding:15px 0;color:var(--about-black);border-bottom:2px solid var(--about-orange);font-family:var(--font-fokus-display, sans-serif);font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none}.fokus-about__text-link:hover{color:var(--about-orange)}.fokus-about__story-media{position:relative;min-height:720px;overflow:hidden;background:var(--about-black)}.fokus-about__story-media>img{width:100%;height:100%;min-height:720px;object-fit:cover;transition:transform .7s ease}.fokus-about__story-media:hover>img{transform:scale(1.025)}.fokus-about__story-caption{position:absolute;right:24px;bottom:24px;left:24px;display:flex;justify-content:space-between;gap:30px;padding:15px 18px;color:var(--about-cream);background:#0b0b0bd6;border:1px solid rgba(246,242,234,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-fokus-display, sans-serif);font-size:8px;font-weight:700;letter-spacing:.14em}.fokus-about__statement{padding:clamp(72px,9vw,145px) clamp(20px,5vw,72px);color:var(--about-black);background:var(--about-orange)}.fokus-about__statement-label{margin-bottom:clamp(32px,5vw,64px);color:var(--about-black)}.fokus-about__statement-text{width:min(1300px,100%);margin:0;font-family:var(--font-fokus-display, sans-serif);font-size:clamp(48px,7.7vw,120px);font-weight:700;line-height:.83;letter-spacing:-.04em;text-transform:uppercase}.fokus-about__modes{padding:clamp(76px,9vw,140px) clamp(20px,5vw,72px);color:var(--about-black);background:var(--about-cream)}.fokus-about__modes-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:end;gap:50px;width:min(1440px,100%);margin:0 auto clamp(48px,6vw,90px)}.fokus-about__modes-heading{max-width:950px;font-size:clamp(52px,6.5vw,100px);line-height:.83}.fokus-about__modes-intro{color:#0b0b0ba6;font-size:16px;line-height:1.6}.fokus-about__modes-intro p{margin:0}.fokus-about__mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1440px,100%);margin:0 auto}.fokus-about__mode{position:relative;display:grid;grid-template-rows:auto minmax(360px,1fr) auto;min-height:780px;overflow:hidden}.fokus-about__mode--day{color:var(--about-black);background:var(--about-orange)}.fokus-about__mode--night{color:var(--about-cream);background:var(--about-black)}.fokus-about__mode-top{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid currentColor}.fokus-about__mode--day .fokus-about__mode-top{border-bottom-color:#0b0b0b38}.fokus-about__mode--night .fokus-about__mode-top{border-bottom-color:#f6f2ea2e}.fokus-about__mode-number{font-family:var(--font-fokus-display, sans-serif);font-size:28px;font-weight:700;line-height:1}.fokus-about__mode-time{font-family:var(--font-fokus-display, sans-serif);font-size:9px;font-weight:700;letter-spacing:.16em}.fokus-about__mode-product{display:flex;align-items:center;justify-content:center;min-height:440px;padding:40px}.fokus-about__mode-product img{display:block;width:auto;max-width:78%;height:min(48vw,490px);object-fit:contain;filter:drop-shadow(0 32px 30px rgba(0,0,0,.3));transform:rotate(-5deg);transition:transform .5s ease}.fokus-about__mode--night .fokus-about__mode-product img{transform:rotate(5deg)}.fokus-about__mode:hover .fokus-about__mode-product img{transform:rotate(0) translateY(-8px)}.fokus-about__mode-copy{padding:32px;border-top:1px solid currentColor}.fokus-about__mode--day .fokus-about__mode-copy{border-top-color:#0b0b0b38}.fokus-about__mode--night .fokus-about__mode-copy{border-top-color:#f6f2ea2e}.fokus-about__mode-flavor{display:block;margin-bottom:12px;font-family:var(--font-fokus-display, sans-serif);font-size:9px;font-weight:700;letter-spacing:.16em}.fokus-about__mode--night .fokus-about__mode-flavor{color:var(--about-mint)}.fokus-about__mode-copy h3{margin:0;font-family:var(--font-fokus-display, sans-serif);font-size:clamp(36px,4vw,62px);font-weight:700;line-height:.88;text-transform:uppercase}.fokus-about__mode-copy p{max-width:420px;margin:18px 0 26px;font-size:15px;line-height:1.55;opacity:.75}.fokus-about__mode-copy a{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;padding-top:18px;color:inherit;border-top:1px solid currentColor;font-family:var(--font-fokus-display, sans-serif);font-size:10px;font-weight:700;letter-spacing:.13em;text-decoration:none}.fokus-about__mode-copy a:hover{color:var(--about-cream)}.fokus-about__mode--night .fokus-about__mode-copy a:hover{color:var(--about-orange)}.fokus-about__principles{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);color:var(--about-cream);background:var(--about-black)}.fokus-about__principles-header{padding:clamp(70px,8vw,120px) clamp(24px,6vw,90px);border-right:1px solid var(--about-border-dark)}.fokus-about__principles-header h2{max-width:620px;color:var(--about-cream);font-size:clamp(52px,6vw,90px);line-height:.83}.fokus-about__principles-list{margin:0;padding:0;list-style:none}.fokus-about__principle{display:grid;grid-template-columns:80px minmax(0,1fr);gap:28px;min-height:180px;padding:42px clamp(24px,5vw,72px);border-bottom:1px solid var(--about-border-dark)}.fokus-about__principle:last-child{border-bottom:0}.fokus-about__principle-number{color:var(--about-orange);font-family:var(--font-fokus-display, sans-serif);font-size:13px;font-weight:700}.fokus-about__principle-content h3{margin:0;color:var(--about-cream);font-family:var(--font-fokus-display, sans-serif);font-size:clamp(30px,3vw,48px);font-weight:700;line-height:.9;text-transform:uppercase}.fokus-about__principle-content p{max-width:530px;margin:15px 0 0;color:#f6f2ea9e;font-size:14px;line-height:1.55}.fokus-about__final{position:relative;display:flex;align-items:center;justify-content:center;min-height:650px;overflow:hidden;color:var(--about-cream);background:var(--about-black);border-top:4px solid var(--about-orange)}.fokus-about__final-logo{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;display:flex;align-items:center;justify-content:center;opacity:.26;filter:blur(15px);pointer-events:none}.fokus-about__final-logo img{width:115%;height:115%;max-width:none;object-fit:contain}.fokus-about__final-content{position:relative;z-index:2;width:min(1000px,calc(100% - 40px));padding:80px 20px;text-align:center}.fokus-about__final-content h2{color:var(--about-cream);font-size:clamp(64px,9vw,130px);line-height:.8}.fokus-about__final-content>p:not(.fokus-about__final-label){max-width:560px;margin:28px auto 0;color:#f6f2eab3;font-size:16px;line-height:1.55}.fokus-about__button{display:inline-flex;align-items:center;gap:30px;min-height:62px;margin-top:36px;padding:0 10px 0 26px;color:var(--about-black);background:var(--about-orange);border:1px solid var(--about-orange);border-radius:999px;font-family:var(--font-fokus-display, sans-serif);font-size:11px;font-weight:700;letter-spacing:.12em;text-decoration:none}.fokus-about__button-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--about-cream);background:var(--about-black);border-radius:50%;font-family:sans-serif;font-size:18px;transition:transform .18s ease}.fokus-about__button:hover .fokus-about__button-arrow{transform:translate(3px)}@media screen and (max-width:989px){.fokus-about__story,.fokus-about__principles{grid-template-columns:1fr}.fokus-about__story-media{min-height:620px}.fokus-about__story-media>img{min-height:620px}.fokus-about__modes-header{grid-template-columns:1fr;gap:24px}.fokus-about__modes-intro{max-width:500px}.fokus-about__principles-header{border-right:0;border-bottom:1px solid var(--about-border-dark)}}@media screen and (max-width:749px){.fokus-about__hero{min-height:760px}.fokus-about__hero-content{padding:140px 18px 58px}.fokus-about__hero-heading{font-size:clamp(58px,18vw,86px);line-height:.82}.fokus-about__hero-text{max-width:340px;margin-top:24px;font-size:15px}.fokus-about__hero-meta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:30px}.fokus-about__hero-meta span:after{display:none}.fokus-about__story-copy{padding:70px 18px}.fokus-about__story-heading{font-size:clamp(52px,15vw,76px)}.fokus-about__story-text{font-size:15px}.fokus-about__story-media,.fokus-about__story-media>img{min-height:500px}.fokus-about__story-caption{right:14px;bottom:14px;left:14px;gap:12px;padding:12px;font-size:7px}.fokus-about__statement{padding:72px 18px}.fokus-about__statement-text{font-size:clamp(45px,14vw,70px)}.fokus-about__modes{padding:72px 18px}.fokus-about__modes-heading{font-size:clamp(48px,14vw,70px)}.fokus-about__mode-grid{grid-template-columns:1fr}.fokus-about__mode{min-height:650px}.fokus-about__mode-top{padding:22px}.fokus-about__mode-product{min-height:360px;padding:28px}.fokus-about__mode-product img{max-width:75%;height:330px}.fokus-about__mode-copy{padding:26px 22px}.fokus-about__principles-header{padding:70px 18px}.fokus-about__principles-header h2{font-size:clamp(48px,14vw,72px)}.fokus-about__principle{grid-template-columns:34px minmax(0,1fr);gap:14px;min-height:0;padding:32px 18px}.fokus-about__principle-content h3{font-size:30px}.fokus-about__final{min-height:570px}.fokus-about__final-content h2{font-size:clamp(60px,18vw,88px)}}@media(prefers-reduced-motion:reduce){.fokus-about__story-media>img,.fokus-about__mode-product img,.fokus-about__button-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-fokus-about.css.map */