.about-red{background:#c91829;background:radial-gradient(ellipse at 0% 100%,#9e1123 0,transparent 65%),#cf1d2e;color:#fff;margin:64px 0;overflow:hidden;scroll-margin-top:110px}.about-red-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(36px,5vw,84px);align-items:center;padding-top:88px;padding-bottom:88px}.about-document{position:relative;background:#fff8f4;color:#2b2023;border-radius:20px;box-shadow:0 26px 55px #59061150,0 0 0 1px #ffffff38;isolation:isolate}.about-document:before{content:'';position:absolute;inset:0;background:#ffffff26;border:1px solid #ffffff38;border-radius:20px;transform:rotate(-3deg);z-index:-1}.about-document-top{display:flex;align-items:center;gap:12px;padding:20px 24px}.document-mark{display:grid;place-items:center;background:#d51e30;color:white;width:36px;height:36px;border-radius:11px;font-size:23px;font-weight:800}.about-document-top strong{font-size:14px;display:block}.about-document-top div>span{display:block;font-size:11px;color:#897c7f;margin-top:3px}.document-dot{width:7px;height:7px;background:#d51e30;border-radius:50%;margin-left:auto}.about-document-screen{position:relative;aspect-ratio:16/9;background:#181818;margin:0 12px;overflow:hidden;border-radius:8px}.about-document-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.about-document-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 24px;font-size:11px;color:#897c7f}.about-document-bottom a{font-size:12px;font-weight:700;color:#b31527;text-decoration:none;white-space:nowrap}.about-document-bottom a span{margin-left:9px}.about-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#ffced1}.about-red-copy h2{font-size:clamp(38px,4.7vw,66px);line-height:1.05;letter-spacing:-2px;color:#fff;margin:18px 0 24px}.about-red-copy p{font-size:15px;line-height:1.85;color:#ffe3e5;margin:15px 0}.about-red-copy .about-intro{font-size:clamp(21px,2vw,28px);line-height:1.4;color:white;font-weight:500;margin-bottom:25px}.about-red-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.about-red-tags span{border:1px solid #ffffff40;border-radius:30px;padding:7px 13px;font-size:11px;color:#fff}.about-red-cta{display:inline-flex;gap:25px;align-items:center;color:#a50f20;background:white;border-radius:30px;padding:14px 22px;text-decoration:none;font-size:13px;font-weight:700;margin-top:4px}.about-red a:focus-visible{outline:3px solid #ffcb77;outline-offset:5px}@media(max-width:850px){.about-red-layout{grid-template-columns:1fr;gap:42px;padding:48px 24px}.about-document{max-width:650px;width:100%;margin:auto}.about-red-copy{max-width:650px;width:100%;margin:auto}.about-red{margin:35px 0}.about-red-copy h2{letter-spacing:-1px}.about-document-bottom{padding:17px;font-size:10px}.about-document-top{padding:17px}}
/* The header offset is handled once by the page scroll padding. */
html:has(#hakkimizda){scroll-padding-top:var(--about-header-height,96px)}
#hakkimizda{scroll-margin-top:0}
#hakkimizda .about-red-layout{min-height:calc(100svh - var(--about-header-height,96px));padding-top:clamp(28px,5vh,56px);padding-bottom:clamp(28px,5vh,56px)}
/* Presentation frame */
.about-red{background:radial-gradient(ellipse at 15% 70%,#e02737 0,transparent 62%),linear-gradient(120deg,#ab1022,#cb1a2c 65%,#a30e20)}
.about-document{border-radius:14px;background:#fff;box-shadow:0 22px 52px #4b001b55;isolation:isolate}.about-document:before{display:none}.about-document-top{padding:19px 24px;justify-content:space-between}.document-logo{display:block;width:138px;height:54px;object-fit:contain}.document-caption{font-size:11px;letter-spacing:.3px;color:#88797c}.about-document-screen{border-radius:5px;margin:0 15px}.about-document-bottom{padding:20px 24px}.document-light{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;pointer-events:none;z-index:3}.document-light rect{fill:none;stroke-linecap:round}.light-track{stroke:#ffffff29;stroke-width:1}.light-glow,.light-ray{stroke-dasharray:85 415;stroke-dashoffset:var(--light-offset,0)}.light-glow{stroke:#ff092d;stroke-width:7;filter:blur(5px)}.light-ray{stroke:#ff7280;stroke-width:2}.about-document:hover .light-ray{stroke:#ffbdc5}.about-red-copy .about-intro{font-weight:400}.about-red-cta{border-radius:7px;margin-top:20px}.about-red-copy h2{font-weight:650}@media(max-width:500px){.document-logo{width:112px;height:44px}.document-caption{font-size:10px}.about-document-top{padding:14px 17px}.about-document-bottom{padding:16px;font-size:9px}.about-document-bottom a{font-size:11px}}@media(prefers-reduced-motion:reduce){.light-glow{display:none}}