:root{--c-primary: #0076b5;--c-secondary: #17C2C7;--c-background-base: #F7F9FB;--c-background-primary: #FFF;--c-background-secondary: #F0F2F5;--c-text-base: #555;--c-text-lighter: #676767;--c-text-link: #0076b5;--c-white: #FFF;--c-black: #222;--c-footer-bg: #333;--c-footer-text: #EAEAEA;--c-th-bg: #555;--c-th-text: #F7F9FB;--c-sns-share: #555;--c-sns-x: #000;--c-sns-facebook: #3b5998;--c-sns-hatena: #008fde;--c-sns-line: #00c300;--c-sns-bluesky: #0085FF;--c-sns-threads: #000;--c-sns-linkedin: #0077B5;--c-sns-readwise: #003B36;--c-sns-instapaper: #1F1F1F;--c-sns-raindrop: #0098FA;--c-sns-pinterest: #E60023;--c-sns-reddit: #FF4500;--c-sns-webshare: #0076b5;--c-cat-label-bg: #2B2B2B;--c-cat-webdesign: #bd2459;--c-cat-coding: #2f67a9;--c-cat-utility: #276077;--font-family-base: "Noto Sans CJK JP", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .875rem;--fs-md: .9375rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--fs-2xl: 1.375rem;--fs-3xl: 1.5rem;--fs-4xl: 1.75rem;--fs-5xl: 2.25rem;--lh-none: 1;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.6;--lh-relaxed: 1.8;--tracking: .05em;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 20px;--space-10: 24px;--space-11: 28px;--space-12: 32px;--space-13: 40px;--space-14: 48px;--container-max: 1420px;--container-lg: 1024px;--sidebar-width: 230px;--bp-xxl: 1420px;--bp-xl: 1180px;--bp-lg: 960px;--bp-md: 680px;--bp-sm: 480px;--bp-xs: 320px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 30px;--radius-full: 50%;--shadow-normal: 0 4px 8px rgba(0, 0, 0, .03);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .2);--shadow-deep: 0 3px 12px rgba(0, 0, 0, .03);--shadow-inset: 0 3px 12px rgba(0, 0, 0, .05) inset;--transition: .3s ease-in-out;--z-bg: -1;--z-default: 1;--z-raised: 3;--z-overlay: 10;--z-navbar: 99;--z-dropdown: 100;--z-modal: 1000;--font-name: "Cormorant Garamond", "Hiragino Mincho ProN", "Yu Mincho", serif;--c-line: rgba(85, 85, 85, .16);--c-line-strong: rgba(85, 85, 85, .32);--radius-pill: 999px;--shadow-card: 0 30px 60px -22px rgba(20, 20, 18, .24), 0 8px 18px -8px rgba(20, 20, 18, .12);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, .79, .2);--ease-inout: cubic-bezier(.65, 0, .35, 1);--duration-fast: .18s;--duration-mid: .32s;--duration-slow: .64s}@media(prefers-color-scheme:dark){:root{--c-primary: #EBCB1A;--c-secondary: #FF178D;--c-background-base: #2B2B2B;--c-background-primary: #313131;--c-background-secondary: #242424;--c-text-base: #EAEAEA;--c-text-lighter: #B7B7B7;--c-text-link: #0076b5;--c-white: #FFF;--c-black: #222;--c-line: rgba(234, 234, 234, .12);--c-line-strong: rgba(234, 234, 234, .26)}}.light-theme{--c-primary: #0076b5;--c-secondary: #17C2C7;--c-background-base: #F7F9FB;--c-background-primary: #FFF;--c-background-secondary: #F0F2F5;--c-text-base: #555;--c-text-lighter: #676767;--c-text-link: #0076b5;--c-line: rgba(85, 85, 85, .16);--c-line-strong: rgba(85, 85, 85, .32)}.dark-theme{--c-primary: #EBCB1A;--c-secondary: #FF178D;--c-background-base: #2B2B2B;--c-background-primary: #313131;--c-background-secondary: #242424;--c-text-base: #EAEAEA;--c-text-lighter: #B7B7B7;--c-text-link: #0076b5;--c-line: rgba(234, 234, 234, .12);--c-line-strong: rgba(234, 234, 234, .26)}.monochrome-theme{--c-primary: #555;--c-secondary: #111;--c-background-base: #000;--c-background-primary: #111;--c-background-secondary: #000;--c-text-base: #E0E0E0;--c-text-lighter: #B7B7B7;--c-text-link: #B7B7B7;--c-line: rgba(224, 224, 224, .1);--c-line-strong: rgba(224, 224, 224, .22);--c-footer-bg: #111;--c-sns-share: var(--c-black);--c-sns-x: var(--c-black);--c-sns-facebook: var(--c-black)}.monochrome-theme img{filter:brightness(.7)}.monochrome-theme .card_article_image span.card_article_category{background:var(--c-black)}.color_primary{color:var(--c-primary)}.color_secondary{color:var(--c-secondary)}.color_bg_base{color:var(--c-background-base)}.color_bg_primary{color:var(--c-background-primary)}.color_bg_secondary{color:var(--c-background-secondary)}.color_t_base{color:var(--c-text-base)}.color_t_light{color:var(--c-text-lighter)}.color_t_link{color:var(--c-text-link)}.bg_primary{background:var(--c-primary)}.bg_secondary{background:var(--c-secondary)}.bg_bg_base{background:var(--c-background-base)}.bg_bg_primary{background:var(--c-background-primary)}.bg_bg_secondary{background:var(--c-background-secondary)}.bg_t_base{background:var(--c-text-base)}.bg_t_light{background:var(--c-text-lighter)}.bg_t_link{background:var(--c-text-link)}.webrandum-svg .cls-1{fill:currentColor}.webrandum-svg .cls-2{fill:currentColor;opacity:.55}.mainVisual_shape_start{stop-color:var(--c-primary)}.mainVisual_shape_end{stop-color:var(--c-secondary)}.bg-shapes{position:fixed;inset:0;pointer-events:none;z-index:var(--z-bg);overflow:hidden}.bg-shape{position:absolute;opacity:.18;filter:blur(6px) saturate(110%)}.bg-shape--tl{top:clamp(-180px,-16vh,-80px);left:clamp(-180px,-14vw,-60px);width:clamp(360px,40vw,560px);height:auto;aspect-ratio:446.375 / 455.047}.bg-shape--br{bottom:clamp(-160px,-14vh,-60px);right:clamp(-160px,-12vw,-40px);width:clamp(380px,42vw,600px);height:auto;aspect-ratio:484 / 357.428}@media(prefers-color-scheme:dark){.bg-shape{opacity:.22}}@media(max-width:480px){.bg-shape--tl{top:-120px;left:-100px;width:320px}.bg-shape--br{bottom:-100px;right:-80px;width:320px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--c-background-base);color:var(--c-text-base);font-family:var(--font-family-base);font-feature-settings:"palt";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;overflow:hidden;overscroll-behavior:none}body{position:relative}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}.skip-link{position:absolute;left:-1000px;top:0;padding:var(--space-4) var(--space-8);background:var(--c-text-base);color:var(--c-background-primary);border-radius:var(--radius-pill);z-index:var(--z-modal)}.skip-link:focus{left:var(--space-8);top:var(--space-8)}.stage-shell{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(140% 100% at 50% 30%,var(--c-background-base) 0%,var(--c-background-secondary) 100%);animation:shellFadeIn 1.6s var(--ease-out) both;overflow:hidden}@keyframes shellFadeIn{0%{background-size:180% 140%;background-position:50% 60%}to{background-size:100% 100%;background-position:50% 30%}}@media(prefers-reduced-motion:reduce){.stage-shell{animation:none}}.card-stage{position:fixed;inset:0;display:grid;place-items:center;padding-bottom:clamp(80px,12vh,120px);perspective:1600px;perspective-origin:50% 35%;pointer-events:none}.card-warp{--card-thickness: 0px;width:360px;height:596px;position:relative;transform-style:preserve-3d;will-change:transform,opacity;pointer-events:auto}.card-3d{position:absolute;inset:0;transform-style:preserve-3d;animation:cardEntrance 1.4s cubic-bezier(.18,.85,.28,1) both,cardFloat 9s var(--ease-inout) 1.4s infinite;filter:drop-shadow(0 30px 50px rgba(20,20,18,.22)) drop-shadow(0 8px 14px rgba(20,20,18,.1));cursor:grab;touch-action:none;will-change:transform}.card-3d:active{cursor:grabbing}.card-gyro{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--gyro-x, 0deg)) rotateY(var(--gyro-y, 0deg));transition:transform .2s linear;will-change:transform}.card-pivot{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(0) rotateX(0);transition:transform var(--duration-mid) var(--ease-out)}.card-pivot.is-dragging{transition:none}.card-face{position:absolute;inset:0;padding:var(--space-13) var(--space-12) var(--space-11);background:var(--c-background-primary);color:var(--c-text-base);border-radius:var(--radius-md);overflow:hidden;font-feature-settings:"palt","kern";letter-spacing:.01em;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face--front{background:var(--c-background-primary);transform:translateZ(calc(var(--card-thickness) / 2));display:grid;grid-template-rows:1fr auto;position:relative;height:100%;padding:var(--space-12) var(--space-13) var(--space-11) var(--space-11)}.card-front-identity{justify-self:end;align-self:start;display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-4);z-index:1}.card-front-identity .card-role-block{transform:none;margin-top:.2em}.card-contacts--front{justify-self:start;align-self:end;padding:0;gap:0;font-size:.85em}.card-contacts--front .card-contact-link{grid-template-columns:18px 1fr;gap:10px}.card-contacts--front .card-contact-icon{width:18px;height:18px}.card-contacts--front .card-contact-key{font-size:8px;letter-spacing:.28em;margin-bottom:1px}.card-contacts--front li>div>span:not(.card-contact-key){font-size:12px}.card-face--back{background:var(--c-background-primary);transform:rotateY(180deg) translateZ(calc(var(--card-thickness) / 2));display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-8)}.card-edge{position:absolute;background:var(--c-paper-edge);pointer-events:none;box-shadow:inset 0 0 0 1px #0000000f}.card-edge--top{top:0;left:var(--radius-md);width:calc(100% - var(--radius-md) * 2);height:var(--card-thickness);transform:translateY(-50%) rotateX(90deg)}.card-edge--bottom{bottom:0;left:var(--radius-md);width:calc(100% - var(--radius-md) * 2);height:var(--card-thickness);transform:translateY(50%) rotateX(-90deg)}.card-edge--left{top:var(--radius-md);left:0;width:var(--card-thickness);height:calc(100% - var(--radius-md) * 2);transform:translate(-50%) rotateY(-90deg)}.card-edge--right{top:var(--radius-md);right:0;width:var(--card-thickness);height:calc(100% - var(--radius-md) * 2);transform:translate(50%) rotateY(90deg)}.card-paper-noise{position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background-image:radial-gradient(rgba(40,40,36,.025) 1px,transparent 1px),repeating-linear-gradient(47deg,rgba(40,40,36,.012) 0,rgba(40,40,36,.012) 1px,transparent 1px,transparent 7px);background-size:3px 3px,11px 4px;filter:contrast(.95);z-index:0}.card-paper-noise:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(0,118,181,.012) 0,rgba(0,118,181,.012) 1px,transparent 1px,transparent 4px)}.card-face:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.05),transparent 55%),radial-gradient(ellipse at 75% 90%,rgba(20,20,18,.045),transparent 60%);mix-blend-mode:soft-light;z-index:0}.card-face:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(calc(135deg + var(--tilt-y, 0) * .6deg),transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate3d(calc(var(--tilt-x, 0) * .4px),calc(var(--tilt-y, 0) * .4px),0);mix-blend-mode:screen;opacity:.18;will-change:transform;z-index:2}@media(prefers-color-scheme:dark){.card-paper-noise{mix-blend-mode:overlay;opacity:.35}.card-face:before{background:linear-gradient(calc(135deg + var(--tilt-y, 0) * .6deg),transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);opacity:.22}}.dark-theme .card-paper-noise,.monochrome-theme .card-paper-noise{mix-blend-mode:overlay;opacity:.32}.dark-theme .card-face:before,.monochrome-theme .card-face:before{background:linear-gradient(calc(135deg + var(--tilt-y, 0) * .6deg),transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);opacity:.22}.card-logo-mark{width:22px;height:22px;color:var(--c-primary);flex-shrink:0}.card-logo-mark--back{margin-left:auto;opacity:.85}.card-meta{display:flex;align-items:center;gap:var(--space-6);color:var(--c-text-lighter);font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;z-index:1}.card-mark{font-family:var(--font-family-base);color:var(--c-text-base);font-size:10px;letter-spacing:.32em;font-feature-settings:"tnum"}.card-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--c-line-strong),transparent)}.card-name{margin:0;display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);font-family:var(--font-name);font-weight:300;font-size:36px;line-height:1;letter-spacing:.04em;color:var(--c-text-base)}.card-name-mei{margin-top:2em}.card-name-ja{writing-mode:vertical-rl;text-orientation:upright;font-family:Hiragino Mincho ProN,Yu Mincho,Cormorant Garamond,serif;font-weight:300;letter-spacing:.45em;line-height:1.25;display:inline-block}.card-name-ja ruby{ruby-position:over}.card-name-gap{display:inline-block;inline-size:.4em}.card-name-ja rt{font-family:var(--font-family-base);font-size:12px;letter-spacing:-1.5em;color:var(--c-text-lighter);font-weight:400;margin-left:4px}.card-role-block{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);transform:translateY(50%)}.card-role{writing-mode:vertical-rl;text-orientation:upright;margin:0;font-family:var(--font-family-base);font-size:13px;letter-spacing:.32em;color:var(--c-text-lighter);font-weight:500}.card-role-rule{display:block;width:1px;height:28px;background:var(--c-primary);flex:none;opacity:.85}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);font-size:9px;color:var(--c-text-lighter);letter-spacing:.14em;text-transform:uppercase;z-index:1}.card-wordmark{width:86px;height:auto;aspect-ratio:794 / 180;color:var(--c-text-base);flex-shrink:0;display:block}.card-domain{font-family:var(--font-family-base);text-align:right;white-space:nowrap}.card-foot--back{justify-content:center;text-align:center}.card-contacts{list-style:none;margin:0;padding:6px 4px;display:grid;gap:var(--space-8);font-family:var(--font-family-base);align-content:center;z-index:1}.card-contacts li{display:block;color:var(--c-text-base)}.card-contact-link{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:center;color:inherit;text-decoration:none;border-radius:8px;padding:5px 8px;margin:-2px -8px;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;user-select:none;transition:background .16s ease-out}.card-contact-link:hover,.card-contact-link:focus-visible{background:color-mix(in srgb,var(--c-text-base) 7%,transparent)}.card-contact-link:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.card-contact-icon{width:22px;height:22px;color:var(--c-primary);opacity:.85}.card-bio{display:grid;align-content:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);font-family:var(--font-family-base);color:var(--c-text-base);font-size:13px;line-height:1.85;letter-spacing:.04em;z-index:1}.card-bio p{margin:0}.card-contact-icon svg{width:100%;height:100%;display:block}.card-contact-key{display:block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--c-text-lighter);margin-bottom:2px}.card-contacts li>div>span:not(.card-contact-key){font-size:14px;letter-spacing:.02em;word-break:break-word}.card-hint{position:absolute;bottom:-38px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--c-text-lighter);opacity:.7;margin:0;white-space:nowrap;pointer-events:none}@keyframes cardEntrance{0%{opacity:0;transform:translate3d(-30px,-110vh,-120px) rotateX(-12deg) rotateY(8deg) rotate(-6deg) scale(.96)}35%{opacity:1}68%{transform:translate3d(2px,10px,16px) rotateX(2.4deg) rotateY(-1.2deg) rotate(.3deg) scale(1.006)}to{opacity:1;transform:translate3d(0,-4px,0) rotateX(2deg) rotateY(-3deg) rotate(-.5deg)}}@keyframes cardFloat{0%{transform:translate3d(0,-4px,0) rotateX(2deg) rotateY(-3deg) rotate(-.5deg)}12%{transform:translate3d(1px,-3.2px,2px) rotateX(1.6deg) rotateY(-2.4deg) rotate(-.3deg)}50%{transform:translate3d(6px,6px,14px) rotateX(-1deg) rotateY(4deg) rotate(.6deg)}to{transform:translate3d(0,-4px,0) rotateX(2deg) rotateY(-3deg) rotate(-.5deg)}}.card-3d.is-suspended-float{animation-play-state:paused}@media(max-height:760px){.card-warp{width:320px;height:530px}.card-name{font-size:32px}}@media(max-width:480px){.card-warp{width:min(76vw,320px);height:calc(min(76vw,320px)*1.654)}.card-face{padding:var(--space-11) var(--space-10) var(--space-10)}.card-name{font-size:30px}.card-contacts{gap:var(--space-6)}.card-contacts li>div>span:not(.card-contact-key){font-size:13px}.card-hint{bottom:-32px;font-size:9px}}.card-hint{animation:hintFadeIn .7s ease-out 1.6s both}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:.7;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.card-3d{animation:none;transform:translate3d(0,-4px,0) rotateX(2deg) rotateY(-3deg) rotate(-.5deg)}.card-hint{animation:none;opacity:.7}}.bottom-bar{position:fixed;left:50%;bottom:clamp(16px,4vh,32px);transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:var(--z-navbar);animation:navEntrance .7s cubic-bezier(.18,.85,.28,1) .85s both}.bottom-nav{position:relative;display:flex;gap:4px;padding:6px;background:color-mix(in srgb,var(--c-background-primary) 78%,transparent);backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border:1px solid var(--c-line);border-radius:var(--radius-pill);box-shadow:var(--shadow-normal)}.bottom-nav:before{content:"";position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px - 8px) / 3);background:var(--c-primary);border-radius:var(--radius-pill);transition:transform .32s var(--ease-out);z-index:0;pointer-events:none}.bottom-nav:has(.nav-btn:nth-child(1)[aria-current=page]):before{transform:translate(0)}.bottom-nav:has(.nav-btn:nth-child(2)[aria-current=page]):before{transform:translate(calc(100% + 4px))}.bottom-nav:has(.nav-btn:nth-child(3)[aria-current=page]):before{transform:translate(calc(200% + 8px))}.bottom-nav:has(.nav-btn:nth-child(1):hover):before{transform:translate(0)}.bottom-nav:has(.nav-btn:nth-child(2):hover):before{transform:translate(calc(100% + 4px))}.bottom-nav:has(.nav-btn:nth-child(3):hover):before{transform:translate(calc(200% + 8px))}.theme-toggle{width:42px;height:42px;display:grid;place-items:center;background:color-mix(in srgb,var(--c-background-primary) 78%,transparent);backdrop-filter:saturate(140%) blur(16px);-webkit-backdrop-filter:saturate(140%) blur(16px);border:1px solid var(--c-line);border-radius:var(--radius-full);box-shadow:var(--shadow-normal);color:var(--c-text-lighter);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.theme-toggle:hover{color:var(--c-primary);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle-icon{width:18px;height:18px;display:none}.theme-toggle[data-state=auto] .icon-auto,.theme-toggle[data-state=light] .icon-light,.theme-toggle[data-state=dark] .icon-dark{display:block}@keyframes navEntrance{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.bottom-bar{animation:none}}@media(max-width:480px){.bottom-bar{gap:8px}.theme-toggle{width:38px;height:38px}.theme-toggle-icon{width:16px;height:16px}}.nav-btn{position:relative;z-index:1;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-lighter);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out)}.nav-btn-icon{width:16px;height:16px;flex-shrink:0}.nav-btn:hover,.nav-btn[aria-current=page]{color:var(--c-background-primary)}.bottom-nav:has(.nav-btn:hover) .nav-btn[aria-current=page]:not(:hover){color:var(--c-text-lighter)}@media(max-width:480px){.nav-btn{padding:9px 12px;gap:6px;font-size:11px;letter-spacing:.14em}.nav-btn-icon{width:14px;height:14px}}.page-overlay{position:fixed;inset:0;display:grid;place-items:start center;padding:clamp(24px,6vh,80px) clamp(16px,5vw,48px) 120px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-background-base) 0%,transparent) 0%,color-mix(in srgb,var(--c-background-base) 90%,transparent) 30%,var(--c-background-base) 100%);opacity:0;pointer-events:none;transition:opacity var(--duration-mid) var(--ease-out);z-index:var(--z-overlay);overflow-y:auto;overscroll-behavior:contain}.page-overlay[data-active=true]{opacity:1;pointer-events:auto}.page-section{width:min(820px,100%);display:grid;gap:var(--space-12);transform:translateY(24px);opacity:0;transition:transform var(--duration-mid) var(--ease-out),opacity var(--duration-mid) var(--ease-out)}.page-overlay[data-active=true] .page-section{transform:translateY(0);opacity:1}.page-overlay[data-active=true] .page-section>*{animation:pageItemEnterNeutral .55s var(--ease-out) both}.page-overlay[data-active=true][data-direction=right] .page-section>*{animation-name:pageItemEnterFromRight}.page-overlay[data-active=true][data-direction=left] .page-section>*{animation-name:pageItemEnterFromLeft}.page-overlay[data-active=true] .page-section>*:nth-child(1){animation-delay:0s}.page-overlay[data-active=true] .page-section>*:nth-child(2){animation-delay:.07s}.page-overlay[data-active=true] .page-section>*:nth-child(3){animation-delay:.14s}.page-overlay[data-active=true] .page-section>*:nth-child(4){animation-delay:.21s}.page-overlay[data-active=true] .page-section>*:nth-child(5){animation-delay:.28s}@keyframes pageItemEnterNeutral{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pageItemEnterFromRight{0%{opacity:0;transform:translate3d(44px,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pageItemEnterFromLeft{0%{opacity:0;transform:translate3d(-44px,8px,0)}to{opacity:1;transform:translateZ(0)}}.page-overlay[data-active=true] .link-grid>li{animation:pageItemEnterNeutral .5s var(--ease-out) both}.page-overlay[data-active=true][data-direction=right] .link-grid>li{animation-name:pageItemEnterFromRight}.page-overlay[data-active=true][data-direction=left] .link-grid>li{animation-name:pageItemEnterFromLeft}.page-overlay[data-active=true] .link-grid>li:nth-child(1){animation-delay:.3s}.page-overlay[data-active=true] .link-grid>li:nth-child(2){animation-delay:.36s}.page-overlay[data-active=true] .link-grid>li:nth-child(3){animation-delay:.42s}.page-overlay[data-active=true] .link-grid>li:nth-child(4){animation-delay:.48s}.page-overlay[data-active=true] .link-grid>li:nth-child(5){animation-delay:.54s}.page-overlay[data-exiting=true][data-direction=right] .page-section>*,.page-overlay[data-exiting=true][data-direction=right] .link-grid>li{animation:pageItemExitRight .4s var(--ease-in) both}.page-overlay[data-exiting=true][data-direction=left] .page-section>*,.page-overlay[data-exiting=true][data-direction=left] .link-grid>li{animation:pageItemExitLeft .4s var(--ease-in) both}.page-overlay[data-exiting=true] .page-section>*,.page-overlay[data-exiting=true] .link-grid>li{animation-delay:0s}@keyframes pageItemExitRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(48px,-10px,0)}}@keyframes pageItemExitLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-48px,-10px,0)}}.page-overlay[data-active=true] hr.page-divider{transform-origin:left center;animation:dividerExpand .6s var(--ease-out) .14s both}.page-overlay[data-exiting=true] hr.page-divider{animation:dividerCollapse .32s var(--ease-in) both}@keyframes dividerExpand{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes dividerCollapse{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}.page-title-char{display:inline-block;opacity:0;transform:translateY(18px)}.page-overlay[data-active=true] .page-title-char{animation:titleCharIn .55s var(--ease-out) both;animation-delay:calc(var(--char-i, 0) * 40ms + .18s)}@keyframes titleCharIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.page-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--c-text-lighter);margin:0}.page-eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--c-primary);transform:scaleX(0);transform-origin:left center}.page-overlay[data-active=true] .page-eyebrow:before{animation:eyebrowLine .5s var(--ease-out) .08s both}.page-overlay[data-exiting=true] .page-eyebrow:before{animation:eyebrowLineOut .3s var(--ease-in) both}@keyframes eyebrowLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes eyebrowLineOut{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.page-title{margin:0;font-family:var(--font-name);font-weight:500;font-size:clamp(40px,7vw,80px);line-height:1.05;letter-spacing:.01em;color:var(--c-text-base)}.page-lead{margin:0;max-width:56ch;font-size:17px;line-height:1.85;color:var(--c-text-base)}.page-divider{height:1px;background:var(--c-line);border:0;margin:0}.page-lead-group{display:flex;flex-direction:column;gap:var(--space-6)}.about-grid{display:grid;grid-template-columns:1fr;font-size:15px;line-height:1.85}.about-grid dt{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-primary);margin-bottom:var(--space-3)}.about-grid dt:not(:first-of-type){margin-top:var(--space-9)}.about-grid dd{margin:0;color:var(--c-text-base)}.about-grid dd ul{margin:0;padding-left:18px;display:grid;gap:4px}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-8);list-style:none;margin:0;padding:0}.link-card{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;padding:22px 24px;background:var(--c-background-primary);border:1px solid var(--c-line);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:transform .28s var(--ease-out),border-color .28s var(--ease-out),box-shadow .28s var(--ease-out)}.link-card:hover{transform:translateY(-3px) rotate(-.5deg) scale(1.012);border-color:color-mix(in srgb,var(--c-primary) 50%,var(--c-line));box-shadow:0 14px 30px -10px color-mix(in srgb,var(--c-text-base) 22%,transparent)}.link-card:hover .link-card-icon{transform:scale(1.08) rotate(-4deg)}.link-card-icon{display:grid;place-items:center;transition:transform .32s var(--ease-out);width:44px;height:44px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--c-primary) 10%,transparent);color:var(--c-primary)}.link-card-icon svg{width:22px;height:22px}.link-card-body{display:grid;gap:4px;min-width:0}.link-card-key{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--c-text-lighter)}.link-card-handle{font-size:16px;font-weight:500;color:var(--c-text-base);word-break:break-all}.link-card-desc{margin-top:4px;font-size:13px;line-height:1.65;color:var(--c-text-lighter)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-10);list-style:none;margin:0;padding:0}.portfolio-item{display:grid;gap:var(--space-6)}.portfolio-thumb{aspect-ratio:16 / 10;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--c-background-secondary),var(--c-background-primary));border:1px solid var(--c-line);display:grid;place-items:center;color:var(--c-text-lighter);font-family:var(--font-name);font-size:22px;letter-spacing:.04em}.portfolio-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6)}.portfolio-meta h3{margin:0;font-size:16px;font-weight:500;color:var(--c-text-base)}.portfolio-meta span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-lighter)}.back-to-card{position:fixed;top:clamp(16px,3vh,24px);left:clamp(16px,4vw,32px);display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;background:color-mix(in srgb,var(--c-background-primary) 84%,transparent);border:1px solid var(--c-line);border-radius:var(--radius-pill);box-shadow:var(--shadow-normal);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-lighter);z-index:var(--z-navbar);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--duration-mid) var(--ease-out),transform var(--duration-mid) var(--ease-out),color var(--duration-fast) var(--ease-out)}.back-to-card[data-visible=true]{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-card:hover{color:var(--c-text-base)}.back-to-card:before{content:"";width:14px;height:14px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(2px,-2px)}