app-contact-page{display:block;padding:28px clamp(20px,4vw,60px) 38px}.contact-page{display:grid;min-height:min(620px,100svh - 210px);place-items:center;margin-top:32px;padding:24px}.contact-card{position:relative;display:grid;width:min(100%,900px);grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(24px,5vw,54px);padding:clamp(26px,5vw,48px);overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-panel);animation:section-settle .42s cubic-bezier(.2,.75,.3,1) both}.contact-card:before{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--color-accent-dark),var(--color-accent),var(--color-accent-soft));content:""}.contact-card__portrait{display:block;width:100%;aspect-ratio:1.18/1;border:5px solid var(--color-accent-soft);border-radius:14px;object-fit:cover;object-position:center}.contact-card__content{min-width:0}.contact-card__eyebrow{margin:0 0 12px;color:var(--color-accent-dark);font-size:.78rem;font-weight:750;letter-spacing:.16em}.contact-card h1{max-width:520px;margin:0;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;letter-spacing:-.055em;line-height:1.05}.contact-card__intro{max-width:500px;margin:16px 0 0;color:var(--color-text-muted);font-size:1rem;line-height:1.55}.contact-email{display:inline-flex;max-width:100%;min-height:58px;align-items:center;justify-content:center;gap:10px;margin-top:28px;padding:12px 20px;border:2px solid var(--color-accent);border-radius:12px;background:var(--color-accent);color:var(--color-surface);font-size:clamp(.9rem,2.2vw,1.2rem);font-weight:700;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.contact-email:hover{transform:translateY(-2px);border-color:var(--color-accent-dark);background:var(--color-accent-dark)}.contact-email:focus-visible,.contact-social:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.contact-email svg{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.contact-email span{min-width:0;overflow-wrap:anywhere}.contact-card__footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:22px}.contact-socials{display:flex;align-items:center;gap:12px}.contact-social{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-blue);color:var(--color-text);transition:background-color .15s ease,color .15s ease,transform .15s ease}.contact-social:hover{transform:translateY(-2px);background:var(--color-accent);color:var(--color-surface)}.contact-social svg{width:24px;height:24px;fill:currentColor}.contact-social:nth-child(2) svg{fill:none;stroke:currentColor;stroke-width:1.8}.contact-social .contact-social__dot{fill:currentColor;stroke:none}.contact-location{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--color-text-muted);font-size:.94rem}.contact-location svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}@media(max-width:600px){.contact-page{min-height:min(620px,100svh - 190px);margin-top:20px;padding:14px 0}.contact-card{width:min(100%,460px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;padding:30px 22px 24px;border-radius:14px;text-align:center}.contact-card__portrait{width:min(100%,300px);aspect-ratio:1.18/1;border-width:4px;border-radius:14px}.contact-card__content{width:100%}.contact-card__intro{font-size:.94rem}.contact-email{min-height:54px;gap:8px;margin-top:24px;padding:10px 14px;font-size:clamp(.82rem,3.8vw,1rem)}.contact-card__footer{justify-content:center;gap:14px 18px;margin-top:20px}}@media(max-width:760px){app-contact-page{padding-top:20px}}@media(max-width:480px){app-contact-page{padding:12px 14px 20px}}@media(prefers-reduced-motion:reduce){app-site-header,.contact-card{animation:none}.contact-email,.contact-social{transition:none}}app-work-page{display:block;padding:28px clamp(20px,4vw,60px) 38px}.site-shell{width:min(100%,1240px);margin:28px auto 38px}app-site-header{display:block;animation:section-settle .42s cubic-bezier(.2,.75,.3,1) both}.work-page{margin-top:28px}.work-list__header{margin-bottom:20px}.work-list__eyebrow{margin:0 0 8px;color:var(--color-accent-dark);font-size:.78rem;font-weight:750;letter-spacing:.14em}.work-list__header h1{margin:0;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.055em;line-height:1.05}.work-list__header>p:last-child{margin:10px 0 0;color:var(--color-text-muted);font-size:1rem;line-height:1.5}.work-list__items{display:grid;gap:14px}.video-card{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);align-items:center;gap:20px;padding:12px;border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface);box-shadow:var(--shadow-panel);animation:section-settle .42s cubic-bezier(.2,.75,.3,1) both;scroll-margin-top:16px;transition:border-color .18s ease,box-shadow .18s ease}.video-card--highlighted{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft),var(--shadow-panel)}.video-card:nth-child(2){animation-delay:60ms}.video-card:nth-child(3){animation-delay:.12s}.video-card:nth-child(4){animation-delay:.18s}.video-card__thumbnail{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;overflow:hidden;border:0;border-radius:10px;background:var(--color-surface-tint);cursor:pointer}.video-card__thumbnail--custom{background:var(--color-reporting-thumbnail-backdrop)}.video-card__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.video-card__thumbnail--custom img{object-fit:contain}.video-card__thumbnail:hover img{transform:scale(1.035)}.video-card__play{position:absolute;inset:50% auto auto 50%;display:grid;width:52px;height:38px;place-items:center;transform:translate(-50%,-50%);border-radius:10px;background:var(--color-accent);color:#fff;box-shadow:var(--shadow-play)}.video-card__play svg{width:26px;height:26px;fill:currentColor}.video-card__thumbnail:hover .video-card__play{background:var(--color-accent-dark)}.video-card__content{min-width:0;padding:4px 8px 4px 0}.video-card__category{display:inline-block;margin:0;padding:4px 9px;border-radius:999px;color:var(--color-text);font-size:.72rem;font-weight:750;letter-spacing:.035em;line-height:1.2;text-transform:uppercase}.video-card__category--culture{background:var(--color-tag-culture)}.video-card__category--reporting{background:var(--color-surface-blue)}.video-card__category--health{background:var(--color-tag-health)}.video-card__category--safety{background:var(--color-tag-safety)}.video-card__meta{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:7px}.video-card__date{color:var(--color-text-muted);font-size:.9rem;white-space:nowrap}.video-card h2{margin:0;font-size:clamp(1.1rem,2vw,1.45rem);font-weight:750;letter-spacing:-.025em;line-height:1.2}.video-card__description{margin:8px 0 0;color:var(--color-text-muted);font-size:1rem;line-height:1.5}.video-card__watch{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:0;border:0;background:transparent;color:var(--color-accent-dark);font-size:1rem;font-weight:700;cursor:pointer}.video-card__watch:hover{color:var(--color-accent);text-decoration:underline}.video-card__thumbnail:focus-visible,.video-card__watch:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.video-dialog{width:min(1000px,100vw - 32px);max-width:none;max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border:0;border-radius:16px;background:var(--color-surface);color:var(--color-text)}.video-dialog::backdrop{background:#101a2ac7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.video-dialog__layout{display:grid;grid-template-rows:auto minmax(0,1fr)}.video-dialog__header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.video-dialog__header h2{min-width:0;margin:0;overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.video-dialog__actions{display:flex;flex:0 0 auto;align-items:center;gap:12px}.video-dialog__actions a{color:var(--color-accent-dark);font-size:.88rem;font-weight:650;text-decoration:none;white-space:nowrap}.video-dialog__actions a:hover{text-decoration:underline}.video-dialog__actions button{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text);cursor:pointer}.video-dialog__actions button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}.video-dialog__actions a:focus-visible,.video-dialog__actions button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.video-dialog__player{width:100%;aspect-ratio:16/9;background:#000}.video-dialog__player iframe{display:block;width:100%;height:100%;border:0}@media(max-width:760px){app-work-page{padding-top:20px}.site-shell{margin-top:20px}.video-card{grid-template-columns:minmax(190px,36%) minmax(0,1fr);gap:14px}}@media(max-width:520px){app-work-page{padding:12px 14px 20px}.site-shell{margin-top:12px}.work-page{margin-top:22px}.work-list__header{margin-bottom:14px}.work-list__header>p:last-child{font-size:.92rem}.work-list__items{gap:11px}.video-card{grid-template-columns:minmax(0,1fr);gap:0;padding:9px;border-radius:14px}.video-card__thumbnail{border-radius:10px}.video-card__content{padding:12px 4px 4px}.video-card__category{padding:3px 7px;font-size:.64rem}.video-card__meta{margin-bottom:7px}.video-card__date{font-size:.84rem}.video-card h2{font-size:1.12rem}.video-card__description{margin-top:6px;font-size:.94rem;line-height:1.5}.video-card__watch{min-height:40px;margin-top:7px;font-size:.96rem}.video-card__play{width:42px;height:31px;border-radius:8px}.video-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.video-dialog__header{gap:8px;padding:9px 10px}.video-dialog__header h2{font-size:.86rem}.video-dialog__actions{gap:8px}.video-dialog__actions a{font-size:.78rem}.video-dialog__actions button{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){app-site-header,.video-card{animation:none}.video-card__thumbnail img,.video-card{transition:none}}:root{color-scheme:light;--color-page: #f1f5fb;--color-surface: #ffffff;--color-surface-tint: #e4edfc;--color-surface-blue: #d7e5fa;--color-text: #101a2a;--color-text-muted: #4f5b6d;--color-border: #d5deeb;--color-accent: #df302d;--color-accent-dark: #a42020;--color-accent-soft: #f5c0c0;--color-tag-policy: #f3b5b4;--color-tag-culture: #c9c5f4;--color-tag-health: #bde4d2;--color-tag-safety: #f3b5b4;--color-reporting-thumbnail-backdrop: #7c0048;--shadow-header: 0 2px 9px rgb(16 26 42 / 9%);--shadow-panel: 0 4px 15px rgb(16 26 42 / 7%);--shadow-play: 0 8px 24px rgb(16 26 42 / 35%);font-family:Arial,Helvetica,sans-serif;color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;background:var(--color-page)}button,a{font:inherit}a{color:inherit}a:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}::selection{color:var(--color-surface);background:var(--color-accent)}.resume-dialog{width:min(960px,100vw - 32px);height:min(820px,100dvh - 48px);max-width:none;max-height:none;padding:0;overflow:hidden;border:0;border-radius:16px;background:var(--color-surface);color:var(--color-text)}.resume-dialog::backdrop{background:#14181eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.resume-dialog__layout{display:grid;height:100%;grid-template-rows:auto minmax(0,1fr)}.resume-dialog__header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.resume-dialog__header h2{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-dialog__actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.resume-dialog__action,.resume-dialog__zoom-out{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);font-size:.76rem;font-weight:650;text-decoration:none;white-space:nowrap;cursor:pointer}.resume-dialog__action:hover,.resume-dialog__zoom-out:hover{border-color:var(--color-accent);background:var(--color-surface-tint)}.resume-dialog__zoom-out{display:none;background:var(--color-surface-tint);color:var(--color-accent-dark)}.resume-dialog__action--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-surface)}.resume-dialog__action--primary:hover{border-color:var(--color-accent-dark);background:var(--color-accent-dark);color:var(--color-surface)}.resume-dialog__close{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text);cursor:pointer}.resume-dialog__close:focus-visible,.resume-dialog__action:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.resume-dialog__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7}.resume-dialog__viewer{min-height:0;background:var(--color-surface-tint)}.resume-dialog__viewer iframe{display:block;width:100%;height:100%;border:0}@media(max-width:480px){.resume-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px);border-radius:12px}.resume-dialog__header{flex-wrap:wrap;gap:8px;padding:10px}.resume-dialog__header h2{flex:1 0 100%}.resume-dialog__actions{justify-content:flex-end;gap:6px;margin-left:auto}.resume-dialog__action,.resume-dialog__zoom-out{min-height:36px;padding-inline:10px;font-size:.72rem}.resume-dialog__zoom-out{display:inline-flex}}@keyframes section-settle{0%{opacity:0;transform:translateY(-14px)}78%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
