.about-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);box-sizing:border-box}.about-modal__backdrop{position:absolute;inset:0;background:var(--color-backdrop)}.about-modal__panel{position:relative;z-index:1;width:min(100%,var(--about-modal-max-width));padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:0 var(--cs-gap-chip) var(--space-5) var(--color-shadow-faint);box-sizing:border-box;animation:aboutModalIn var(--duration-modal-in) var(--ease-out)}.about-modal__scroll{min-height:0}.about-modal__divider,.about-modal__grabber,.about-modal__sheet-chrome-head{display:none}.about-modal__layout{display:flex;align-items:stretch;gap:var(--space-6)}.about-modal__media{flex:0 0 var(--about-modal-media-width);width:var(--about-modal-media-width);align-self:stretch;position:relative;border-radius:var(--radius-md);overflow:hidden}.about-modal__image{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center top}.about-modal__content{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-6);min-width:0;overflow:visible}.about-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:4;display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.about-modal__close-icon{position:relative;width:var(--space-3);height:var(--space-3)}.about-modal__close-icon:after,.about-modal__close-icon:before{content:"";position:absolute;top:50%;left:50%;width:var(--space-3);height:1.5px;border-radius:var(--radius-full);background:currentColor}.about-modal__close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.about-modal__close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.about-modal__title,.about-modal__title-accent{font-family:var(--font-necto-mono)}.about-modal__title{margin:0;padding-right:var(--space-7);font-size:var(--font-size-body);font-weight:400;line-height:1.2;color:var(--color-text-tertiary)}.about-modal__title-accent{color:var(--color-accent)}.about-modal__entries{display:flex;flex-direction:column}.about-modal__accent,.about-modal__entry,.about-modal__entry-body,.about-modal__entry-lead{font-family:var(--font-necto-mono)}.about-modal__entry{display:flex;flex-direction:column;gap:2px;margin:0;font-size:var(--font-size-caption-sm);font-weight:400;line-height:1.2;color:var(--color-text-tertiary)}.about-modal__entry+.about-modal__entry{margin-top:var(--space-5)}.about-modal__entry-lead{font-size:var(--font-size-body);line-height:1.2;color:var(--color-text)}.about-modal__entry-body{color:inherit}.about-modal__accent{color:var(--color-accent)}.about-modal__pop-trigger{display:inline-block;padding:var(--space-3) var(--space-1);margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-1));vertical-align:baseline;cursor:default;-webkit-tap-highlight-color:transparent}.about-modal__pop{position:absolute;width:var(--about-modal-pop-width);height:auto;pointer-events:none;z-index:3;opacity:0;transform:translate(var(--cs-gap-chip),var(--space-4)) scale(.88);transform-origin:left bottom;filter:drop-shadow(0 var(--space-1) var(--space-4) transparent);will-change:transform,opacity,filter}.about-modal__pop--fixed{position:fixed;z-index:var(--z-modal-pop)}.about-modal__pop--cw{transform:translate(var(--cs-gap-chip),var(--space-4)) scale(.88) rotate(-2deg)}.about-modal__pop--ccw{transform:translate(var(--cs-gap-chip),var(--space-4)) scale(.88) rotate(2deg)}.about-modal__pop--cw.is-visible{animation:aboutModalPopCwIn var(--duration-modal-pop-in) var(--ease-out) forwards}.about-modal__pop--cw.is-hiding{animation:aboutModalPopCwOut var(--duration-modal-pop-out) var(--ease-modal-pop-out) forwards}.about-modal__pop--ccw.is-visible{animation:aboutModalPopCcwIn var(--duration-modal-pop-in) var(--ease-out) forwards}.about-modal__pop--ccw.is-hiding{animation:aboutModalPopCcwOut var(--duration-modal-pop-out) var(--ease-modal-pop-out) forwards}.about-modal__pop.is-idle{visibility:hidden;opacity:0;animation:none;pointer-events:none}@keyframes aboutModalPopCwIn{0%{opacity:0;transform:translate(var(--cs-gap-chip),var(--space-4)) scale(.88) rotate(-2deg);filter:drop-shadow(0 var(--space-1) var(--space-4) transparent)}55%{opacity:1;transform:translate(-1px,-3px) scale(1.015) rotate(5deg);filter:drop-shadow(0 var(--space-3) var(--space-7) var(--color-shadow-subtle))}to{opacity:1;transform:translate(0) scale(1) rotate(4deg);filter:drop-shadow(0 var(--cs-gap-chip) var(--space-6) var(--color-shadow-pop))}}@keyframes aboutModalPopCwOut{0%{opacity:1;transform:translate(0) scale(1) rotate(4deg);filter:drop-shadow(0 var(--cs-gap-chip) var(--space-6) var(--color-shadow-pop))}to{opacity:0;transform:translate(var(--space-2),var(--size-icon-2xs)) scale(.9) rotate(-1deg);filter:drop-shadow(0 var(--space-1) var(--space-3) transparent)}}@keyframes aboutModalPopCcwIn{0%{opacity:0;transform:translate(var(--cs-gap-chip),var(--space-4)) scale(.88) rotate(2deg);filter:drop-shadow(0 var(--space-1) var(--space-4) transparent)}55%{opacity:1;transform:translate(-1px,-3px) scale(1.015) rotate(-5deg);filter:drop-shadow(0 var(--space-3) var(--space-7) var(--color-shadow-subtle))}to{opacity:1;transform:translate(0) scale(1) rotate(-4deg);filter:drop-shadow(0 var(--cs-gap-chip) var(--space-6) var(--color-shadow-pop))}}@keyframes aboutModalPopCcwOut{0%{opacity:1;transform:translate(0) scale(1) rotate(-4deg);filter:drop-shadow(0 var(--cs-gap-chip) var(--space-6) var(--color-shadow-pop))}to{opacity:0;transform:translate(var(--space-2),var(--size-icon-2xs)) scale(.9) rotate(1deg);filter:drop-shadow(0 var(--space-1) var(--space-3) transparent)}}@keyframes aboutModalIn{0%{opacity:0;transform:translateY(var(--space-3)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aboutModalSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes aboutModalBackdropIn{0%{opacity:0}to{opacity:1}}@media (max-width:809px){.about-modal{align-items:flex-end;justify-content:center;padding:0}.about-modal__pop{width:var(--about-modal-pop-width-tablet)}.about-modal__pop-trigger{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-glow);text-decoration-color:var(--color-accent-glow);-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:var(--space-1)}.about-modal__pop-trigger.is-active{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);-webkit-text-decoration-style:solid;text-decoration-style:solid}.about-modal__backdrop{opacity:var(--about-modal-backdrop-opacity,.55);transition:opacity var(--duration-modal-in) ease}.about-modal:not(.is-closing) .about-modal__backdrop{animation:aboutModalBackdropIn var(--duration-modal-backdrop-in) ease}.about-modal__panel{--about-modal-photo-height:clamp(260px,48dvh,340px);--about-modal-grabber-zone:var(--space-6);--about-modal-header-title:var(--space-7);--about-modal-header-gap:var(--size-icon-2xs);--about-modal-header-line:1px;display:flex;flex-direction:column;width:100%;max-height:min(92dvh,900px);padding:var(--space-2) 0 calc(var(--space-5) + env(safe-area-inset-bottom, 0px));border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 calc(-1 * var(--space-2)) var(--space-8) var(--color-shadow-subtle);overflow:hidden;transform:translateY(var(--about-modal-drag,0));touch-action:pan-y}.about-modal--sheet:not(.is-sheet-entered) .about-modal__panel{animation:aboutModalSheetIn var(--duration-modal-sheet-in) var(--ease-modal-sheet)}.about-modal--sheet.is-sheet-entered .about-modal__panel{animation:none}.about-modal.is-dragging .about-modal__panel{animation:none;transition:none}.about-modal.is-snapping-back .about-modal__panel{animation:none;transition:transform var(--duration-modal-sheet-snap) var(--ease-modal-sheet)}.about-modal.is-snapping-back .about-modal__backdrop{transition:opacity var(--duration-modal-sheet-snap) ease}.about-modal.is-closing .about-modal__panel{animation:none;transform:translateY(100%);transition:transform var(--duration-modal-pop-out) var(--ease-modal-sheet)}.about-modal.is-closing .about-modal__backdrop{opacity:0;transition:opacity var(--duration-modal-pop-out) ease}.about-modal__grabber{display:block;width:var(--space-9);height:var(--space-1);margin:0 auto var(--space-3);border-radius:var(--radius-full);background:var(--color-grabber);flex-shrink:0;position:relative;z-index:3}.about-modal__media{position:relative;top:auto;left:auto;right:auto;flex:none;width:auto;height:var(--about-modal-photo-height);margin:0 var(--layout-gutter-mobile) var(--space-4);z-index:1;border-radius:var(--radius-md);overflow:hidden;pointer-events:none}.about-modal__image{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center top}.about-modal__sheet-chrome-head{display:block;flex:none;z-index:2;background:var(--color-bg);box-sizing:border-box}.about-modal__title{margin:0;min-height:var(--about-modal-header-title);padding:0 var(--about-modal-sheet-pad-x) 0 var(--layout-gutter-mobile);font-size:var(--font-size-title);line-height:1.15;color:var(--color-text-tertiary)}.about-modal__divider{display:block;width:100%;height:var(--about-modal-header-line);margin:var(--about-modal-header-gap) 0 0;border:0;background:var(--color-border)}.about-modal__scroll{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:scroll;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) var(--color-border);scrollbar-gutter:stable;padding:var(--space-4) var(--layout-gutter-mobile) calc(var(--space-2) + env(safe-area-inset-bottom, 0px))}.about-modal__scroll::-webkit-scrollbar{width:5px}.about-modal__scroll::-webkit-scrollbar-track{margin-block:var(--space-1);background:var(--color-border);border-radius:var(--radius-full)}.about-modal__scroll::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-full)}.about-modal__close{top:calc(var(--about-modal-grabber-zone) + var(--space-3));right:var(--space-8);width:var(--space-9);height:var(--space-9);background:var(--color-bg);color:var(--color-text);box-shadow:0 var(--space-1) var(--cs-gap-chip) var(--color-shadow-soft);-webkit-tap-highlight-color:transparent}.about-modal__close:focus{outline:none}.about-modal__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:var(--space-1)}.about-modal__close-icon{width:var(--font-size-caption);height:var(--font-size-caption)}.about-modal__close-icon:after,.about-modal__close-icon:before{width:var(--font-size-caption);height:1.5px}}@media (max-width:631px){.about-modal__panel{--about-modal-photo-height:clamp(240px,44dvh,300px);max-height:min(94dvh,900px);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom, 0px))}.about-modal__media{margin-inline:var(--space-4)}.about-modal__title{padding-left:var(--space-4);padding-right:var(--space-16)}.about-modal__scroll{padding:var(--space-4) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom, 0px))}.about-modal__close{right:var(--space-7)}}@media (prefers-reduced-motion:reduce){.about-modal__backdrop,.about-modal__panel{animation:none!important;transition:none!important}.about-modal.is-closing .about-modal__panel{transform:none}.about-modal__pop.is-hiding,.about-modal__pop.is-visible{animation:none;opacity:1;filter:drop-shadow(0 var(--cs-gap-chip) var(--space-6) var(--color-shadow-pop))}.about-modal__pop--cw.is-hiding,.about-modal__pop--cw.is-visible{transform:rotate(4deg)}.about-modal__pop--ccw.is-hiding,.about-modal__pop--ccw.is-visible{transform:rotate(-4deg)}}