First-pass Inga Michaelsen resource site (static)
Rebuild of ingamichaelsen.com in her brand (charcoal + dusty-blue, IM wordmark/ monogram). All content rebuilt as a single page; contact/scheduling intentionally EXCLUDED (placeholder only) per Mike — to be wired on handoff to Inga. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,2 @@
|
||||
# Local Claude Code settings (personal — not deployed)
|
||||
.claude/
|
||||
@@ -0,0 +1,255 @@
|
||||
# Inga Michaelsen — Site Rebuild Source of Truth
|
||||
|
||||
_Captured 2026-06-22 from the live Squarespace site **ingamichaelsen.com**. This is the
|
||||
content inventory for rebuilding her site as a static resource site (a third staging area,
|
||||
`inga.opencommunications.consulting`), to be linked from the live OC site and later handed
|
||||
to Inga to deploy with her own contact + scheduling wired in._
|
||||
|
||||
## Build rules (Mike's instruction)
|
||||
- **Rebuild ALL content** from ingamichaelsen.com — copy, structure, services, pricing,
|
||||
testimonials, stats, about.
|
||||
- **EXCLUDE all contact / scheduling**: no Calendly embed, no contact form, no email/phone,
|
||||
no Squarespace cart/commerce. Leave clean placeholders (e.g. a "Book a call" button with
|
||||
`href="#"` or a TODO marker) so Inga can wire her own booking later. CTAs can stay visually
|
||||
but must not point at her real Calendly.
|
||||
- **Logo:** Mike designed the logo on her current site and will provide the SVG. Use that.
|
||||
- Aesthetic: clean, warm, professional — kin to the OC site but her own identity. (Direction
|
||||
TBD; align with OC family without copying it 1:1.)
|
||||
- Voice: Inga's — systems-aware, trauma-informed, calm, "slow down at critical moments."
|
||||
|
||||
## Identity / brand elements
|
||||
- **Name:** Inga Michaelsen
|
||||
- **Positioning line (hero):** "In a Complex World, How You Work Together Is Everything."
|
||||
- **Sub:** "Leadership and team development for organizations doing meaningful work in an
|
||||
unpredictable world. Building the capacity to perform and relate well, even when the path
|
||||
isn't clear."
|
||||
- **Discipline tag:** Leadership Team Coaching & Facilitation Services
|
||||
- **Credentials:** Professional Certified Coach (PCC) · Team Coach (ACTC), International
|
||||
Coaching Federation · Advanced facilitation training · BCom, Entrepreneurial Management ·
|
||||
Corentus team-coaching methodology · references Otto Scharmer (awareness → results)
|
||||
- **Proof stats:** 100+ Workshops · 850+ Coaching Sessions · 25+ Team Engagements
|
||||
- **Testimonials:**
|
||||
- "Inga is a clear and authentic facilitator who creates the conditions for teams to engage
|
||||
in deep inquiry together. She held space for honest reflection and shared understanding…"
|
||||
— **J. McDonald**, Master Student, Royal Roads University
|
||||
- "I'm sincerely grateful for Inga's support, guidance, and encouragement… Her insights and
|
||||
coaching have had a meaningful impact on both my personal and professional growth…"
|
||||
— **M. Dent**, Manager, Law Clerk, Carta
|
||||
|
||||
## Sitemap (current Squarespace)
|
||||
1. **Home** (`/`)
|
||||
2. **How We Work Together** (`/services-at-a-glance`) — services/pricing overview ⚠️ capture truncated, RE-CAPTURE NEEDED
|
||||
3. **Where to Start** (`/starting-point-services`) — four starting-point packages
|
||||
4. **Social Impact & Low Bono** (`/services-low-bono`)
|
||||
5. **About** (`/about`)
|
||||
6. _Let's Connect_ → Calendly (EXCLUDE) · Cart (EXCLUDE)
|
||||
|
||||
---
|
||||
|
||||
## PAGE 1 — Home
|
||||
|
||||
**Hero:** "In a Complex World, How You Work Together Is Everything."
|
||||
Sub: "Leadership and team development for organizations doing meaningful work in an
|
||||
unpredictable world. Building the capacity to perform and relate well, even when the path
|
||||
isn't clear." · CTA: "Let's talk"
|
||||
|
||||
**Does This Sound Familiar?**
|
||||
"You didn't get here by accident. Your team has real talent, and you've worked hard to build
|
||||
something worth leading. But lately, something feels off."
|
||||
- The team is working hard — but not quite together
|
||||
- Priorities shift before the last ones were resolved
|
||||
- Decisions get made, then quietly unmade or left without a clear owner
|
||||
- Important conversations keep getting deferred
|
||||
- Tension sits beneath the surface, named by no one
|
||||
- Relationships that used to feel easy now feel careful and managed
|
||||
- You're spending more energy managing dynamics than doing the actual work
|
||||
|
||||
"You're not in crisis. But you can see where things are heading if nothing changes."
|
||||
|
||||
**Hi, my name is Inga**
|
||||
"For over a decade, I've supported leaders working in fast-changing and demanding contexts.
|
||||
My background is in leadership development, process facilitation, and coaching. I help leaders
|
||||
and teams slow down at critical moments to build awareness of what's driving behaviour and
|
||||
dynamics, so they can respond with greater intention and steadiness—rather than react. This
|
||||
supports clearer decisions, stronger relationships, and more sustainable performance over time.
|
||||
I bring a systems-aware, trauma-informed lens to my work, paying close attention to context,
|
||||
power dynamics, and the emotional realities people navigate. I'm a Professional Certified Coach
|
||||
(PCC) and Team Coach (ACTC) with the International Coaching Federation, and an experienced
|
||||
facilitator, known for creating spaces where people can think together, work through tension,
|
||||
and move forward with clarity."
|
||||
|
||||
**What changes when we work together**
|
||||
"Through coaching, facilitation, and practical skill-building, I help teams strengthen how they
|
||||
**think, decide, and lead together**. Teams I work with typically gain:"
|
||||
- clearer alignment around shared purpose and goals
|
||||
- greater clarity in roles, authority, and decision-making
|
||||
- faster, more confident decisions without sacrificing buy-in
|
||||
- more productive dialogue, even when conversations are difficult
|
||||
- stronger trust and shared accountability within and across teams
|
||||
- performance that's sustainable, not dependent on constant effort
|
||||
"The result is [a] cohesive, high-performing team that can adjust, learn, and respond
|
||||
effectively as the work and the context continues to change."
|
||||
|
||||
**SUPPORT YOUR TEAM**
|
||||
"If you're curious about working together, my work **meets teams where they are**—inside
|
||||
meetings, decisions, and moments that matter—through coaching, facilitation, and practical
|
||||
learning. Sometimes this happens in short, focused engagements; sometimes over longer arcs,
|
||||
depending on what's needed. Engagements are designed to help teams:"
|
||||
- strengthen trust and communication
|
||||
- improve decision-making and follow-through
|
||||
- surface unhelpful patterns early (before they become costly)
|
||||
- build steadiness under pressure
|
||||
- develop shared leadership and healthier ways of working together
|
||||
CTA: "Get Started"
|
||||
|
||||
**Leadership Coaching in High-Stake Roles**
|
||||
"One of the most meaningful parts of my work is supporting leaders when pressure is high and
|
||||
familiar ways of working no longer fit. In a year-long coaching engagement with a Marketing
|
||||
Manager at Google Switzerland, I worked alongside a leader who began overwhelmed and
|
||||
micromanaging. Through steady coaching focused on self-awareness, strategic focus, and
|
||||
courageous conversations, he grew his confidence, trusted his team more fully, reduced stress,
|
||||
and increased his overall effectiveness."
|
||||
|
||||
**My Work In Practice**
|
||||
- _Team Development in Real Time_ — "At Royal Roads University, I design and facilitate
|
||||
experiential leadership and teamwork development, coaching diverse student teams through real
|
||||
moments of tension, uncertainty, and decision-making. By practicing difficult conversations,
|
||||
navigating emotions, and learning to collaborate more intentionally, teams leave feeling more
|
||||
confident, connected, and equipped to work well together under pressure."
|
||||
- _Leading in Complexity_ — "We worked alongside an Indigenous leadership team on an important
|
||||
initiative connected to sovereignty and community well-being. The work unfolded in a complex,
|
||||
high-pressure environment with many stakeholders and the presence of deep historical and
|
||||
relational layers. Rather than pushing for speed or solutions, we focused on helping the team
|
||||
stay grounded and clear. Through trauma-aware, culturally respectful practices, we created
|
||||
space for reflection, honest conversations, and thoughtful pacing—supporting the team to
|
||||
navigate conflict, make values-aligned decisions, and move forward together with greater
|
||||
confidence and resilience."
|
||||
|
||||
**Stats:** 100+ Workshops · 850+ Coaching Sessions · 25+ Team Engagements
|
||||
|
||||
**Let's start a conversation.** (CONTACT SECTION — rebuild as placeholder, no real booking)
|
||||
"If you're navigating complexity, change, or an important moment for your team, you're welcome
|
||||
to reach out by filling out the form or booking a conversation. This doesn't have to be fully
|
||||
formed or figured out yet. Share a bit about what's on your mind, and we can explore together
|
||||
whether this support might be helpful." · CTA: "Book a Call"
|
||||
|
||||
---
|
||||
|
||||
## PAGE 2 — How We Work Together (`/services-at-a-glance`) ⚠️ RE-CAPTURE NEEDED
|
||||
Capture was truncated. Header billed it as "Leadership Team Coaching & Facilitation Services"
|
||||
— it's the services/pricing overview. **TODO: re-capture full copy + price points before build.**
|
||||
|
||||
---
|
||||
|
||||
## PAGE 3 — Where to Start (`/starting-point-services`)
|
||||
|
||||
Intro: "Every team and context is different. These four starting points are designed for
|
||||
different moments — each one focused, time-bound, and practical." / "Not sure which one fits?
|
||||
Start with a conversation, and we'll figure it out together." · CTA: Book a Call
|
||||
|
||||
**1. Team Pulse Check** — _When You Want to See Your Team's Strengths & Blind Spots_
|
||||
"A light-touch diagnostic designed to help leaders understand what's helping—and hindering—their
|
||||
team." Useful "during periods of growth, transition, or after a shift in roles or expectations,
|
||||
when the team senses something has changed but hasn't yet named it."
|
||||
- _This might be for you if:_ Tension or disengagement is present but not yet understood · The
|
||||
team has been through change and hasn't fully recalibrated · You want an honest outside
|
||||
perspective before investing in something larger
|
||||
- _Typical outcomes:_ Clearer understanding of what's helping/hindering · Reduced assumptions and
|
||||
unspoken tension · Increased trust and openness · Agreed practical next steps the whole team owns
|
||||
- _Format:_ Brief conversation with team leader · short survey or individual conversations ·
|
||||
synthesis of themes · facilitated team debrief session
|
||||
|
||||
**2. Clear Decisions. Clear Ownership.** — _When decisions are stalling_
|
||||
- _For you if:_ Decisions get made but don't stick · unclear who owns what / who decides · same
|
||||
issues keep returning · accountability uneven · cross-functional alignment inconsistent
|
||||
- _Outcomes:_ Clearer decision pathways · stronger ownership/follow-through · reduced friction and
|
||||
rework · more confident, timely decisions
|
||||
- _Format:_ 2–3 hour facilitated session · grounded in real decisions · clear agreements at the end
|
||||
- "This isn't about introducing new frameworks or processes. It works directly with your team's
|
||||
real decisions and priorities… teams surface where decisions stall, where accountability blurs,
|
||||
and what's needed to move forward with confidence."
|
||||
|
||||
**3. One Meeting. Better.** — _When you want to experience the work before committing to more_
|
||||
- _For you if:_ curious but want to see it in action first · sense something isn't working but
|
||||
can't pinpoint it · want outside perspective without a large investment · considering a longer
|
||||
engagement, want to start small
|
||||
- _Includes:_ Pre-meeting conversation with leader · live coaching presence during one real team
|
||||
meeting · debrief with leader after · written observations + practical recommendations
|
||||
- "I join one of your existing team meetings as a coach and observer. I don't run the meeting —
|
||||
you do… One meeting. Real work. Immediate insight."
|
||||
|
||||
**4. 30-Day Leadership Support Intensive** — _When pressure is high, and support is needed now_
|
||||
"Some moments call for immediate, focused support — not a program, not a long process, just
|
||||
steady, skilled presence… blends leadership coaching with facilitation inside real team meetings."
|
||||
- _For you if:_ significant transition/restructure/uncertainty · high pressure hurting decisions &
|
||||
conversation · leader carrying more than sustainable · need support now but not ready for a longer
|
||||
engagement · reactivity/tension/fatigue affecting the team
|
||||
- _Outcomes:_ clearer priorities & decisions · improved leadership conversations · reduced reactivity
|
||||
· steadier, more grounded presence
|
||||
- _Format:_ Two 1:1 coaching conversations with the leader · two facilitated leadership team sessions
|
||||
in existing meetings · light follow-up
|
||||
Close: "We typically start small and adjust based on what's emerging. The goal is not to follow a
|
||||
set program — it's to support the work in a way that's timely, grounded, and effective." · CTA: Book a Call
|
||||
|
||||
---
|
||||
|
||||
## PAGE 4 — Social Impact & Low Bono (`/services-low-bono`)
|
||||
|
||||
**Headline:** "Supporting teams doing essential work in the world"
|
||||
For organizations in climate, community-based nonprofits, and social impact ventures facing
|
||||
"urgency, funding constraints, and increasing complexity."
|
||||
|
||||
**What Low Bono Means:** "professional team coaching and facilitation offered at a reduced,
|
||||
flexible investment level" — clearly defined scope & outcomes · significantly reduced fees vs
|
||||
market · transparent pricing within stated range · optional "pay what you responsibly can within
|
||||
range" model.
|
||||
|
||||
**Who This Is For:** Social impact orgs & nonprofits · Climate action initiatives · Community
|
||||
resilience collaboratives · Indigenous-led or reconciliation initiatives · Multi-stakeholder
|
||||
cross-sector groups. Ideal teams: working across boundaries · managing emotional load & urgency ·
|
||||
navigating complexity without alignment · decision-making friction · committed to collaboration.
|
||||
|
||||
**What the Work Looks Like:** "short, practice-based team coaching and facilitation" — slow/unclear
|
||||
decisions · collaboration strain across roles · speed-vs-alignment tension · individual leader
|
||||
burden vs collective work. "learning partnerships," Corentus team-coaching methodology.
|
||||
|
||||
**How It Works (5 steps):** 1) Connect for a Conversation 2) Clarify Scope & Contract (time-bound)
|
||||
3) Identify Focus Areas (team input) 4) Engage in Practice (real meetings/work) 5) Close & Reflect.
|
||||
|
||||
**Investment:** "$1,500 – $4,500 CAD" — "a limited number of these engagements are available each
|
||||
year." · CTA: Book a Call (×2)
|
||||
|
||||
---
|
||||
|
||||
## PAGE 5 — About (`/about`)
|
||||
|
||||
**About Me:** "Leadership is harder than it used to be — and most of the tools we rely on were
|
||||
built for a simpler world." 15+ years across corporate, public sector, nonprofit, and academic
|
||||
environments; focus on developing **awareness** rather than speed; references Otto Scharmer (system
|
||||
results depend on the quality of operating awareness).
|
||||
|
||||
**What Guides My Work (three principles):**
|
||||
- **Connection** — the foundation for engagement, creativity, and responsibility in relationships
|
||||
and collaboration.
|
||||
- **Accountability** — choosing how to show up with honesty, vulnerability, and clarity rather
|
||||
than blame.
|
||||
- **Curiosity** — staying open to notice, listen, and explore rather than assume or defend.
|
||||
|
||||
**My Background:** BCom, Entrepreneurial Management · small-business owner experience · 15+ years
|
||||
coaching & facilitation across sectors · ICF PCC · in-progress ICF team-coaching accreditation ·
|
||||
advanced facilitation training · cross-cultural work incl. public health, international students,
|
||||
Indigenous communities · ongoing professional development.
|
||||
|
||||
**Outside of Work:** walking, biking, dancing in the Victoria, BC area; time with family (partner
|
||||
and two adult sons); regular travel to Germany; values nature connection and movement for thinking
|
||||
and recharge.
|
||||
|
||||
---
|
||||
|
||||
## Open TODOs before/at build
|
||||
- [ ] **Re-capture `/services-at-a-glance` (How We Work Together)** — truncated; need full copy + prices.
|
||||
- [ ] Logo SVG from Mike.
|
||||
- [ ] Inga's review feedback doc (Mike pasting) — may change scope/copy.
|
||||
- [ ] Confirm subdomain `inga.opencommunications.consulting` + decide first staging URL
|
||||
(clean subdomain vs `inga-staging.51.79.86.209.sslip.io` zero-DNS like sw-staging).
|
||||
- [ ] Decide aesthetic direction (OC-family vs distinct).
|
||||
@@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1524.98 392.77">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #fff;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="White_Logo">
|
||||
<g>
|
||||
<g>
|
||||
<path class="cls-1" d="M203.75,3.5h36.25v178.75h-36.25V3.5Z"/>
|
||||
<path class="cls-1" d="M271.75,3.5h36.75l59.5,99.75c5.75,9.75,12.5,25,12.5,25h.5s-1-18.5-1-31V3.5h35.75v178.75h-35l-61-98.75c-5.75-9.5-12.75-24.75-12.75-24.75h-.5s1,18.75,1,31.25v92.25h-35.75V3.5Z"/>
|
||||
<path class="cls-1" d="M559.9,158.25h-.5c-12.25,20.5-29,27.75-50.25,27.75-27,0-48-9.75-62.75-26-14.75-16.5-23.25-39.5-23.25-66.5,0-29.75,10.5-55.75,29.25-73,14.5-13.25,33.5-20.5,57.5-20.5,45,0,70.75,24.75,76.5,59.75h-35.5c-4-17.25-17.25-29.75-40.25-29.75-33.75,0-50.5,28-50.5,63.5s19.25,63.25,50,63.25c27.75,0,46-20.75,46-40.5v-1h-43v-28h75.25v95h-27.25l-1.25-24Z"/>
|
||||
<path class="cls-1" d="M658.24,3.5h37.5l63,178.75h-37.75l-12-38h-64.5l-11.75,38h-36.75L658.24,3.5ZM652.99,116.5h47.25l-16-51.5c-3-9.5-7.25-27.5-7.25-27.5h-.5s-4.5,18-7.5,27.5l-16,51.5Z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="cls-1" d="M0,210.02h51l25.25,89.75c6.25,22.5,11.25,48.25,11.25,48.25h.5s4.75-25.75,11-48.25l25.25-89.75h51.75v178.75h-33.75v-102.5c0-14.5,1.5-37,1.5-37h-.5s-4,21-7.75,34l-30.75,105.5h-34.75l-30-105.5c-3.75-13-7.75-34-7.75-34h-.5s1.5,22.5,1.5,37v102.5H0v-178.75Z"/>
|
||||
<path class="cls-1" d="M203.75,210.02h36.25v178.75h-36.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M260,300.02c0-53,33-93.5,85.75-93.5,44,0,70,26.25,73.75,60.25h-36c-3.25-18-16.75-29.75-37.75-29.75-33,0-48.75,27.5-48.75,63s19,62.75,49,62.75c21.25,0,36.25-12.75,38.5-31.5h35.5c-1,15.75-7.75,31-19.75,42.25-12.25,11.5-29.5,19-54.25,19-50.25,0-86-38.75-86-92.5Z"/>
|
||||
<path class="cls-1" d="M438.74,210.02h36.25v70h70.25v-70h36.25v178.75h-36.25v-78.75h-70.25v78.75h-36.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M658.24,210.02h37.5l63,178.75h-37.75l-12-38h-64.5l-11.75,38h-36.75l62.25-178.75ZM652.99,323.02h47.25l-16-51.5c-3-9.5-7.25-27.5-7.25-27.5h-.5s-4.5,18-7.5,27.5l-16,51.5Z"/>
|
||||
<path class="cls-1" d="M773.74,210.02h131.5v30.5h-95.25v40h83.5v29.75h-83.5v48.25h96v30.25h-132.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M928.49,210.02h36.25v148.5h84v30.25h-120.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M1057.74,333.52h35.5c2.5,21.5,14.75,30,40.25,30,18.5,0,34.75-6.5,34.75-23,0-17.5-17-21-44.25-27.25-32-7.25-61.25-15.75-61.25-53,0-35.25,28.75-53.5,68.5-53.5s66.25,19.75,69,55.75h-34.75c-2-18-16-27-34.5-27-19.5,0-32.25,8.25-32.25,21,0,14.5,12.5,18.75,39,24.5,36.75,8,66.75,16.75,66.75,55.25,0,36.25-29.25,56.5-69.5,56.5-48.5,0-76-21.5-77.25-59.25Z"/>
|
||||
<path class="cls-1" d="M1226.24,210.02h131.5v30.5h-95.25v40h83.5v29.75h-83.5v48.25h96v30.25h-132.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M1380.98,210.02h36.75l59.5,99.75c5.75,9.75,12.5,25,12.5,25h.5s-1-18.5-1-31v-93.75h35.75v178.75h-35l-61-98.75c-5.75-9.5-12.75-24.75-12.75-24.75h-.5s1,18.75,1,31.25v92.25h-35.75v-178.75Z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,32 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1524.98 392.77">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #231f20;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Black_Logo">
|
||||
<g>
|
||||
<g>
|
||||
<path class="cls-1" d="M203.75,3.5h36.25v178.75h-36.25V3.5Z"/>
|
||||
<path class="cls-1" d="M271.75,3.5h36.75l59.5,99.75c5.75,9.75,12.5,25,12.5,25h.5s-1-18.5-1-31V3.5h35.75v178.75h-35l-61-98.75c-5.75-9.5-12.75-24.75-12.75-24.75h-.5s1,18.75,1,31.25v92.25h-35.75V3.5Z"/>
|
||||
<path class="cls-1" d="M559.9,158.25h-.5c-12.25,20.5-29,27.75-50.25,27.75-27,0-48-9.75-62.75-26-14.75-16.5-23.25-39.5-23.25-66.5,0-29.75,10.5-55.75,29.25-73,14.5-13.25,33.5-20.5,57.5-20.5,45,0,70.75,24.75,76.5,59.75h-35.5c-4-17.25-17.25-29.75-40.25-29.75-33.75,0-50.5,28-50.5,63.5s19.25,63.25,50,63.25c27.75,0,46-20.75,46-40.5v-1h-43v-28h75.25v95h-27.25l-1.25-24Z"/>
|
||||
<path class="cls-1" d="M658.24,3.5h37.5l63,178.75h-37.75l-12-38h-64.5l-11.75,38h-36.75L658.24,3.5ZM652.99,116.5h47.25l-16-51.5c-3-9.5-7.25-27.5-7.25-27.5h-.5s-4.5,18-7.5,27.5l-16,51.5Z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="cls-1" d="M0,210.02h51l25.25,89.75c6.25,22.5,11.25,48.25,11.25,48.25h.5s4.75-25.75,11-48.25l25.25-89.75h51.75v178.75h-33.75v-102.5c0-14.5,1.5-37,1.5-37h-.5s-4,21-7.75,34l-30.75,105.5h-34.75l-30-105.5c-3.75-13-7.75-34-7.75-34h-.5s1.5,22.5,1.5,37v102.5H0v-178.75Z"/>
|
||||
<path class="cls-1" d="M203.75,210.02h36.25v178.75h-36.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M260,300.02c0-53,33-93.5,85.75-93.5,44,0,70,26.25,73.75,60.25h-36c-3.25-18-16.75-29.75-37.75-29.75-33,0-48.75,27.5-48.75,63s19,62.75,49,62.75c21.25,0,36.25-12.75,38.5-31.5h35.5c-1,15.75-7.75,31-19.75,42.25-12.25,11.5-29.5,19-54.25,19-50.25,0-86-38.75-86-92.5Z"/>
|
||||
<path class="cls-1" d="M438.74,210.02h36.25v70h70.25v-70h36.25v178.75h-36.25v-78.75h-70.25v78.75h-36.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M658.24,210.02h37.5l63,178.75h-37.75l-12-38h-64.5l-11.75,38h-36.75l62.25-178.75ZM652.99,323.02h47.25l-16-51.5c-3-9.5-7.25-27.5-7.25-27.5h-.5s-4.5,18-7.5,27.5l-16,51.5Z"/>
|
||||
<path class="cls-1" d="M773.74,210.02h131.5v30.5h-95.25v40h83.5v29.75h-83.5v48.25h96v30.25h-132.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M928.49,210.02h36.25v148.5h84v30.25h-120.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M1057.74,333.52h35.5c2.5,21.5,14.75,30,40.25,30,18.5,0,34.75-6.5,34.75-23,0-17.5-17-21-44.25-27.25-32-7.25-61.25-15.75-61.25-53,0-35.25,28.75-53.5,68.5-53.5s66.25,19.75,69,55.75h-34.75c-2-18-16-27-34.5-27-19.5,0-32.25,8.25-32.25,21,0,14.5,12.5,18.75,39,24.5,36.75,8,66.75,16.75,66.75,55.25,0,36.25-29.25,56.5-69.5,56.5-48.5,0-76-21.5-77.25-59.25Z"/>
|
||||
<path class="cls-1" d="M1226.24,210.02h131.5v30.5h-95.25v40h83.5v29.75h-83.5v48.25h96v30.25h-132.25v-178.75Z"/>
|
||||
<path class="cls-1" d="M1380.98,210.02h36.75l59.5,99.75c5.75,9.75,12.5,25,12.5,25h.5s-1-18.5-1-31v-93.75h35.75v178.75h-35l-61-98.75c-5.75-9.5-12.75-24.75-12.75-24.75h-.5s1,18.75,1,31.25v92.25h-35.75v-178.75Z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370.57 370.57">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #9dbdc7;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #414042;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="White_Logo">
|
||||
<g>
|
||||
<rect class="cls-3" width="370.57" height="370.57"/>
|
||||
<g>
|
||||
<path class="cls-1" d="M32.7,71.98h46.01v226.6h-46.01V71.98Z"/>
|
||||
<path class="cls-2" d="M114.48,71.98h64.73l32.05,113.78c7.93,28.52,14.28,61.17,14.28,61.17h.63s6.03-32.64,13.96-61.17l32.05-113.78h65.68v226.6h-42.84v-129.94c0-18.38,1.9-46.91,1.9-46.91h-.63s-5.08,26.62-9.84,43.1l-39.03,133.74h-44.11l-38.08-133.74c-4.76-16.48-9.84-43.1-9.84-43.1h-.63s1.9,28.52,1.9,46.91v129.94h-42.2V71.98Z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 842 B |
+23
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 370.57 370.57">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #414042;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<g id="White_Logo">
|
||||
<g>
|
||||
<rect class="cls-2" width="370.57" height="370.57"/>
|
||||
<g>
|
||||
<path class="cls-1" d="M32.7,71.98h46.01v226.6h-46.01V71.98Z"/>
|
||||
<path class="cls-1" d="M114.48,71.98h64.73l32.05,113.78c7.93,28.52,14.28,61.17,14.28,61.17h.63s6.03-32.64,13.96-61.17l32.05-113.78h65.68v226.6h-42.84v-129.94c0-18.38,1.9-46.91,1.9-46.91h-.63s-5.08,26.62-9.84,43.1l-39.03,133.74h-44.11l-38.08-133.74c-4.76-16.48-9.84-43.1-9.84-43.1h-.63s1.9,28.52,1.9,46.91v129.94h-42.2V71.98Z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 795 B |
+276
@@ -0,0 +1,276 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-CA">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="theme-color" content="#f6f5f2">
|
||||
<title>Inga Michaelsen | Leadership & Team Coaching · Facilitation</title>
|
||||
<meta name="description" content="Leadership and team development for organizations doing meaningful work in an unpredictable world. Systems-aware, trauma-informed coaching and facilitation that builds the capacity to perform and relate well — even when the path isn't clear.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Lora:ital@0;1&display=swap">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="favicon.svg" type="image/svg+xml">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="Inga Michaelsen">
|
||||
<meta property="og:title" content="Inga Michaelsen — leadership & team coaching">
|
||||
<meta property="og:description" content="How you work together is everything. Systems-aware, trauma-informed coaching and facilitation for teams doing meaningful work in a complex world.">
|
||||
<!-- NOTE: contact/scheduling intentionally excluded in this build. Booking + form get wired in at handoff to Inga. -->
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="nav" id="nav">
|
||||
<div class="wrap nav-row">
|
||||
<a class="nav-logo" href="#top" aria-label="Inga Michaelsen — home">
|
||||
<img src="assets/brand/inga-logo.svg" alt="Inga Michaelsen">
|
||||
</a>
|
||||
<nav class="nav-links" aria-label="Main">
|
||||
<a href="#familiar">The moment</a>
|
||||
<a href="#approach">Approach</a>
|
||||
<a href="#services">Where to start</a>
|
||||
<a href="#about">About</a>
|
||||
<a class="btn" href="#contact">Let's talk</a>
|
||||
</nav>
|
||||
<button class="nav-toggle" id="navToggle" aria-label="Open menu" aria-expanded="false">
|
||||
<svg viewBox="0 0 32 32" aria-hidden="true">
|
||||
<line class="bar bar-top" x1="6" y1="11" x2="26" y2="11"/>
|
||||
<line class="bar bar-mid" x1="6" y1="16" x2="26" y2="16"/>
|
||||
<line class="bar bar-bot" x1="6" y1="21" x2="26" y2="21"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-mobile" id="navMobile">
|
||||
<a href="#familiar">The moment</a>
|
||||
<a href="#approach">Approach</a>
|
||||
<a href="#services">Where to start</a>
|
||||
<a href="#about">About</a>
|
||||
<a class="btn" href="#contact">Let's talk</a>
|
||||
</div>
|
||||
|
||||
<main id="top">
|
||||
|
||||
<section class="hero">
|
||||
<div class="hero-orb" aria-hidden="true"></div>
|
||||
<div class="wrap">
|
||||
<p class="eyebrow">Leadership & team coaching · facilitation</p>
|
||||
<h1>In a complex world, how you work together is <em>everything.</em></h1>
|
||||
<p class="lead">Leadership and team development for organizations doing meaningful work in an unpredictable world — building the capacity to perform and relate well, even when the path isn't clear.</p>
|
||||
<div class="actions"><a class="btn" href="#contact">Let's talk</a><a class="btn ghost" href="#services">Where to start</a></div>
|
||||
<div class="hero-creds">
|
||||
<span>Professional Certified Coach (PCC)</span>
|
||||
<span>Team Coach (ACTC)</span>
|
||||
<span>International Coaching Federation</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="band-tint" id="familiar">
|
||||
<div class="wrap narrow">
|
||||
<p class="eyebrow">Does this sound familiar?</p>
|
||||
<h2>You didn't get here by accident.</h2>
|
||||
<p class="section-intro">Your team has real talent, and you've worked hard to build something worth leading. But lately, something feels off.</p>
|
||||
<ul class="checklist">
|
||||
<li>The team is working hard — but not quite together.</li>
|
||||
<li>Priorities shift before the last ones were resolved.</li>
|
||||
<li>Decisions get made, then quietly unmade or left without a clear owner.</li>
|
||||
<li>Important conversations keep getting deferred.</li>
|
||||
<li>Tension sits beneath the surface, named by no one.</li>
|
||||
<li>Relationships that used to feel easy now feel careful and managed.</li>
|
||||
<li>You're spending more energy managing dynamics than doing the actual work.</li>
|
||||
</ul>
|
||||
<p class="note">You're not in crisis. But you can see where things are heading if nothing changes.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="approach">
|
||||
<div class="wrap">
|
||||
<div class="split">
|
||||
<div>
|
||||
<p class="eyebrow">Hi, I'm Inga</p>
|
||||
<h2>I help teams slow down at the moments that matter.</h2>
|
||||
<p>For over a decade, I've supported leaders working in fast-changing and demanding contexts. My background is in leadership development, process facilitation, and coaching. I help leaders and teams slow down at critical moments to build awareness of what's driving behaviour and dynamics — so they can respond with intention and steadiness, rather than react. That supports clearer decisions, stronger relationships, and more sustainable performance over time.</p>
|
||||
<p>I bring a systems-aware, trauma-informed lens to my work, paying close attention to context, power dynamics, and the emotional realities people navigate. I'm a Professional Certified Coach (PCC) and Team Coach (ACTC) with the International Coaching Federation, and an experienced facilitator — known for creating spaces where people can think together, work through tension, and move forward with clarity.</p>
|
||||
</div>
|
||||
<div class="bio-card">
|
||||
<h3>What changes when we work together</h3>
|
||||
<p>Through coaching, facilitation, and practical skill-building, I help teams strengthen how they <strong>think, decide, and lead together.</strong> Teams I work with typically gain:</p>
|
||||
<ul class="outcomes">
|
||||
<li>clearer alignment around shared purpose and goals</li>
|
||||
<li>greater clarity in roles, authority, and decision-making</li>
|
||||
<li>faster, more confident decisions without sacrificing buy-in</li>
|
||||
<li>more productive dialogue, even when conversations are difficult</li>
|
||||
<li>stronger trust and shared accountability across teams</li>
|
||||
<li>performance that's sustainable, not dependent on constant effort</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="band-tint" id="services">
|
||||
<div class="wrap">
|
||||
<p class="eyebrow">Where to start</p>
|
||||
<h2>Focused, time-bound, practical.</h2>
|
||||
<p class="section-intro">Every team and context is different. These starting points are designed for different moments. Not sure which fits? Start with a conversation, and we'll figure it out together.</p>
|
||||
<div class="cards">
|
||||
|
||||
<article class="card">
|
||||
<p class="when">When you want to see your team's strengths & blind spots</p>
|
||||
<h3>Team Pulse Check</h3>
|
||||
<p>A light-touch diagnostic that helps leaders understand what's helping — and hindering — their team. Useful during growth, transition, or after a shift in roles, when the team senses something has changed but hasn't yet named it.</p>
|
||||
<p class="lab">Typical outcomes</p>
|
||||
<ul>
|
||||
<li>Clearer understanding of what's helping and getting in the way</li>
|
||||
<li>Reduced assumptions and unspoken tension</li>
|
||||
<li>Agreed practical next steps the whole team owns</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<p class="when">When decisions are stalling</p>
|
||||
<h3>Clear Decisions. Clear Ownership.</h3>
|
||||
<p>When decisions keep getting revisited, ownership is unclear, or follow-through breaks down, this gets to the root of it. Not new frameworks — facilitated conversation inside a live meeting, working with your team's real decisions and priorities.</p>
|
||||
<p class="lab">Format</p>
|
||||
<ul>
|
||||
<li>2–3 hour facilitated session, grounded in real decisions</li>
|
||||
<li>Clearer decision pathways and stronger follow-through</li>
|
||||
<li>Clear agreements and next steps at the end</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<p class="when">When you want to experience the work first</p>
|
||||
<h3>One Meeting. Better.</h3>
|
||||
<p>Sometimes the best way to know if something's worth investing in is to try it. I join one of your existing team meetings as a coach and observer — I don't run it, you do. I notice what's helping and what's getting in the way, and coach in the moment where it's useful.</p>
|
||||
<p class="lab">Includes</p>
|
||||
<ul>
|
||||
<li>Pre-meeting conversation with the team leader</li>
|
||||
<li>Live coaching presence during one real meeting</li>
|
||||
<li>Debrief plus written observations and recommendations</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<p class="when">When pressure is high, and support is needed now</p>
|
||||
<h3>30-Day Leadership Support Intensive</h3>
|
||||
<p>Some moments call for immediate, focused support — not a program, just steady, skilled presence alongside the leader and team when it matters most. Blends leadership coaching with facilitation inside real team meetings.</p>
|
||||
<p class="lab">Format</p>
|
||||
<ul>
|
||||
<li>Two 1:1 coaching conversations with the leader</li>
|
||||
<li>Two facilitated team sessions inside existing meetings</li>
|
||||
<li>Light follow-up to support integration</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="callout">
|
||||
<p class="eyebrow" style="color:var(--accent)">Social impact & low bono</p>
|
||||
<h3>Supporting teams doing essential work in the world.</h3>
|
||||
<p>For social-impact organizations, nonprofits, climate initiatives, community-resilience collaboratives, and Indigenous-led work — professional team coaching and facilitation at a reduced, flexible investment level, with clearly defined scope and transparent pricing.</p>
|
||||
<p class="price">$1,500 – $4,500 CAD</p>
|
||||
<p>A limited number of these engagements are available each year.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="band-ink" id="results">
|
||||
<div class="wrap">
|
||||
<p class="eyebrow">In practice</p>
|
||||
<h2>A decade of work alongside teams under pressure.</h2>
|
||||
<div class="stats">
|
||||
<div class="stat"><div class="num">100<span>+</span></div><div class="lab">Workshops</div></div>
|
||||
<div class="stat"><div class="num">850<span>+</span></div><div class="lab">Coaching sessions</div></div>
|
||||
<div class="stat"><div class="num">25<span>+</span></div><div class="lab">Team engagements</div></div>
|
||||
</div>
|
||||
|
||||
<div class="practice">
|
||||
<div class="item">
|
||||
<h3>Team development in real time</h3>
|
||||
<p>At Royal Roads University, I design and facilitate experiential leadership and teamwork development, coaching diverse student teams through real moments of tension, uncertainty, and decision-making — so they leave more confident, connected, and equipped to work well together under pressure.</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h3>Leading in complexity</h3>
|
||||
<p>Alongside an Indigenous leadership team on an initiative connected to sovereignty and community well-being, we worked in a high-pressure environment with many stakeholders and deep historical and relational layers. Through trauma-aware, culturally respectful practices, we created space for reflection, honest conversation, and thoughtful pacing — supporting values-aligned decisions made together.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="quotes" style="margin-top:2.4rem">
|
||||
<div class="quote">
|
||||
<p>"Inga is a clear and authentic facilitator who creates the conditions for teams to engage in deep inquiry together. She held space for honest reflection and shared understanding."</p>
|
||||
<cite>J. McDonald — Master's Student, Royal Roads University</cite>
|
||||
</div>
|
||||
<div class="quote">
|
||||
<p>"I'm sincerely grateful for Inga's support, guidance, and encouragement. Her insights and coaching have had a meaningful impact on both my personal and professional growth."</p>
|
||||
<cite>M. Dent — Manager, Law Clerk, Carta</cite>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="about">
|
||||
<div class="wrap narrow">
|
||||
<p class="eyebrow">About</p>
|
||||
<h2>Leadership is harder than it used to be.</h2>
|
||||
<p class="section-intro">Most of the tools we rely on were built for a simpler world. After 15+ years across corporate, public-sector, nonprofit, and academic environments, my work focuses on developing awareness rather than speed — because, as Otto Scharmer puts it, the quality of results depends on the quality of awareness we operate from.</p>
|
||||
|
||||
<div class="principles">
|
||||
<div class="principle"><h3>Connection</h3><p>The foundation for engagement, creativity, and responsibility — in relationships and in how a team collaborates.</p></div>
|
||||
<div class="principle"><h3>Accountability</h3><p>Choosing how to show up with honesty, vulnerability, and clarity, rather than blame.</p></div>
|
||||
<div class="principle"><h3>Curiosity</h3><p>Staying open to notice, listen, and explore — rather than assume or defend.</p></div>
|
||||
</div>
|
||||
|
||||
<h3 style="margin-top:2.4rem">Background</h3>
|
||||
<p>Bachelor of Commerce in Entrepreneurial Management and prior small-business owner. 15+ years of coaching and facilitation across sectors. ICF Professional Certified Coach (PCC), with team-coaching accreditation (ACTC) and advanced facilitation training. Cross-cultural experience spanning public health, international students, and Indigenous communities — with a commitment to ongoing professional development.</p>
|
||||
<p>Outside of work, you'll find me walking, biking, and dancing around Victoria, BC; spending time with my partner and two adult sons; and travelling regularly to Germany. Nature and movement are how I think and recharge.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="band-tint" id="contact">
|
||||
<div class="wrap narrow">
|
||||
<p class="eyebrow">Let's start a conversation</p>
|
||||
<h2>This doesn't have to be fully figured out yet.</h2>
|
||||
<p>If you're navigating complexity, change, or an important moment for your team, you're welcome to reach out. Share a bit about what's on your mind, and we can explore together whether this support might help.</p>
|
||||
<div class="contact-box">
|
||||
<a class="btn" href="#contact" aria-disabled="true">Book a call</a>
|
||||
<!-- PLACEHOLDER: real booking + contact form get wired in when the site is handed to Inga. -->
|
||||
<p class="placeholder">Booking & contact details to be added at launch</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="wrap">
|
||||
<div class="foot-logo"><img src="assets/brand/inga-logo-wh.svg" alt="Inga Michaelsen"></div>
|
||||
<nav aria-label="Footer">
|
||||
<a href="#familiar">The moment</a>
|
||||
<a href="#approach">Approach</a>
|
||||
<a href="#services">Where to start</a>
|
||||
<a href="#about">About</a>
|
||||
</nav>
|
||||
<p class="fine">Leadership & team coaching · facilitation · Victoria, BC, Canada · Professional Certified Coach (PCC), Team Coach (ACTC), International Coaching Federation.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var t = document.getElementById('navToggle'), m = document.getElementById('navMobile');
|
||||
if (t && m) {
|
||||
t.addEventListener('click', function () {
|
||||
var open = !m.classList.contains('open');
|
||||
m.classList.toggle('open', open); t.classList.toggle('open', open);
|
||||
t.setAttribute('aria-expanded', open ? 'true' : 'false');
|
||||
t.setAttribute('aria-label', open ? 'Close menu' : 'Open menu');
|
||||
});
|
||||
m.querySelectorAll('a').forEach(function (a) { a.addEventListener('click', function () {
|
||||
m.classList.remove('open'); t.classList.remove('open'); t.setAttribute('aria-expanded','false');
|
||||
}); });
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,193 @@
|
||||
/* Inga Michaelsen — resource site (first pass, 2026-06-22)
|
||||
Brand: charcoal ink #231f20 / #414042, dusty-blue accent #9dbdc7, warm-neutral paper.
|
||||
Calm, modern, spacious — echoes the bold-grotesque wordmark. Contact/booking EXCLUDED. */
|
||||
|
||||
:root {
|
||||
--ink: #231f20;
|
||||
--charcoal: #414042;
|
||||
--muted: #6c6a68;
|
||||
--paper: #f6f5f2;
|
||||
--white: #ffffff;
|
||||
--line: #e6e3dd;
|
||||
--accent: #9dbdc7; /* brand dusty blue — fills/shapes */
|
||||
--accent-soft: #e7eef1; /* tint for panels */
|
||||
--accent-ink: #356b7b; /* accessible dusty-blue for links/text on light */
|
||||
--accent-deep: #2b5563; /* hover */
|
||||
--sans: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
|
||||
--serif: 'Lora', Georgia, 'Times New Roman', serif;
|
||||
--wrap: 1140px;
|
||||
--gap: clamp(1.25rem, 4vw, 2.5rem);
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; }
|
||||
html { scroll-behavior: smooth; }
|
||||
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration:.001ms!important; transition-duration:.001ms!important; } }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: var(--sans);
|
||||
font-size: clamp(1.02rem, 0.55vw + 0.9rem, 1.14rem);
|
||||
line-height: 1.7;
|
||||
color: var(--ink);
|
||||
background: var(--paper);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
h1, h2, h3 { font-family: var(--sans); font-weight: 800; letter-spacing: -0.02em; line-height: 1.08; color: var(--ink); margin: 0 0 .5em; }
|
||||
h1 { font-size: clamp(2.4rem, 5.2vw, 4.1rem); }
|
||||
h2 { font-size: clamp(1.8rem, 3.4vw, 2.7rem); }
|
||||
h3 { font-size: clamp(1.18rem, 1.4vw, 1.4rem); letter-spacing: -0.01em; }
|
||||
p { margin: 0 0 1.1rem; }
|
||||
a { color: var(--accent-ink); text-decoration-thickness: 1px; text-underline-offset: 3px; }
|
||||
a:hover { color: var(--accent-deep); }
|
||||
strong { font-weight: 700; }
|
||||
em { font-style: italic; }
|
||||
|
||||
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gap); }
|
||||
.narrow { max-width: 760px; }
|
||||
|
||||
.eyebrow {
|
||||
font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
|
||||
color: var(--accent-ink); margin: 0 0 1rem;
|
||||
}
|
||||
.section-intro { font-size: 1.12rem; color: var(--muted); max-width: 60ch; }
|
||||
|
||||
section { padding-block: clamp(3.4rem, 7vw, 6rem); scroll-margin-top: 86px; }
|
||||
.band-tint { background: var(--white); }
|
||||
.band-ink { background: var(--ink); color: var(--paper); }
|
||||
.band-ink h2, .band-ink h3 { color: var(--white); }
|
||||
.band-ink .eyebrow { color: var(--accent); }
|
||||
|
||||
/* ---- buttons ---- */
|
||||
.btn {
|
||||
display: inline-block; font-family: var(--sans); font-weight: 600; font-size: .98rem;
|
||||
letter-spacing: .01em; padding: .85rem 1.5rem; border-radius: 999px; cursor: pointer;
|
||||
border: 1.5px solid var(--ink); background: var(--ink); color: var(--white);
|
||||
text-decoration: none; transition: background .18s, color .18s, border-color .18s, transform .18s;
|
||||
}
|
||||
.btn:hover { background: var(--accent-deep); border-color: var(--accent-deep); color: #fff; transform: translateY(-1px); }
|
||||
.btn.ghost { background: transparent; color: var(--ink); }
|
||||
.btn.ghost:hover { background: var(--ink); color: #fff; transform: translateY(-1px); }
|
||||
.btn.on-ink { background: var(--accent); border-color: var(--accent); color: var(--ink); }
|
||||
.btn.on-ink:hover { background: #fff; border-color: #fff; }
|
||||
.actions { display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; margin-top: 1.6rem; }
|
||||
|
||||
/* ---- nav ---- */
|
||||
.nav {
|
||||
position: sticky; top: 0; z-index: 50; background: rgba(246,245,242,.86);
|
||||
backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.nav-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 72px; }
|
||||
.nav-logo { display: inline-flex; align-items: center; }
|
||||
.nav-logo img { height: 34px; width: auto; display: block; }
|
||||
.nav-links { display: flex; align-items: center; gap: 1.6rem; }
|
||||
.nav-links a:not(.btn) { color: var(--ink); text-decoration: none; font-weight: 500; font-size: .96rem; }
|
||||
.nav-links a:not(.btn):hover { color: var(--accent-ink); }
|
||||
.nav-toggle { display: none; background: none; border: 0; cursor: pointer; padding: .4rem; }
|
||||
.nav-toggle svg { width: 30px; height: 30px; }
|
||||
.nav-toggle .bar { stroke: var(--ink); stroke-width: 2.2; stroke-linecap: round; transition: .25s; transform-origin: center; }
|
||||
.nav-mobile { display: none; }
|
||||
|
||||
@media (max-width: 820px) {
|
||||
.nav-links { display: none; }
|
||||
.nav-toggle { display: inline-flex; }
|
||||
.nav-mobile { display: block; position: fixed; inset: 72px 0 auto 0; background: var(--paper);
|
||||
border-bottom: 1px solid var(--line); padding: 1rem var(--gap) 1.4rem; transform: translateY(-130%);
|
||||
transition: transform .3s ease; z-index: 49; box-shadow: 0 18px 40px rgba(35,31,32,.08); }
|
||||
.nav-mobile.open { transform: translateY(0); }
|
||||
.nav-mobile a { display: block; padding: .7rem 0; color: var(--ink); text-decoration: none; font-weight: 500; border-bottom: 1px solid var(--line); }
|
||||
.nav-mobile a.btn { border: 1.5px solid var(--ink); text-align: center; margin-top: 1rem; color:#fff; }
|
||||
.nav-toggle.open .bar-top { transform: translateY(6px) rotate(45deg); }
|
||||
.nav-toggle.open .bar-mid { opacity: 0; }
|
||||
.nav-toggle.open .bar-bot { transform: translateY(-6px) rotate(-45deg); }
|
||||
}
|
||||
|
||||
/* ---- hero ---- */
|
||||
.hero { padding-block: clamp(3.5rem, 9vw, 7rem); position: relative; overflow: hidden; }
|
||||
.hero .wrap { position: relative; z-index: 2; }
|
||||
.hero h1 { max-width: 16ch; }
|
||||
.hero .lead { font-size: clamp(1.15rem, 1.6vw, 1.4rem); color: var(--charcoal); max-width: 46ch; margin-top: 1.3rem; }
|
||||
.hero-creds { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; margin-top: 2.2rem; font-size: .82rem;
|
||||
font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
|
||||
.hero-creds span { position: relative; }
|
||||
.hero-creds span + span::before { content: "·"; position: absolute; left: -.75rem; color: var(--accent); }
|
||||
.hero-orb { position: absolute; right: -12vw; top: -10vw; width: 46vw; max-width: 620px; aspect-ratio: 1;
|
||||
background: radial-gradient(circle at 35% 35%, var(--accent-soft), rgba(157,189,199,.22) 60%, transparent 72%);
|
||||
border-radius: 50%; z-index: 1; pointer-events: none; }
|
||||
|
||||
/* ---- symptom list ---- */
|
||||
.checklist { list-style: none; padding: 0; margin: 1.8rem 0 0; display: grid; gap: .85rem; }
|
||||
.checklist li { position: relative; padding-left: 2rem; color: var(--charcoal); }
|
||||
.checklist li::before { content: ""; position: absolute; left: 0; top: .55em; width: 11px; height: 11px;
|
||||
border: 2px solid var(--accent); border-radius: 3px; }
|
||||
.note { font-style: italic; color: var(--muted); margin-top: 1.6rem; }
|
||||
|
||||
/* ---- bio split ---- */
|
||||
.split { display: grid; grid-template-columns: 1fr; gap: clamp(1.6rem, 4vw, 3.2rem); align-items: start; }
|
||||
@media (min-width: 880px) { .split { grid-template-columns: 1.4fr 1fr; } }
|
||||
.bio-card { background: var(--accent-soft); border-radius: 18px; padding: clamp(1.4rem,3vw,2rem); }
|
||||
.bio-card h3 { margin-top: 0; }
|
||||
|
||||
/* ---- outcomes ---- */
|
||||
.outcomes { list-style: none; padding: 0; margin: 1.8rem 0 0; display: grid; gap: .9rem; }
|
||||
@media (min-width: 720px) { .outcomes { grid-template-columns: 1fr 1fr; gap: .9rem 2rem; } }
|
||||
.outcomes li { position: relative; padding-left: 1.9rem; }
|
||||
.outcomes li::before { content: "→"; position: absolute; left: 0; color: var(--accent-ink); font-weight: 700; }
|
||||
|
||||
/* ---- service cards ---- */
|
||||
.cards { display: grid; gap: 1.1rem; margin-top: 2.2rem; }
|
||||
@media (min-width: 760px) { .cards { grid-template-columns: 1fr 1fr; } }
|
||||
.card { background: var(--white); border: 1px solid var(--line); border-radius: 16px;
|
||||
padding: clamp(1.3rem, 2.6vw, 1.9rem); display: flex; flex-direction: column; gap: .35rem; }
|
||||
.card .when { font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent-ink); }
|
||||
.card h3 { margin: .1rem 0 .4rem; }
|
||||
.card p { margin: 0 0 .4rem; color: var(--charcoal); font-size: .98rem; }
|
||||
.card .lab { font-weight: 700; color: var(--ink); font-size: .9rem; margin-top: .5rem; }
|
||||
.card ul { margin: .2rem 0 .4rem; padding-left: 1.1rem; color: var(--charcoal); font-size: .94rem; }
|
||||
.card ul li { margin-bottom: .25rem; }
|
||||
|
||||
/* low-bono callout */
|
||||
.callout { margin-top: 1.6rem; background: var(--ink); color: var(--paper); border-radius: 18px;
|
||||
padding: clamp(1.6rem, 3.4vw, 2.4rem); }
|
||||
.callout h3 { color: #fff; }
|
||||
.callout .price { font-size: 1.3rem; font-weight: 800; color: var(--accent); letter-spacing: -0.01em; }
|
||||
.callout p { color: rgba(246,245,242,.85); }
|
||||
|
||||
/* ---- proof / stats ---- */
|
||||
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 0 0 2.6rem; text-align: center; }
|
||||
.stat .num { font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: 800; letter-spacing: -0.03em; color: var(--white); line-height: 1; }
|
||||
.stat .num span { color: var(--accent); }
|
||||
.stat .lab { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(246,245,242,.7); margin-top: .5rem; }
|
||||
.quotes { display: grid; gap: 1.2rem; }
|
||||
@media (min-width: 760px) { .quotes { grid-template-columns: 1fr 1fr; } }
|
||||
.quote { background: rgba(255,255,255,.06); border: 1px solid rgba(157,189,199,.25); border-radius: 16px; padding: 1.6rem; }
|
||||
.quote p { font-family: var(--serif); font-size: 1.06rem; font-style: italic; color: var(--paper); }
|
||||
.quote cite { display: block; font-style: normal; font-family: var(--sans); font-weight: 600; font-size: .9rem; color: var(--accent); margin-top: .8rem; }
|
||||
|
||||
/* work-in-practice */
|
||||
.practice { display: grid; gap: 1.4rem; margin-top: 2rem; }
|
||||
@media (min-width: 820px) { .practice { grid-template-columns: 1fr 1fr; } }
|
||||
.practice .item { border-left: 3px solid var(--accent); padding-left: 1.3rem; }
|
||||
.practice .item h3 { margin-bottom: .4rem; }
|
||||
.practice .item p { color: var(--charcoal); font-size: .98rem; }
|
||||
|
||||
/* ---- principles ---- */
|
||||
.principles { display: grid; gap: 1.1rem; margin-top: 2rem; }
|
||||
@media (min-width: 760px) { .principles { grid-template-columns: repeat(3, 1fr); } }
|
||||
.principle { background: var(--white); border: 1px solid var(--line); border-radius: 16px; padding: 1.6rem; }
|
||||
.principle h3 { color: var(--accent-ink); }
|
||||
|
||||
/* ---- contact (placeholder; booking wired on handoff) ---- */
|
||||
.contact-box { background: var(--accent-soft); border-radius: 20px; padding: clamp(1.8rem, 4vw, 3rem); text-align: center; margin-top: 1.4rem; }
|
||||
.contact-box .placeholder { font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-top: 1.2rem; }
|
||||
|
||||
/* ---- footer ---- */
|
||||
.site-footer { background: var(--ink); color: var(--paper); padding-block: 3rem; }
|
||||
.site-footer .foot-logo img { height: 30px; width: auto; }
|
||||
.site-footer nav { display: flex; flex-wrap: wrap; gap: 1.4rem; margin: 1.4rem 0; }
|
||||
.site-footer nav a { color: rgba(246,245,242,.8); text-decoration: none; font-size: .95rem; }
|
||||
.site-footer nav a:hover { color: var(--accent); }
|
||||
.site-footer .fine { font-size: .82rem; color: rgba(246,245,242,.55); max-width: 60ch; }
|
||||
|
||||
:focus-visible { outline: 3px solid var(--accent-ink); outline-offset: 2px; border-radius: 3px; }
|
||||
Reference in New Issue
Block a user