/*
Theme Name: Still North
Theme URI: https://demo.searchcue.com
Author: SearchCue
Description: A native block theme for the fictional Still North Arctic Institute demonstration site.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: still-north
*/

:root {
  --still-north-snow: #f3f5f2;
  --still-north-white: #ffffff;
  --still-north-ice: #dce8e9;
  --still-north-fog: #b8c7c9;
  --still-north-line: #c7d1d0;
  --still-north-fjord: #173d47;
  --still-north-ink: #10272d;
  --still-north-moss: #3e6256;
  --still-north-rust: #a44d38;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto;
}

body {
  min-width: 320px;
}

img {
  height: auto;
}

a {
  text-underline-offset: 0.16em;
  text-decoration-thickness: 1px;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--still-north-rust);
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  z-index: 100000;
  top: 8px;
  left: 8px;
  padding: 12px 16px;
  color: var(--still-north-white);
  background: var(--still-north-ink);
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: translateY(0);
}

.still-north-header {
  border-bottom: 1px solid var(--still-north-line);
}

.still-north-header__inner {
  min-height: 88px;
}

.still-north-wordmark {
  min-width: 154px;
  line-height: 1;
}

.still-north-wordmark a {
  color: var(--still-north-ink);
  font-size: 1.45rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  text-decoration: none;
}

.still-north-wordmark span {
  display: block;
  margin-top: 6px;
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.68rem;
  letter-spacing: 0.06em;
}

.still-north-header .wp-block-navigation-item__content,
.still-north-header .wp-block-woocommerce-mini-cart {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.still-north-header .wp-block-navigation-item__content {
  padding: 8px 4px;
}

main {
  min-height: 58vh;
}

.still-north-hero {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  min-height: min(720px, 76vh);
  border-bottom: 1px solid var(--still-north-line);
}

.still-north-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 8vw, 112px) clamp(24px, 5vw, 72px);
}

.still-north-hero__copy h1 {
  max-width: 11ch;
  margin: 0;
  font-size: clamp(3rem, 6vw, 6.5rem);
  line-height: 0.94;
  letter-spacing: -0.055em;
}

.still-north-hero__copy > p {
  max-width: 35rem;
  margin-top: 32px;
  font-size: clamp(1.05rem, 1.7vw, 1.35rem);
}

.still-north-hero__image,
.still-north-hero__image figure,
.still-north-hero__image img {
  width: 100%;
  height: 100%;
  min-height: 480px;
}

.still-north-hero__image img {
  object-fit: cover;
}

.still-north-hero .wp-block-search {
  width: min(100%, 520px);
  margin-top: 32px;
}

.wp-block-search__inside-wrapper,
:where(input, select, textarea) {
  border: 1px solid var(--still-north-fog);
  border-radius: 3px;
  background: var(--still-north-white);
}

.wp-block-search__input,
:where(input, select, textarea, button) {
  min-height: 44px;
}

.wp-block-button__link,
.wp-element-button,
button {
  border-radius: 3px;
}

.still-north-section {
  padding-top: clamp(64px, 9vw, 120px);
  padding-bottom: clamp(64px, 9vw, 120px);
}

.still-north-rule-list > * {
  margin: 0;
  padding: 24px 0;
  border-top: 1px solid var(--still-north-line);
}

.still-north-rule-list > *:last-child {
  border-bottom: 1px solid var(--still-north-line);
}

.still-north-meta,
.wp-block-post-date,
.wp-block-post-terms,
.wp-block-post-author-name,
.price,
.woocommerce-Price-amount {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 0.78rem;
}

.still-north-reading {
  max-width: 720px;
}

.still-north-reading > :where(p, ul, ol, blockquote, details, table) {
  line-height: 1.72;
}

.wp-block-post-template,
.still-north-team-grid {
  gap: 48px 24px;
}

.wp-block-post-template > li {
  margin: 0;
}

.wp-block-post-featured-image img,
.still-north-team-grid img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.still-north-team-grid img {
  aspect-ratio: 1;
}

.wp-block-quote,
.wp-block-pullquote {
  border-color: var(--still-north-fog);
}

.wp-block-table table,
.wp-block-table th,
.wp-block-table td {
  border-color: var(--still-north-line);
}

.wp-block-details {
  padding: 16px 0;
  border-top: 1px solid var(--still-north-line);
  border-bottom: 1px solid var(--still-north-line);
}

.wp-block-details summary {
  min-height: 44px;
  cursor: pointer;
  font-weight: 600;
}

.still-north-footer {
  margin-top: 96px;
  border-top: 1px solid var(--still-north-line);
}

.still-north-footer a {
  color: inherit;
}

.still-north-disclosure {
  max-width: 720px;
  font-size: 0.9rem;
}

.woocommerce .woocommerce-notices-wrapper,
.woocommerce .wc-block-components-notice-banner {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.woocommerce div.product,
.woocommerce-page main,
.wc-block-product-template {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.woocommerce div.product div.images img,
.wc-block-components-product-image img {
  background: var(--still-north-white);
}

@media (max-width: 860px) {
  .still-north-header__inner {
    min-height: 72px;
  }

  .still-north-header .wp-block-navigation {
    order: 3;
  }

  .still-north-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .still-north-hero__copy {
    padding: 56px 24px;
  }

  .still-north-hero__copy h1 {
    font-size: clamp(3.1rem, 14vw, 5.25rem);
  }

  .still-north-hero__image,
  .still-north-hero__image figure,
  .still-north-hero__image img {
    min-height: 52vw;
  }

  .still-north-footer {
    margin-top: 64px;
  }
}