.about-page{background:radial-gradient(circle at 78% 36%,rgb(216 180 254 / 0.07),transparent 30rem),var(--page)}.about-main{min-height:calc(100dvh - 88px);overflow-x:hidden}.about-hero{display:grid;min-height:calc(100dvh - 88px);align-items:center;overflow-x:clip;padding:clamp(38px,5.5vh,68px) 0 56px;scroll-margin-top:88px}.about-grid{display:grid;width:min(var(--container),calc(100% - 40px));margin:0 auto;grid-template-columns:minmax(400px,0.84fr) minmax(600px,1.16fr);align-items:center;gap:clamp(42px,4.8vw,76px)}.about-copy{position:relative;z-index:5;width:calc(100% + 200px);padding-left:clamp(0px,2vw,28px)}.about-copy h1,.about-copy h2{margin:0;color:#f8f8f6;font-size:clamp(66px,6.4vw,92px);font-weight:680;letter-spacing:-0.075em;line-height:0.95}.about-description{max-width:500px;margin:30px 0 0;color:#cac9cd;font-size:clamp(15px,1.22vw,17px);letter-spacing:-0.012em;line-height:1.82;text-wrap:pretty}.about-actions{display:flex;max-width:560px;margin-top:34px;flex-wrap:wrap;gap:10px}.about-actions a{display:inline-grid;min-height:44px;padding:0 15px;place-items:center;border:1px solid #f5f5f3;border-radius:var(--radius-control);background:#f5f5f3;color:#101010;font-size:11px;font-weight:680;line-height:1.2;white-space:nowrap;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease}.about-actions a:hover,.about-actions a:focus-visible{border-color:#4c4c50;background:#19191a;color:var(--text)}.about-actions a:active{transform:translateY(1px) scale(0.985)}.about-visual{position:relative;left:200px;width:calc(100% - 200px);min-width:0}.drag-hint{position:absolute;z-index:10;top:0;left:50%;margin:0;transform:translateX(-50%);color:var(--quiet);font-family:"JetBrains Mono Local",ui-monospace,monospace;font-size:10px;letter-spacing:0.02em;white-space:nowrap}.card-stage{--portrait-size: clamp(340px, 29vw, 408px);position:relative;min-height:650px;isolation:isolate}.card-slot{position:absolute}.tools-slot,.workflow-slot{top:205px;width:clamp(238px,18vw,268px)}.tools-slot{left:1.5%}.workflow-slot{right:1.5%}.portrait-slot{top:72px;left:calc(50% - var(--portrait-size) / 2);width:var(--portrait-size)}.draggable-card{--drag-x: 0px;--drag-y: 0px;--magnet-x: 0px;--magnet-y: 0px;--magnet-scale: 1;width:100%;margin:0;cursor:grab;touch-action:none;transform:translate3d(calc(var(--drag-x) + var(--magnet-x)),calc(var(--drag-y) + var(--magnet-y)),0) rotate(var(--rotation)) scale(var(--magnet-scale));transform-origin:center;transition:transform 180ms var(--ease-out);user-select:none;will-change:transform}.draggable-card.is-dragging{cursor:grabbing;transition:none}.draggable-card:focus-visible{outline:2px solid var(--indigo);outline-offset:8px}.note-card{position:relative;min-height:308px;padding:24px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-card);background:linear-gradient(145deg,rgb(255 255 255 / 0.055),transparent 44%),#151516;box-shadow:0 28px 72px rgb(0 0 0 / 0.42)}.note-card::after{position:absolute;right:-54px;bottom:-66px;width:150px;height:150px;border:1px solid rgb(255 255 255 / 0.08);border-radius:50%;content:""}.card-label{display:block;color:var(--quiet);font-family:"JetBrains Mono Local",ui-monospace,monospace;font-size:9px;letter-spacing:0.08em}.note-card h2,.note-card h3{margin:10px 0 0;color:var(--text);font-size:clamp(26px,2.3vw,34px);font-weight:620;letter-spacing:-0.055em;line-height:1.05}.note-card ul,.note-card ol{position:relative;z-index:1;display:grid;margin:24px 0 0;padding:0;list-style:none}.note-card ul{grid-template-columns:1fr 1fr;gap:11px 7px}.note-card ul li{color:#b7b6bb;font-size:11px}.note-card ol{gap:10px}.note-card ol li{display:grid;grid-template-columns:30px 1fr;align-items:center;color:#d9d8dc;font-size:12px}.note-card ol span{color:var(--quiet);font-family:"JetBrains Mono Local",ui-monospace,monospace;font-size:9px}.polaroid-card{padding:13px 13px 14px;border-radius:7px;background:#f4f4f1;box-shadow:0 34px 90px rgb(0 0 0 / 0.5)}.portrait-frame{aspect-ratio:1;overflow:hidden;background:#d9d9d7}.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 31%;pointer-events:none}.polaroid-card figcaption{display:flex;min-height:48px;padding:12px 4px 0;align-items:end;justify-content:space-between;gap:14px;color:#111113}.polaroid-card strong{font-family:"JetBrains Mono Local",ui-monospace,monospace;font-size:9px;letter-spacing:0.03em}.polaroid-card figcaption span{color:#66666b;font-size:8px;letter-spacing:0.04em}.page-section#about .about-actions a{font-size:14px}.page-section#about .card-label-primary{font-family:"Inter Variable",Arial,sans-serif;font-size:12px}.page-section#about .tool-list-highlight{font-size:14px;font-weight:500}@media(min-width:961px){.page-section#about .about-copy{width:100%}.page-section#about .about-visual{left:0;width:100%}.page-section#about .tools-slot .note-card,.page-section#about .tools-slot .note-card *,.page-section#about .workflow-slot .note-card,.page-section#about .workflow-slot .note-card *{font-size:18px;font-weight:600}.page-section#about .tools-slot .card-label-primary,.page-section#about .workflow-slot .card-label{font-size:15px}}.page-section#about .polaroid-card strong{font-family:"Inter Variable",Arial,sans-serif;font-size:16px}.page-section#about .polaroid-card figcaption span{font-size:12px}@media(prefers-reduced-motion:no-preference){.about-hero [data-about-reveal=copy],.about-hero .card-slot{opacity:0}.about-hero.is-visible [data-about-reveal=copy]{animation:about-copy-enter 780ms var(--ease-out) var(--about-delay, 0ms) both}.about-hero.is-visible .card-slot{animation:about-card-enter 760ms var(--ease-out) var(--entry-delay, 0ms) both}@keyframes about-copy-enter{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:translateX(0)}}@keyframes about-card-enter{from{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.draggable-card{--magnet-x: 0px !important;--magnet-y: 0px !important;--magnet-scale: 1 !important;transition:none}}@media(max-width:1120px){.about-grid{grid-template-columns:minmax(350px,0.78fr) minmax(540px,1.22fr);gap:30px}.card-stage{--portrait-size: 350px}}@media(max-width:960px){.about-hero{padding-top:66px}.about-grid{width:min(720px,calc(100% - 40px));grid-template-columns:1fr;gap:58px}.about-copy{width:auto;padding-left:0}.about-visual{left:auto;width:auto}.about-description{max-width:620px;font-size:17px}.about-visual{width:min(100%,720px);margin:0 auto}}@media(max-width:720px){.about-hero{padding:58px 0 46px}.about-grid{width:calc(100% - 32px);gap:48px}.about-copy h1,.about-copy h2{font-size:clamp(56px,19vw,78px)}.about-description{margin-top:24px;font-size:15px;line-height:1.78}.about-actions{margin-top:28px;gap:8px}.about-actions a{min-height:42px;padding:0 12px;font-size:10px}.card-stage{--portrait-size: min(72vw, 286px);min-height:540px}.tools-slot,.workflow-slot{top:174px;width:min(47vw,182px)}.tools-slot{left:-1%}.workflow-slot{right:-1%}.portrait-slot{top:38px}.note-card{min-height:245px;padding:16px;border-radius:15px}.note-card h2,.note-card h3{margin-top:7px;font-size:21px}.note-card ul{margin-top:16px;grid-template-columns:1fr;gap:7px}.note-card ul li,.note-card ol li{font-size:10px}.note-card ol{margin-top:15px;gap:7px}.polaroid-card{padding:9px 9px 10px}.polaroid-card figcaption{min-height:38px;padding-top:9px}.polaroid-card strong{font-size:7px}.polaroid-card figcaption span{font-size:6px}.page-section#about .about-actions a{font-size:10px}.page-section#about .card-label-primary{font-size:9px}.page-section#about .tool-list-highlight{font-size:10px}.page-section#about .polaroid-card strong{font-size:7px}.page-section#about .polaroid-card figcaption span{font-size:6px}}@media(max-width:420px){.about-actions a:last-child{white-space:normal}}@media(prefers-reduced-motion:reduce){.draggable-card{will-change:auto}}