.about-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(56px,9vw,84px);min-height:calc(100vh - 140px);padding:clamp(48px,7vw,80px) clamp(16px,6vw,48px) clamp(56px,10vw,104px);box-sizing:border-box}.about-dashes{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:clamp(28px,6vw,48px);color:#111111e6;text-align:center;position:relative;--about-icon-size: clamp(76px, min(16vw, 22vh), 168px);--about-icon-gap: clamp(12px, 2vw, 26px);padding-top:calc(clamp(78px,min(20vw,22vh),210px) + var(--about-icon-size) * .12)}.about-dash-icons{position:absolute;top:calc(var(--about-icon-size) * -.72);left:50%;display:flex;gap:var(--about-icon-gap);justify-content:center;align-items:flex-end;opacity:0;transition:opacity .22s ease;pointer-events:none;transform:translate(-50%);transform-origin:center;flex-wrap:nowrap;max-width:min(100%,1040px);width:min(100%,calc(var(--about-icon-size) * 5 + var(--about-icon-gap) * 4))}.about-dash-icons img{width:var(--about-icon-size);max-height:var(--about-icon-size);height:auto;border-radius:18px;box-shadow:0 0 #0f172a24;object-fit:contain;background:#fff;padding:clamp(4px,1vw,12px)}.about-dash-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:clamp(8px,1vw,12px);min-height:calc(var(--about-icon-size) + clamp(40px,6vw,76px));margin:0;text-align:center}.about-dash-icon-subtitle{margin:auto 0 0;font-size:clamp(12px,1.1vw,16px);letter-spacing:.08em;text-transform:uppercase;color:#60a5fa}.about-dash-icon-subtitle-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:12px;transition:color .18s ease,background-color .18s ease;cursor:pointer}.about-dash-icon-subtitle-link:hover{color:#2563eb}.about-dash-icon-subtitle-link:focus-visible{outline:2px solid #60a5fa;outline-offset:4px}.about-dash-icons.is-visible{opacity:1;pointer-events:auto}.about-dash-icon-link{display:inline-flex;border-radius:22px}.about-dash-icon-link:focus-visible{outline:2px solid #60a5fa;outline-offset:6px}.about-dash-list{display:flex;justify-content:center;align-items:center;gap:var(--dash-spacing-x);margin-top:calc(var(--about-icon-size) * .38 + var(--about-icon-gap))}.about-dash{position:relative;display:block;width:var(--dash-size);padding-bottom:clamp(18px,4vw,28px);text-decoration:none;color:inherit;font-family:futura-pt,Futura PT,Futura,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(15px,1.6vw,22px);transition:color .42s cubic-bezier(.22,1,.36,1);--dash-open-angle: 0deg}.about-dash__label{display:block;width:var(--dash-size);text-align:center}.about-dash__line{display:block;width:100%;height:var(--dash-thickness);background:currentColor;border-radius:2px;transform-origin:33% 50%;transform:rotate(var(--dash-open-angle));transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1)}.about-dash__label{position:absolute;right:0;bottom:calc(100% + clamp(8px,1.8vw,16px));text-align:center;display:inline-block;transition:color .42s cubic-bezier(.22,1,.36,1)}.about-dash__subtitle{position:absolute;left:50%;top:calc(100% + clamp(-2px,.6vw,6px));transform:translate(-50%);font-size:clamp(13px,1.3vw,18px);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .46s cubic-bezier(.22,1,.36,1),transform .46s cubic-bezier(.22,1,.36,1);pointer-events:none;cursor:default;color:#111}.about-dash__subtitle[hidden]{display:none}.about-dashes.is-subtitles-visible .about-dash__subtitle{opacity:1;transform:translate(-50%)}.about-dashes.is-subtitles-ready .about-dash__subtitle{pointer-events:auto;cursor:pointer}.about-dashes.is-subtitles-ready .about-dash__subtitle:hover,.about-dashes.is-subtitles-ready .about-dash__subtitle:focus-visible{color:#60a5fa}.about-dashes.is-subtitles-ready .about-dash__subtitle.is-active{color:#60a5fa}.about-dashes.is-subtitles-dim .about-dash:not([data-dash=projects]) .about-dash__line{background:currentColor}.about-dash:hover,.about-dash:focus-visible,.about-dashes.is-subtitles-dim .about-dash[data-dash=projects] .about-dash__label,.about-dashes.is-subtitles-dim .about-dash[data-dash=projects]:focus-visible .about-dash__label{color:#111}.about-dashes.is-subtitles-dim .about-dash:not([data-dash=projects]) .about-dash__label{color:#1111115c}.about-dashes.is-subtitles-dim .about-dash:not([data-dash=projects]){color:#1111115c}.about-dashes.is-subtitles-dim .about-dash:not([data-dash=projects]):hover,.about-dashes.is-subtitles-dim .about-dash:not([data-dash=projects]):focus-visible{color:#1111115c}.about-dash:focus-visible{outline:2px solid currentColor;outline-offset:6px}.about-dash.is-opening{pointer-events:none}.about-dash.is-opening .about-dash__line{--dash-open-angle: 45deg}.about-dashes.is-busy{pointer-events:none}.about-contact{width:min(92vw,760px);display:flex;flex-direction:column;gap:clamp(20px,4vw,28px);padding:clamp(24px,5vw,40px) clamp(24px,6vw,48px);background:#f8fafc;border-radius:24px;box-shadow:0 8px 10px #171f321f;border:1px solid rgba(15,23,42,.06)}.about-contact__intro{display:flex;flex-direction:column;gap:clamp(8px,1.8vw,14px);text-align:left}.about-contact__title{margin:0;font-family:futura-pt,Futura PT,Futura,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(22px,4.4vw,32px);letter-spacing:.04em;text-transform:uppercase}.about-contact__text{margin:0;font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:#0f172ac7}.contact-form{display:flex;flex-direction:column;gap:clamp(18px,3.6vw,26px)}.contact-form__honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.contact-form__row{display:flex;gap:clamp(16px,4vw,24px);flex-wrap:wrap}.contact-form__field{flex:1;display:flex;flex-direction:column;gap:8px;min-width:min(260px,100%);font-size:15px}.contact-form__label{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:13px;color:#0f172ab3}.contact-form__field input,.contact-form__field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;font:inherit;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;resize:vertical}.contact-form__field input:focus,.contact-form__field textarea:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 4px #bfdbfe99}.contact-form__privacy{margin:0;font-size:13px;line-height:1.6;color:#0f172a99}.contact-form__consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;color:#0f172abf}.contact-form__consent input[type=checkbox]{margin-top:3px}.contact-form__consent a{color:#2563ebe6;text-decoration:none}.contact-form__consent a:hover,.contact-form__consent a:focus-visible{text-decoration:underline}.contact-form__submit{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;border:none;background:#3b82f6e6;color:#fff;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 24px #3b82f638;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.contact-form__submit:hover,.contact-form__submit:focus-visible{background:#1d6fe9f2;transform:translateY(-2px);box-shadow:0 16px 30px #2563eb3d;outline:none}.contact-form__submit:active{background:#1d6fe9;transform:translateY(0);box-shadow:0 8px 20px #2563eb42}@media (max-height: 760px){.about-layout{justify-content:flex-start;min-height:auto}.about-dashes{--about-icon-size: clamp(68px, min(18vw, 18vh), 148px);padding-top:calc(clamp(56px,min(18vw,18vh),160px) + var(--about-icon-size) * .08)}.about-dash-icons{top:calc(var(--about-icon-size) * -.6)}.about-dash-list{margin-top:calc(var(--about-icon-size) * .34 + var(--about-icon-gap))}}@media (max-height: 620px){.about-dashes{--about-icon-size: clamp(60px, min(22vw, 24vh), 120px);padding-top:clamp(36px,min(16vw,16vh),96px);gap:clamp(20px,6vh,32px)}.about-dash-icons{position:static;transform:none;left:auto;margin:0 auto clamp(24px,6vh,48px);flex-wrap:wrap;justify-content:center;width:min(100%,620px)}.about-dash-icon{min-height:auto}.about-dash-list{margin-top:clamp(24px,5vw,36px)}}