/* PULO.PH v8. Welcome to Pulo. Authored visual values live here.
   Native 3D materials/geometry are in assets/island/scene-config.json. */
:root {
  --paper: #f7f5f0;
  --sheet: #ffffff;
  --ink: #292b26;
  --muted: #676962;
  --line: #dcdcd5;
  --accent: #c4492d;
  --accent-hover: #a23821;
  --accent-wash: #efe3d8;
  --portrait-ground: #eeede8;
  --gold: #d4af37;
  --gold-deep: #806119;
  --media-void: #161713;
  --focus-ring: var(--accent);
  --sans: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  --mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --text-hero: clamp(3.5rem, 6.6vw, 6.25rem);
  --text-title: clamp(2.4rem, 3.5vw, 3.6rem);
  --text-project: clamp(1.7rem, 2.3vw, 2.5rem);
  --text-lede: clamp(1.125rem, 1.5vw, 1.3rem);
  --text-body: 1rem;
  --text-small: .875rem;
  --text-wordmark: 1rem;
  --leading-display: 1.02;
  --leading-title: 1.08;
  --leading-body: 1.55;
  --tracking-display: -.055em;
  --tracking-title: -.045em;
  --tracking-meta: .08em;
  --tracking-brand: .12em;
  --page-max: 80rem;
  --page-pad: clamp(1.25rem, 4.4vw, 5rem);
  --nav-height: 5.75rem;
  --anchor-offset: 7rem;
  --hero-top: clamp(2.5rem, 3.2vw, 3rem);
  --section-space: clamp(4.5rem, 6vw, 6rem);
  --section-gap: clamp(2.5rem, 4vw, 4rem);
  --copy-measure: 48ch;
  --title-measure: 16ch;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --hairline: 1px;
  --focus-width: 2px;
  --focus-offset: 4px;
  --radius-small: .5rem;
  --radius-card: .75rem;
  --radius-pill: 100vmax;
  --control-height: 3.125rem;
  --touch-size: 2.75rem;
  --mark-nav: 2rem;
  --mark-contact: 3.5rem;
  --portrait-ratio: 3 / 4;
  --head-frame-width: 106.666667%;
  --head-frame-left: -3.333333%;
  --head-pose-time: 80ms;
  --portrait-filter: saturate(.35) contrast(1.02);
  --head-origin-y: .28;
  --head-zone-enter: .3;
  --head-zone-leave: .2;
  --head-column: 1;
  --head-row: 1;
  --head-atlas-size: 300%;
  --plus-open-angle: 45deg;
  --project-columns: repeat(3, minmax(0, 1fr));
  --project-mark-height: 10rem;
  --project-logo-height: 5.5rem;
  --project-icon-radius: 24%;
  --project-logo-width: 75%;
  --project-ground: #f0eee8;
  --project-hover: #e9e7df;
  --film-ratio: 16 / 9;
  --service-copy-measure: 38ch;
  --founder-columns: repeat(4, minmax(0, 1fr));
  --nav-ground: rgba(247, 245, 240, .98);
  --time-fast: 180ms;
  --time-base: 300ms;
  --time-reveal: 440ms;
  --time-failsafe: 900ms;
  --time-reduced: .01ms;
  --reveal-shift: .65rem;
  --hover-shift: -.25rem;
  --button-press-scale: .98;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --layer-content: 1;
  --layer-nav: 20;
  --hero-measure: 21ch;
  --hero-copy-size: 1.125rem;
  --micro-size: .75rem;
  --dot-size: .4375rem;
  --world-height: clamp(22rem, 36vw, 33rem);
  --world-side-width: 10rem;
  --world-label-x: 50%;
  --world-label-y: 50%;
  --world-tooltip-offset: -140%;
  --world-dpr: 1.5;
  --world-parallax: .025;
  --world-light-day: 3.1;
  --world-light-night: .85;
  --world-fill-day: 2.2;
  --world-fill-night: 1.1;
  --world-key-color: #fff3dc;
  --world-fill-color: #edf1e7;
  --world-night-color: #bdc9da;
  --world-exposure: 1.05;
  --world-shadow-size: 1024;
  --world-shadow-opacity: .1;
  --world-load-timeout: 15000ms;
  --world-window: #f0c47e;
  --world-window-night: .75;
  --world-window-hover: .5;
  --world-shadow-bias: -.0003;
  --world-shadow-normal-bias: .02;
  --world-shadow-radius: 3;
  --world-ground-scale: 2;
  --time-delivery: 1800ms;
  --capability-height: 17rem;
  --diagram-width: 9rem;
  --diagram-height: 5rem;
  --diagram-ink: var(--ink);
  --diagram-accent: var(--accent);
  --diagram-stroke: 1.25;
  --diagram-registration-opacity: .55;
  --diagram-origin: 50% 50%;
  --diagram-time: var(--time-base);
  --diagram-ease: var(--ease-out);
  --diagram-sheet-shift-x: 2px;
  --diagram-sheet-shift-y: -2px;
  --diagram-sheet-turn: -4deg;
  --diagram-module-shift: 2px;
  --diagram-aperture-turn: 3deg;
  --diagram-aperture-top-origin: 0% 100%;
  --diagram-aperture-bottom-origin: 0% 0%;
  --route-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  --route-inner-columns: 2.75rem minmax(0, .85fr) minmax(0, 1.15fr);
  --route-type: clamp(2.25rem, 3.4vw, 3.25rem);
  --route-number-size: 2rem;
  --route-rail-left: 1rem;
  --route-symbol-size: .65em;
  --route-symbol-turn: -12deg;
  --route-output-tracking: .025em;
  --route-end-angle: -4deg;
  --perla-ground: #e7ece5;
  --perla-ink: #244f45;
  --input-height: 3.125rem;
  --contact-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  --contact-title: clamp(3.5rem, 5.8vw, 5.5rem);
  --letter-ground: #faf9f5;
  --letter-padding: clamp(1.5rem, 3vw, 3rem);
  --letter-title: clamp(1.8rem, 2.5vw, 2.5rem);
  --letter-line-height: 2.25rem;
  --letter-line-size: 100% 2.25rem;
  --letter-message-height: 6.75rem;
  --letter-signature-width: 75%;
  --letter-mark-size: 2.75rem;
  --letter-underline-height: .07em;
  --letter-underline-bottom: .025em;
  --letter-underline-turn: -2deg;
  --letter-underline-rest: .92;
  --letter-input-focus: var(--accent);
  --letter-ready-turn: -3deg;
  --closing-title: clamp(2rem, 3.5vw, 3.25rem);
  --closing-mark-width: 100%;
  --closing-mark-space: clamp(2rem, 4vw, 4rem);
  --return-size: 3.5rem;
  --return-type: 1.75rem;
  --return-turn: 45deg;
  --footer-ground: #dce5e1;
  --footer-ink: #2b4b43;
  --break-filter: grayscale(1) contrast(.92);
  --break-badge-angle: -8deg;
  --break-badge-size: .75rem;
}
@media (max-width: 720px) {
  :root {
    --nav-height: 4.5rem;
    --anchor-offset: 5.5rem;
    --hero-top: 2.5rem;
    --text-hero: clamp(2.55rem, 9.7vw, 4.5rem);
    --text-title: clamp(2.25rem, 9vw, 3.5rem);
    --project-columns: repeat(2, minmax(0, 1fr));
    --project-mark-height: 8rem;
    --project-logo-height: 3rem;
    --project-logo-width: 100%;
    --founder-columns: repeat(2, minmax(0, 1fr));
    --section-space: 4.5rem;
    --section-gap: 2rem;
    --hero-copy-size: 1rem;
    --world-height: 14rem;
    --hero-measure: 17ch;
    --capability-height: 11rem;
    --diagram-width: 4.5rem;
    --diagram-height: 3.5rem;
    --route-columns: 1fr;
    --route-inner-columns: 2rem minmax(0, 1fr);
    --contact-title: clamp(3rem, 12vw, 4.5rem);
    --letter-padding: 1.5rem;
    --letter-signature-width: 100%;
    --closing-title: 2rem;
    --return-size: 3rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --time-fast: 0ms;
    --time-base: 0ms;
    --time-reveal: 0ms;
      --reveal-shift: 0rem;
    --hover-shift: 0rem;
    --diagram-sheet-shift-x: 0px;
    --diagram-sheet-shift-y: 0px;
    --diagram-sheet-turn: 0deg;
    --diagram-module-shift: 0px;
    --diagram-aperture-turn: 0deg;
    --route-symbol-turn: 0deg;
    --letter-underline-turn: 0deg;
    --letter-ready-turn: 0deg;
    --return-turn: 0deg;
  }
}