:root{
--midnight:#071F25;
--navy:#0A2E36;
--petrol:#0A3A45;
--teal:#17707B;
--cyan:#2A9CAA;
--cyan-soft:#6BC8D3;
--sand:#F4F1EC;
--white:#ffffff;
--text:#16363E;
--muted:#62767B;
--line:rgba(10,58,69,0.12);
--line-strong:rgba(10,58,69,0.18);
--shadow:0 24px 60px rgba(7,31,37,0.14);
--shadow-strong:0 34px 80px rgba(7,31,37,0.22);
--shadow-soft:0 16px 34px rgba(7,31,37,0.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.about-page{
font-family:Inter, Arial, sans-serif;
background:
radial-gradient(circle at top right, rgba(42,156,170,0.10), transparent 28%),
radial-gradient(circle at bottom left, rgba(10,58,69,0.08), transparent 26%),
linear-gradient(180deg,#faf8f4,#f4f1ec);
color:var(--text);
line-height:1.65;
overflow:hidden;
position:relative;
}
.about-page::before,
.about-page::after{
content:"";
position:absolute;
pointer-events:none;
z-index:0;
}
.about-page::before{
right:-120px;
top:-100px;
width:360px;
height:360px;
background:radial-gradient(circle, rgba(42,156,170,0.10), transparent 70%);
animation:floatOrb 12s ease-in-out infinite;
}
.about-page::after{
left:-120px;
bottom:-120px;
width:300px;
height:300px;
background:radial-gradient(circle, rgba(10,58,69,0.08), transparent 72%);
animation:floatOrb 15s ease-in-out infinite reverse;
}
.about-loop-bg{
position:fixed;
inset:0;
z-index:0;
pointer-events:none;
opacity:.18;
background-image:
linear-gradient(rgba(23,112,123,0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(23,112,123,0.05) 1px, transparent 1px);
background-size:48px 48px;
animation:gridShift 18s linear infinite;
}
.about-wrap{
width:min(1180px, calc(100% - 40px));
margin:auto;
position:relative;
z-index:2;
}
.about-page h1,
.about-page h2,
.about-page h3,
.about-page h4{
margin:0 0 14px;
color:var(--petrol);
letter-spacing:-0.03em;
}
.about-page h1{
font-size:clamp(42px, 6vw, 80px);
line-height:1.01;
}
.about-page h2{
font-size:clamp(30px, 4vw, 48px);
line-height:1.08;
}
.about-page h3{
font-size:22px;
line-height:1.2;
}
.about-page h4{
font-size:18px;
}
.about-page p,
.about-page li{
color:var(--muted);
font-size:18px;
}
.about-page p{margin:0 0 16px}
.about-page a{text-decoration:none}
.reveal{
opacity:0;
transform:translateY(28px);
transition:opacity .85s ease, transform .85s ease;
}
.reveal.visible{
opacity:1;
transform:translateY(0);
}
.floaty{animation:floatSoft 5.4s ease-in-out infinite}
.floaty-slow{animation:floatSoft 7.2s ease-in-out infinite}
.eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 16px;
border-radius:999px;
background:rgba(255,255,255,0.82);
border:1px solid rgba(10,58,69,0.12);
color:var(--petrol);
font-size:13px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:22px;
backdrop-filter:blur(10px);
box-shadow:0 8px 22px rgba(7,31,37,0.06);
}
.eyebrow::before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:linear-gradient(135deg,var(--petrol),var(--cyan));
box-shadow:0 0 0 6px rgba(10,58,69,0.08);
}
.btn-row,
.cta-actions{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:26px;
}
.btn,
.btn-white,
.btn-ghost{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 24px;
border-radius:999px;
font-size:16px;
font-weight:800;
transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.btn-main{
background:linear-gradient(135deg,var(--midnight),var(--teal));
color:#fff;
box-shadow:0 18px 36px rgba(7,31,37,0.24);
}
.btn-main:hover{transform:translateY(-3px);box-shadow:0 24px 44px rgba(7,31,37,0.28)}
.btn-alt{
background:rgba(255,255,255,0.86);
color:var(--petrol);
border:1px solid rgba(10,58,69,0.12);
}
.btn-alt:hover{transform:translateY(-3px);background:#fff;border-color:var(--line-strong)}
.btn-white{
background:#fff;
color:var(--petrol);
}
.btn-white:hover{transform:translateY(-2px)}
.btn-ghost{
background:rgba(255,255,255,0.12);
color:#fff;
border:1px solid rgba(255,255,255,0.24);
}
.btn-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,0.18)}
.hero,
.purpose,
.culture,
.working,
.team,
.different,
.cta,
.image-sections,
.values-band{
padding:84px 0;
}
.hero{padding-top:88px;padding-bottom:56px}
.hero-grid,
.purpose-grid,
.culture-grid,
.working-grid,
.team-grid,
.diff-grid,
.image-grid,
.cta-inner,
.values-grid{
display:grid;
gap:24px;
align-items:center;
}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:38px}
.purpose-grid{grid-template-columns:1fr 1fr}
.culture-grid{grid-template-columns:1fr 1fr}
.working-grid{grid-template-columns:.95fr 1.05fr}
.team-grid{grid-template-columns:.95fr 1.05fr}
.diff-grid{grid-template-columns:1fr 1fr}
.image-grid{grid-template-columns:1fr 1fr;gap:28px}
.values-grid{grid-template-columns:repeat(4, minmax(0,1fr));gap:16px}
.cta-inner{grid-template-columns:1fr auto}
.hero-copy .lead{font-size:21px;max-width:740px}
.visual-wrap,
.image-spot-wrap{position:relative}
.visual-shell,
.image-spot-shell{
position:relative;
padding:16px;
border-radius:30px;
background:rgba(255,255,255,0.76);
border:1px solid rgba(255,255,255,0.55);
box-shadow:var(--shadow-strong);
backdrop-filter:blur(10px);
overflow:hidden;
isolation:isolate;
}
.visual-shell::before,
.image-spot-shell::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));
z-index:1;
pointer-events:none;
}
.visual-shell::after,
.image-spot-shell::after{
content:"";
position:absolute;
inset:16px;
border-radius:22px;
background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(7,31,37,0.14));
z-index:2;
pointer-events:none;
}
.visual-shell img,
.image-spot-shell img{
width:100%;
height:auto;
aspect-ratio:4 / 3;
max-height:430px;
object-fit:cover;
border-radius:22px;
display:block;
transition:transform .9s ease, filter .35s ease;
}
.visual-shell img{aspect-ratio:5 / 4;max-height:500px;object-position:center 34%}
.img-spot-1{object-position:center 32%}
.img-spot-2{object-position:center 26%}
.img-spot-3{object-position:center 36%}
.img-spot-4{object-position:center 28%}
.img-spot-5{object-position:center 34%}
.visual-shell:hover img,
.image-spot-shell:hover img{transform:scale(1.03);filter:saturate(1.05) contrast(1.02)}
.badge-pill{
position:absolute;
left:28px;
top:28px;
z-index:3;
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,0.92);
border:1px solid rgba(10,58,69,0.08);
color:var(--petrol);
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
box-shadow:0 12px 24px rgba(7,31,37,0.08);
backdrop-filter:blur(10px);
}
.badge-pill::before{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:linear-gradient(135deg,var(--petrol),var(--cyan));
}
.image-popup{
position:absolute;
left:28px;
right:28px;
bottom:28px;
z-index:3;
padding:16px 16px 14px;
border-radius:20px;
background:rgba(255,255,255,0.92);
border:1px solid rgba(10,58,69,0.10);
box-shadow:0 18px 36px rgba(10,58,69,0.14);
backdrop-filter:blur(10px);
transform:translateY(14px);
opacity:0;
transition:transform .3s ease, opacity .3s ease;
}
.visual-shell:hover .image-popup,
.image-spot-shell:hover .image-popup{transform:translateY(0);opacity:1}
.image-popup h4{margin-bottom:8px}
.image-popup p{margin:0;font-size:14px;line-height:1.45}
.quote-stack,
.floating-stat{position:absolute;z-index:4}
.quote-stack{
right:-14px;
top:30px;
width:min(300px, 88%);
display:grid;
gap:12px;
}
.quote-card{
background:rgba(255,255,255,0.92);
border:1px solid rgba(10,58,69,0.10);
border-radius:18px;
padding:16px;
box-shadow:0 18px 34px rgba(7,31,37,0.14);
backdrop-filter:blur(12px);
animation:floatSoft 5.4s ease-in-out infinite;
}
.quote-card:nth-child(2){animation-delay:.8s}
.quote-card:nth-child(3){animation-delay:1.6s}
.quote-card small{
display:block;
font-size:11px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
margin-bottom:6px;
color:var(--petrol);
opacity:.85;
}
.quote-card p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}
.floating-stat{
left:-10px;
bottom:22px;
width:min(270px, 88%);
background:linear-gradient(135deg, rgba(10,58,69,0.96), rgba(23,112,123,0.94));
color:#fff;
border-radius:22px;
padding:18px;
box-shadow:var(--shadow-strong);
}
.floating-stat h4{color:#fff;margin-bottom:8px}
.floating-stat p{color:rgba(255,255,255,0.90);font-size:14px;margin:0}
.metric-card,
.panel,
.diff-card,
.work-pill,
.team-pill,
.value-card,
.image-text-panel,
.cta-panel,
.values-band-box{
position:relative;
overflow:hidden;
}
.metric-card,
.panel,
.diff-card,
.image-text-panel,
.values-band-box{
background:linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.84));
border:1px solid var(--line);
box-shadow:var(--shadow);
}
.metric-card,
.panel,
.diff-card,
.image-text-panel{
border-radius:26px;
padding:30px;
}
.metric-card::after,
.panel::after,
.diff-card::after,
.image-text-panel::after,
.value-card::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:3px;
background:linear-gradient(90deg,var(--petrol),var(--cyan));
transform:scaleX(0);
transform-origin:left;
transition:transform .28s ease;
}
.metric-card:hover,
.panel:hover,
.diff-card:hover,
.image-text-panel:hover,
.value-card:hover{
transform:translateY(-6px);
box-shadow:0 22px 40px rgba(7,31,37,0.12);
border-color:var(--line-strong);
}
.metric-card:hover::after,
.panel:hover::after,
.diff-card:hover::after,
.image-text-panel:hover::after,
.value-card:hover::after{transform:scaleX(1)}
.metric-card h3,
.panel h3,
.diff-card h3{margin-bottom:10px}
.values-band-box{
border-radius:30px;
padding:32px;
}
.value-card{
background:#fff;
border:1px solid var(--line);
border-radius:18px;
padding:18px;
box-shadow:0 10px 22px rgba(7,31,37,0.06);
transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.value-card strong{display:block;color:var(--petrol);margin-bottom:6px}
.value-card span{display:block;color:var(--muted);font-size:14px;line-height:1.45}
.dark-band{
margin:0 0 86px;
padding:86px 0;
background:
radial-gradient(circle at right top, rgba(255,255,255,0.10), transparent 24%),
linear-gradient(135deg,var(--midnight),var(--teal));
text-align:center;
overflow:hidden;
position:relative;
}
.dark-band::after{
content:"";
position:absolute;
left:-70px;
bottom:-70px;
width:260px;
height:260px;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);
animation:floatSoft 8s ease-in-out infinite;
}
.dark-band h2,
.dark-band p{color:#fff}
.dark-band p{max-width:840px;margin-inline:auto;opacity:.92}
.work-pill,
.team-pill{
background:#fff;
border:1px solid rgba(10,58,69,0.08);
border-radius:18px;
padding:16px 14px;
box-shadow:0 10px 22px rgba(7,31,37,0.06);
font-size:15px;
font-weight:700;
color:var(--petrol);
transition:transform .25s ease, background .25s ease;
}
.work-pill:hover,
.team-pill:hover{transform:translateY(-4px);background:rgba(244,241,236,0.9)}
.work-pills,
.team-pills,
.diff-list{
display:grid;
gap:14px;
}
.work-pills{grid-template-columns:repeat(4, minmax(0,1fr));margin-top:22px}
.team-pills{grid-template-columns:repeat(4, minmax(0,1fr));margin-top:22px}
.diff-list{grid-template-columns:1fr 1fr;margin-top:22px}
.diff-card{
background:#fff;
border:1px solid var(--line);
border-radius:22px;
padding:22px;
box-shadow:0 14px 28px rgba(7,31,37,0.08);
}
.cta-panel{
background:linear-gradient(135deg,var(--midnight),var(--teal));
border-radius:34px;
padding:48px;
box-shadow:var(--shadow-strong);
}
.cta-panel::before{
content:"";
position:absolute;
inset:auto auto -90px -60px;
width:240px;
height:240px;
background:radial-gradient(circle, rgba(255,255,255,0.12), transparent 72%);
}
.cta-panel h2,
.cta-panel p{color:#fff}
.cta-panel p{max-width:760px;opacity:.94}
.footer{padding:24px 0 34px}
.footer-line{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
padding-top:18px;
border-top:1px solid rgba(10,58,69,0.12);
}
.footer-line p,
.footer-line a{
margin:0;
font-size:14px;
color:var(--muted);
text-decoration:none;
}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
@keyframes floatSoft{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}
@keyframes floatOrb{
0%{transform:translateY(0) translateX(0)}
50%{transform:translateY(16px) translateX(-10px)}
100%{transform:translateY(0) translateX(0)}
}
@keyframes gridShift{
0%{transform:translateY(0)}
100%{transform:translateY(48px)}
}
@media (max-width: 1100px){
.hero-grid,
.purpose-grid,
.culture-grid,
.working-grid,
.team-grid,
.diff-grid,
.cta-inner,
.image-grid,
.image-grid.reverse{grid-template-columns:1fr}
.values-grid,
.work-pills,
.team-pills,
.diff-list{grid-template-columns:1fr 1fr}
.quote-stack,
.floating-stat{
position:relative;
right:auto;
left:auto;
top:auto;
bottom:auto;
width:100%;
margin-top:14px;
}
.image-popup{opacity:1;transform:none}
}
@media (max-width: 720px){
.about-wrap{width:min(100% - 24px,1180px)}
.hero{padding:44px 0 30px}
.purpose,.culture,.working,.team,.different,.cta,.image-sections,.values-band{padding-bottom:56px}
.dark-band{padding:64px 0; margin:0 0 56px}
.visual-shell img,.image-spot-shell img{max-height:320px}
.values-grid,
.work-pills,
.team-pills,
.diff-list{grid-template-columns:1fr}
.cta-panel,.metric-card,.panel,.diff-card,.image-text-panel,.values-band-box{padding:24px}
.footer-line{flex-direction:column; align-items:flex-start}
.badge-pill{left:24px;top:24px}
.image-popup{left:24px;right:24px;bottom:24px}
}
About SKILLhill
Capability Builders. Culture Shapers. Performance Partners.
At SKILLhill, we believe sustainable business growth is never accidental. It is designed, built, and executed through people.
We work primarily with boards, executive teams, and customer-facing organizations that want performance to be intentional — not reactive.
Human-centered performance
Mindset
We are not united by titles. We are united by a shared performance mindset.
Focus
We integrate strategy, culture, leadership, and execution instead of treating them as separate topics.
Partnership
Clients do not hire us for activity. They work with us to build sustainable competitive advantage.
What drives us
Personal and business growthWe push development where it matters most.
Customer centricityWe anchor performance in customer reality.
Accountability for resultsWe connect work to measurable impact.
Long-term partnership thinkingWe build capability that lasts beyond projects.
Image spot 1
Intentional performance
We work where strategy must become visible in decisions, routines, and accountability.
Who we work with
We work primarily with boards, executive teams, and customer-facing organizations that want performance to be intentional rather than reactive. That means supporting the people who shape direction, behaviour, and results.
Our purpose
We help organizations transform from siloed, reactive, and technology-driven operations into proactive, human-centered, performance cultures.
Our mission is clear
Turn strategy into execution.
Turn culture into capability.
Turn decisions into measurable results.
Culture is not posters on the wall. Culture is habits in action.
Culture is formed and sustained through repeated behaviors, daily decisions, leadership examples, team agreements, and accountability in execution.
Our view on culture
Strategy defines direction. Structure defines responsibility. Habits define performance.
That is why we focus not only on frameworks and leadership models — but on building performance habits at individual, team, and organizational levels.
We help organizations
Replace reactive patterns with disciplined performance habits.
Align daily behavior with strategic ambition.
Strengthen visible ownership and follow-through.
Sustain change through structured accountability.
Why habits matter more than slogans
Performance changes when new behaviours become normal. Culture shifts when people see the same expectations reinforced through leadership choices, team agreements, and daily execution.
Image spot 2
Our way of working
Diagnose → Design → Deploy
We combine strategic assessments and audits, decision-making and accountability frameworks, habit-based culture transformation models, and coaching, facilitation, and real-world implementation support.
We do not deliver inspiration alone.
We build capability. And we ensure it translates into measurable performance.
Strategic assessments and audits
Decision-making frameworks
Habit-based transformation
Implementation support
Image spot 3
Execution support
Change becomes credible when people are helped to apply it in real work, not just understand it in theory.
Why structure matters
Without structure, good intentions remain fragmented. A practical model creates rhythm, ownership, and a shared understanding of how change should move from insight into action.
Our team
Experienced, multinational, and grounded in real business work.
Our backgrounds include line-of-business executives, HR and organizational development leaders, entrepreneurs and founders, sales and customer experience professionals, service and production leaders, and technology, R&D, and innovation experts.
Our team members are
Certified executive coaches
Master facilitators
Business leaders with P&L responsibility
Specialists in leadership, execution, trust, and sales excellence
What unites the team
Many of us have worked internationally across industries and cultures. We understand complexity — and we simplify it into disciplined action. What unites us is not our titles, but our mindset.
Image spot 4
What makes us different
We focus on implementation, not inspiration.
Our clients do not hire us for workshops. They partner with us to build sustainable competitive advantage.
Strategy + culture + execution
We integrate what many others treat separately.
Values into measurable habits
We turn principles into routines people can actually live.
Human insight + structured systems
We combine behavioral understanding with disciplined performance models.
Business impact
We measure success through visible outcomes, not good intentions.
Image spot 5
Competitive advantage
Clients stay when capability becomes visible in leadership, culture, and measurable performance.
Why clients partner with us
They do not come to SKILLhill for isolated activities. They come to build stronger habits, clearer execution, more accountable leadership, and a more sustainable performance culture over time.
Capability Builders. Culture Shapers. Performance Partners.
If you want strategy to show up in execution, culture to become capability, and leadership to create measurable results, this is where the work begins.
(function(){
const els = document.querySelectorAll('.reveal');
if (!('IntersectionObserver' in window)) {
els.forEach(el => el.classList.add('visible'));
return;
}
const obs = new IntersectionObserver((entries)=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
entry.target.classList.add('visible');
}
});
}, {threshold:0.12});
els.forEach(el => obs.observe(el));
})();
Suomi 
English