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{display:grid;min-height:min(620px,100svh - 210px);place-items:center;margin-top:32px;padding:24px}.work-card{position:relative;display:flex;width:min(100%,760px);flex-direction:column;align-items:center;padding:clamp(36px,7vw,68px) clamp(24px,7vw,76px);overflow:hidden;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow-panel);text-align:center;animation:section-settle .42s cubic-bezier(.2,.75,.3,1) both}.work-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:""}.work-card__icon{display:grid;width:74px;height:74px;place-items:center;border:1px solid var(--color-accent-soft);border-radius:50%;background:var(--color-surface-tint);color:var(--color-accent-dark)}.work-card__icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.work-card__eyebrow{margin:22px 0 12px;color:var(--color-accent-dark);font-size:.78rem;font-weight:750;letter-spacing:.16em}.work-card h1{max-width:620px;margin:0;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;letter-spacing:-.055em;line-height:1.04}.work-card__description{max-width:520px;margin:18px 0 0;color:var(--color-text-muted);font-size:1rem;line-height:1.6}.work-card__link{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;margin-top:28px;padding:10px 20px;border:1px solid var(--color-accent);border-radius:999px;background:var(--color-accent);color:var(--color-surface);font-weight:700;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.work-card__link:hover{transform:translateY(-2px);border-color:var(--color-accent-dark);background:var(--color-accent-dark)}.work-card__link:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}@media(max-width:760px){app-work-page{padding-top:20px}}@media(max-width:600px){.work-page{min-height:min(620px,100svh - 190px);margin-top:20px;padding:14px 0}.work-card{padding:34px 22px;border-radius:14px}.work-card__description{font-size:.94rem}}@media(max-width:480px){app-work-page{padding:12px 14px 20px}}@media(prefers-reduced-motion:reduce){app-site-header,.work-card{animation:none}.work-card__link{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;--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)}@keyframes section-settle{0%{opacity:0;transform:translateY(-14px)}78%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
