/*
Theme Name: SELKEE Design
Theme URI: https://selkeedesign.fi
Author: Oona Rouhiainen / SELKEE Design
Description: Täysin lohkoeditorilla muokattava SELKEE Design -portfolio.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: selkee
*/

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@400;500;600;700&display=swap');

:root { --selkee-line: rgba(18,18,18,.2); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
a { text-underline-offset: .18em; }
.selkee-wrap { width: min(calc(100% - 40px), 1440px); margin-inline: auto !important; }
.selkee-header { min-height: 82px; border-bottom: 1px solid var(--selkee-line); }
.selkee-header .wp-block-site-title { font-family: "Bebas Neue", Impact, sans-serif; letter-spacing: .08em; }
.selkee-header .wp-block-navigation { font-size: .75rem; letter-spacing: .12em; }
.selkee-header a:hover, .selkee-footer a:hover { color: var(--wp--preset--color--orange); }
.selkee-kicker { font-size: clamp(1.05rem,1.8vw,1.75rem); font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.selkee-hero { min-height: calc(95vh - 82px); display: flex; flex-direction: column; justify-content: center; padding-block: 110px 30px !important; }
.selkee-hero h1 { font-size: clamp(5rem,13vw,13rem) !important; line-height: .76 !important; letter-spacing: -.02em; margin-block: 60px !important; }
.selkee-hero h1 strong { color: var(--wp--preset--color--orange); font-weight: inherit; }
.selkee-mail { width: fit-content; font-size: clamp(1.5rem,3vw,3rem); border-bottom: 1px solid currentColor; padding-bottom: 12px; }
.selkee-mail a { text-decoration: none; }
.selkee-section { padding-block: 120px !important; }
.selkee-services-title { font-size: clamp(3.3rem,7.5vw,7.6rem) !important; line-height: .84 !important; letter-spacing: -.018em; margin: 75px 0 100px !important; }
.selkee-services-title strong { color: var(--wp--preset--color--orange); font-weight: inherit; }
.selkee-service-grid { gap: 0 !important; border-top: 1px solid var(--selkee-line); }
.selkee-service { min-height: 260px; padding: 25px 35px 15px 0; border-right: 1px solid var(--selkee-line); }
.selkee-service + .selkee-service { padding-left: 35px; }
.selkee-service:last-child { border-right: 0; }
.selkee-number { font-family: "Bebas Neue", Impact, sans-serif; font-size: clamp(2.6rem,4.2vw,4.5rem) !important; line-height: 1; color: var(--wp--preset--color--orange); }
.selkee-service h3 { font-family: Poppins, Arial, sans-serif !important; font-size: clamp(1.45rem,2vw,2rem) !important; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; margin: 50px 0 16px; }
.selkee-service p { color: #454541; line-height: 1.6; max-width: 340px; }
.selkee-work { padding-block: 120px 150px !important; }
.selkee-work-head { border-top: 1px solid var(--selkee-line); padding-top: 14px; }
.selkee-work-head h2 { font-family: Poppins,Arial,sans-serif !important; font-size: .9rem !important; letter-spacing: .12em; }
.selkee-work-grid { margin-top: 48px; }
.selkee-project-image { aspect-ratio: 1; object-fit: cover; width: 100%; }
.selkee-project-placeholder { aspect-ratio: 1; display: grid; place-items: center; font-family: "Bebas Neue",Impact,sans-serif; font-size: clamp(5rem,12vw,11rem); background: linear-gradient(135deg,#d9cd42,#113d3c); }
.selkee-project-placeholder p { margin: 0; font: inherit; }
.selkee-project:nth-child(2) .selkee-project-placeholder { background: linear-gradient(150deg,#8a265c,#e0835c); }
.selkee-project:nth-child(3) .selkee-project-placeholder { background: linear-gradient(45deg,#eee9da,#666); }
.selkee-project:nth-child(4) .selkee-project-placeholder { background: linear-gradient(160deg,#203e86,#fe570b); }
.selkee-project h3 { font-size: 1rem !important; letter-spacing: .08em; margin: 14px 0 5px; }
.selkee-project p { color: var(--wp--preset--color--muted); font-size: .78rem; margin: 0; }
.selkee-about { padding-block: 120px !important; }
.selkee-about-title { font-size: clamp(5rem,11vw,11rem) !important; line-height: .76 !important; margin-block: 70px 50px !important; }
.selkee-about-copy { font-size: 1.1rem; line-height: 1.55; }
.selkee-about-quote { font-size: clamp(2.7rem,5.8vw,6rem) !important; font-weight: 700; line-height: .95; margin-top: 55px !important; }
.selkee-about-quote strong { color: var(--wp--preset--color--orange); }
.selkee-logo-image img { width: min(190px,100%); aspect-ratio: 1; object-fit: contain; background: var(--wp--preset--color--paper); }
.selkee-logo-placeholder { width: 190px; max-width: 100%; aspect-ratio: 1; display: grid; place-items: center; background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); font-family: "Bebas Neue",Impact,sans-serif; font-size: 2.2rem; text-align: center; }
.selkee-logo-placeholder p { margin: 0; line-height: .9; }
.selkee-footer { border-top: 1px solid var(--selkee-line); padding-block: 18px 30px !important; font-size: .65rem; letter-spacing: .12em; }
@media (max-width: 781px) {
  .selkee-wrap { width: min(calc(100% - 28px),1440px); }
  .selkee-header { min-height: 70px; }
  .selkee-header .wp-block-navigation { gap: 12px; }
  .selkee-hero { min-height: 720px; }
  .selkee-section { padding-block: 80px !important; }
  .selkee-service-grid { display: block !important; }
  .selkee-service, .selkee-service + .selkee-service { min-height: 0; padding: 25px 0; border-right: 0; border-bottom: 1px solid var(--selkee-line); }
  .selkee-service h3 { margin-top: 30px; }
  .selkee-work { padding-block: 80px 100px !important; }
  .selkee-work-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .selkee-about-columns { flex-wrap: wrap !important; }
  .selkee-about-columns > .wp-block-column { flex-basis: 100% !important; }
  .selkee-footer { flex-wrap: wrap; gap: 15px; }
}
@media (max-width: 480px) { .selkee-work-grid { grid-template-columns: 1fr !important; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }