/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/0xrip/24/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../nodevenv/0xrip/24/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --overlay: rgba(0, 0, 0, 0.55);
  --text: #e5d7cf;
  --text-muted: #b7b1ad;
  --accent: #cfb0b3;
  --accent-strong: #e8dcdd;
  --accent-olive: #bab895;
  --accent-red-dark: #975d62;
  --accent-brown: #a28776;
  --border: rgba(219, 217, 215, 0.25);
  --scrollbar-size: 6px;
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgba(105, 63, 67, 0.85);
  --scrollbar-thumb-hover: rgba(121, 100, 87, 0.95);

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
  --space-5: 6rem;

  --max-width: 75rem;
  --gutter: 1.5rem;
  --cols: 12;
}

html {
  height: 100%;
}

html,
body {
  overflow: hidden;
}

body {
  color: var(--text);
  font-family: var(--font-manrope), "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  height: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.page-backdrop {
  background-attachment: fixed;
  background-image: url("/images/hero-forest.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  inset: 0;
  position: fixed;
  z-index: -2;
}

.page-overlay {
  background-color: var(--overlay);
  inset: 0;
  position: fixed;
  z-index: -1;
}

.page-content {
  min-height: 100vh;
  position: relative;
  z-index: 0;
}

.page-scroll {
  height: 100vh;
  position: relative;
  z-index: 0;
}

.page-scroll .simplebar-content-wrapper {
  scroll-behavior: smooth;
}

.page-scroll .simplebar-track.simplebar-vertical {
  background: transparent;
  width: var(--scrollbar-size);
}

.page-scroll .simplebar-track.simplebar-horizontal {
  background: transparent;
  height: var(--scrollbar-size);
}

.page-scroll .simplebar-scrollbar::before {
  background: var(--scrollbar-thumb);
  border-radius: 0;
  inset: 0;
  opacity: 1;
}

.page-scroll .simplebar-scrollbar.simplebar-hover::before,
.page-scroll .simplebar-scrollbar:hover::before {
  background: var(--scrollbar-thumb-hover);
}

a {
  color: var(--accent-strong);
  text-decoration: none;
  text-underline-offset: 0.2em;
}

a:hover {
  text-decoration: underline;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

.site-shell {
  margin-inline: auto;
  max-width: var(--max-width);
  padding-inline: var(--gutter);
}

.grid {
  display: grid;
  grid-gap: var(--gutter);
  gap: var(--gutter);
  grid-template-columns: repeat(var(--cols), 1fr);
}

.section {
  padding-block: var(--space-5);
}

.section + .section {
  border-top: 1px solid var(--border);
}

.section-label {
  color: var(--accent-olive);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.section-index {
  color: var(--accent-brown);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.section-title {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-top: var(--space-1);
}

.display {
  font-size: clamp(2.5rem, 8vw, 5rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.95;
}

.tagline {
  color: var(--text-muted);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 400;
  line-height: 1.4;
  max-width: 28ch;
  margin-top: var(--space-2);
}

.text-link {
  color: var(--accent);
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  margin-top: var(--space-3);
  text-transform: uppercase;
}

.text-link:hover {
  color: var(--accent-strong);
}

.header {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  padding-block: var(--space-3);
}

.header-name {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.header-nav {
  display: flex;
  gap: var(--space-3);
  list-style: none;
}

.header-nav a {
  color: var(--text);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

.header-nav a:hover {
  color: var(--accent-strong);
  text-decoration: none;
}

.hero {
  padding-block: var(--space-4) var(--space-5);
}

.hero-text {
  grid-column: span 5;
}

.hero-image-wrap {
  grid-column: span 7;
  min-height: min(70vh, 40rem);
}

.about-index {
  grid-column: span 2;
}

.about-content {
  grid-column: span 10;
}

.about-body {
  color: var(--text-muted);
  max-width: 55ch;
  margin-top: var(--space-2);
}

.focus-index {
  grid-column: span 2;
}

.focus-content {
  grid-column: span 10;
}

.focus-list {
  display: grid;
  grid-gap: var(--space-2);
  gap: var(--space-2);
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  margin-top: var(--space-3);
}

.focus-item {
  border-left: 2px solid var(--accent);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding-block: var(--space-1);
  padding-left: var(--space-2);
}

.contact-index {
  grid-column: span 2;
}

.contact-content {
  grid-column: span 10;
}

.contact-links {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  list-style: none;
  margin-top: var(--space-3);
}

.contact-links a {
  font-size: 1.25rem;
  font-weight: 600;
}

.contact-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  list-style: none;
  margin-top: var(--space-3);
}

.contact-social a {
  color: var(--text);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: lowercase;
}

.footer {
  border-top: 2px solid var(--accent-brown);
  color: var(--text-muted);
  display: flex;
  font-size: 0.75rem;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 0.06em;
  padding-block: var(--space-3);
  text-transform: uppercase;
}

.footer-end {
  align-items: center;
  display: flex;
  gap: var(--space-3);
}

.footer-end a {
  color: var(--text-muted);
  text-decoration: none;
}

.footer-end a:hover {
  color: var(--accent-strong);
  text-decoration: none;
}

.legal-page {
  padding-block: var(--space-4) var(--space-5);
}

.legal-header {
  border-bottom: 1px solid var(--border);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-4);
}

.legal-back {
  margin-top: 0;
  margin-bottom: var(--space-3);
}

.legal-title {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin-top: var(--space-1);
}

.legal-meta {
  color: var(--text-muted);
  font-size: 0.875rem;
  margin-top: var(--space-2);
}

.legal-body {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 65ch;
}

.legal-section-title {
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: var(--space-2);
}

.legal-paragraph {
  color: var(--text-muted);
  margin-top: var(--space-2);
}

.legal-paragraph:first-of-type {
  margin-top: 0;
}

.legal-list {
  color: var(--text-muted);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  list-style: disc;
  margin-top: var(--space-2);
  padding-left: 1.25rem;
}

.legal-footer-note {
  border-top: 1px solid var(--border);
  color: var(--text-muted);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  margin-top: var(--space-5);
  padding-top: var(--space-3);
}

@media (max-width: 768px) {
  .header-nav {
    gap: var(--space-2);
  }

  .hero-text,
  .hero-image-wrap,
  .about-index,
  .about-content,
  .focus-index,
  .focus-content,
  .contact-index,
  .contact-content {
    grid-column: span 12;
  }

  .focus-list {
    grid-template-columns: 1fr;
  }

  .footer {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-1);
  }

  .footer-end {
    flex-wrap: wrap;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/0xrip/24/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../nodevenv/0xrip/24/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!../nodevenv/0xrip/24/lib/node_modules/simplebar-react/dist/simplebar.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../nodevenv/0xrip/24/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../nodevenv/0xrip/24/lib/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../nodevenv/0xrip/24/lib/node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"./fonts/Manrope-VariableFont_wght.ttf","variable":"--font-manrope","weight":"200 800","display":"swap"}],"variableName":"manrope"} ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'manrope';
src: url(/_next/static/media/728f14248c8403f2-s.p.ttf) format('truetype');
font-display: swap;
font-weight: 200 800;
}@font-face {font-family: 'manrope Fallback';src: local("Arial");ascent-override: 106.45%;descent-override: 29.96%;line-gap-override: 0.00%;size-adjust: 100.14%
}.__className_8ef493 {font-family: 'manrope', 'manrope Fallback'
}.__variable_8ef493 {--font-manrope: 'manrope', 'manrope Fallback'
}