/* Native fonts keep the design fast and free of third-party requests. */
:root{color-scheme:light;--page-bg:#f0f0ed;--page-fg:#191b20;--page-muted:#63676f;--page-line:#d0d2d4;--page-blue:#294ad6;--page-tile:#e4e6ec}

:root[data-theme="dark"]{color-scheme:dark;--page-bg:#151619;--page-fg:#f2f2ed;--page-muted:#a9acb5;--page-line:#3b3d44;--page-blue:#a9baff;--page-tile:#20232c}

@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--page-bg:#151619;--page-fg:#f2f2ed;--page-muted:#a9acb5;--page-line:#3b3d44;--page-blue:#a9baff;--page-tile:#20232c}
}

html{scroll-behavior:smooth}
body{margin:0;background:var(--page-bg);color:var(--page-fg)}

[hidden]{display:none!important}
a:focus-visible,button:focus-visible{outline:3px solid var(--page-blue);outline-offset:5px}

.skip-link{position:absolute;top:8px;left:8px;z-index:10;transform:translateY(-160%);background:var(--page-bg);color:var(--page-fg);padding:12px}

.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

main:focus{outline:none}
svg{display:block}
*{box-sizing:border-box}


#site{--ig-bg:var(--page-bg);--ig-fg:var(--page-fg);--ig-muted:var(--page-muted);--ig-line:var(--page-line);--ig-blue:var(--page-blue);--ig-tile:var(--page-tile);background:var(--ig-bg);color:var(--ig-fg);font:14px/1.5 Arial,sans-serif;padding:0 5%;container-type:inline-size;text-align:left}

#site *{box-sizing:border-box}

#site a{color:inherit;text-decoration:none}

#site a:hover{text-decoration:underline;text-underline-offset:5px}

#site header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid var(--ig-line)}

#site .ig-mark{font:500 22px/1 Arial,sans-serif;letter-spacing:-2px}

#site nav{display:flex;align-items:center;gap:22px;font:12px/1.5 Arial,sans-serif}

#site nav a{display:inline-flex;align-items:center;min-height:44px}

#site button{width:44px;height:44px;background:transparent;color:var(--ig-fg);border:1px solid var(--ig-line);border-radius:50%;cursor:pointer;display:grid;place-items:center}

#site .ig-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:35px 0 25px}

#site h1{font:500 clamp(46px,11.8cqw,128px)/.9 Arial,sans-serif;letter-spacing:-.075em;margin:0;text-transform:uppercase;white-space:nowrap;color:var(--ig-fg)}

#site .ig-dot{color:var(--ig-blue)}

#site .ig-stage{display:grid;grid-template-columns:1fr 1fr;min-height:350px}

#site .ig-identity{background:var(--ig-blue);color:var(--ig-bg);padding:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:35px}

#site .ig-tiny{font:11px/1.5 Consolas,monospace;letter-spacing:1px;text-transform:uppercase;margin:0}

#site h2{font:500 clamp(33px,5.4cqw,58px)/1.04 Arial,sans-serif;letter-spacing:-2px;margin:0;color:inherit}

#site .ig-identity a{font:13px/1.5 Arial,sans-serif;display:flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;min-height:44px}

#site figure{margin:0;position:relative;background:var(--ig-tile);min-width:0;overflow:hidden}

#site .ig-photo{width:100%;height:100%;object-fit:cover;object-position:50% 40%;position:absolute;inset:0;filter:grayscale(1);display:block}

#site .ig-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0 30px;font:11px/1.5 Consolas,monospace;color:var(--ig-muted);text-transform:uppercase;letter-spacing:.4px}

#site .ig-index{border-top:1px solid var(--ig-line);padding:24px 0 16px;color:var(--ig-muted);display:flex;justify-content:space-between;font:11px/1.5 Consolas,monospace;letter-spacing:1px;text-transform:uppercase}

#site .ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:30px}

#site .ig-field{background:var(--ig-tile);padding:22px 20px;min-height:168px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}

#site .ig-symbol{color:var(--ig-blue)}

#site h3{font:500 20px/1.2 Arial,sans-serif;letter-spacing:-.6px;margin:0;color:var(--ig-fg)}

#site .ig-field p{font:12px/1.5 Arial,sans-serif;color:var(--ig-muted);margin:6px 0 0}

#site .ig-bottom{border-top:1px solid var(--ig-line);padding:30px 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:30px}

#site .ig-bottom .ig-tiny{color:var(--ig-muted);margin-bottom:14px}

#site .ig-learning{font:500 25px/1.2 Arial,sans-serif;letter-spacing:-.7px;margin:0 0 6px}

#site .ig-study{font:12px/1.5 Arial,sans-serif;color:var(--ig-muted);margin:0}
#site .ig-summary{font:14px/1.8 Arial,sans-serif;color:var(--ig-muted);max-width:65ch;margin:0 0 30px}

#site .ig-contact{display:flex;flex-direction:column;align-items:flex-start}

#site .ig-contact a{min-height:44px;display:flex;align-items:center;gap:15px;font-size:14px;overflow-wrap:anywhere;max-width:100%}

#site footer{border-top:1px solid var(--ig-line);display:flex;justify-content:space-between;padding:18px 0;font:11px/1.5 Arial,sans-serif;color:var(--ig-muted)}

@media(max-width:540px){#site{padding:0 5%}
#site header{padding:12px 0}
#site nav{gap:16px}
#site .ig-title{padding:30px 0 20px}
#site .ig-stage{min-height:285px}
#site .ig-identity{padding:22px 16px;gap:28px}
#site h2{font-size:32px;letter-spacing:-1.5px}
#site .ig-identity .ig-tiny{font-size:10px;letter-spacing:0}
#site .ig-identity a{gap:12px;font-size:12px}
#site .ig-caption{font-size:9px}
#site .ig-grid{grid-template-columns:1fr;gap:1px}
#site .ig-field{min-height:90px;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:15px;padding:20px}
#site h3{font-size:19px}
#site .ig-bottom{grid-template-columns:1fr;gap:25px}
#site .ig-photo{object-position:50% 50%}
}


#site{max-width:1120px;margin:auto;padding-inline:clamp(20px,5vw,56px)}

#site h1{font-size:clamp(35px,11.8cqw,128px)}

#site .ig-stage{min-height:clamp(285px,44cqw,440px)}

#site .ig-photo{position:static;height:100%;aspect-ratio:1;object-fit:cover}

#site .ig-identity{padding:clamp(20px,4cqw,44px)}

#site .ig-title{padding-top:clamp(30px,5cqw,58px)}

#site .ig-symbol svg{width:26px;height:26px}

#site .ig-tiny,#site .ig-caption, #site .ig-index,#site footer{font-size:12px}

#site .ig-identity,#site .ig-bottom>*{min-width:0}

#site .ig-contact a{overflow-wrap:anywhere;display:block;padding-block:12px}

#site .ig-contact svg{display:inline-block;vertical-align:middle;margin-left:8px}

#site .ig-learning{font-size:25px}

#site .legacy-anchor{display:block;scroll-margin-top:20px}

@media(max-width:540px){#site .ig-stage{min-height:285px}
#site .ig-photo{height:100%;aspect-ratio:auto}
#site .ig-caption{font-size:10px;flex-wrap:wrap}
#site h2{font-size:clamp(25px,8cqw,36px)}
#site nav{gap:14px}
#site .ig-title{padding-top:30px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}