/* Gridyssey.com: owned landscapes, editorial storytelling and a focused application. */
:root {color-scheme:dark;--ink:#101a18;--paper:#f2f3ed;--green:#37c080;--muted:#b8c7bd;--line:rgba(255,255,255,.18);--gutter:clamp(20px,5vw,96px);--page:1440px;scroll-behavior:smooth;scroll-padding-top:28px}
* {box-sizing:border-box} body {margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased} a {color:inherit;text-decoration:none} img {display:block;max-width:100%} p,h1,h2,h3,figure {margin:0} p {line-height:1.65} button,input,select,textarea {font:inherit} button {cursor:pointer} button:disabled {cursor:wait;opacity:.7} a,button,input,select,textarea,summary {-webkit-tap-highlight-color:transparent} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible {outline:3px solid var(--green);outline-offset:5px} h1,h2 {font-weight:500;letter-spacing:-.055em;line-height:1.04;text-wrap:balance} h2 {font-size:clamp(2.3rem,4.5vw,4.7rem)} em {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em} .container {width:min(calc(100% - var(--gutter)*2),var(--page));margin-inline:auto} .eyebrow {font-family:'Courier New',monospace;font-size:.75rem;letter-spacing:.1em;line-height:1.5} .status-dot {display:inline-block;width:7px;height:7px;margin-right:10px;background:var(--green);border-radius:50%} .skip-link {position:fixed;z-index:20;top:12px;left:12px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--paper);color:var(--ink)} .skip-link:focus {width:auto;height:auto;overflow:visible;clip-path:none;padding:14px}
.site-header {padding-top:env(safe-area-inset-top);background:var(--ink)} .nav-shell {display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:94px} .brand {display:block;flex-shrink:0;width:232px} .brand img {width:100%;height:auto} .nav-shell nav {display:flex;align-items:center;gap:32px;font-size:.875rem} .nav-shell nav a {display:flex;align-items:center;min-height:48px;gap:12px} .nav-cta {border-bottom:1px solid #7d9b88;font-weight:600} .nav-shell nav a:hover,.text-link:hover {color:var(--green)}
.hero {position:relative;isolation:isolate;display:flex;align-items:center;min-height:680px;height:calc(100svh - 94px);max-height:970px;overflow:hidden} .hero-photo {position:absolute;inset:0;z-index:-3} .hero-photo img {width:100%;height:100%;object-fit:cover;object-position:center 58%} .hero:before {content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,18,15,.9),rgba(7,18,15,.55) 45%,rgba(7,18,15,.1) 85%),linear-gradient(0deg,rgba(7,18,15,.7),transparent 30%)} .hero-content {padding-block:72px 110px} .hero .eyebrow {color:#e2e9df;margin-bottom:26px} .hero h1 {font-size:clamp(3.8rem,7.6vw,8rem);max-width:1000px} .hero h1 em {color:#e1ebd5} .hero-intro {max-width:550px;font-size:1.1rem;margin:28px 0;color:#f0f2ec} .hero-actions {display:flex;gap:24px;align-items:center;flex-wrap:wrap} .button {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;max-width:100%;padding:16px 22px;border:0;font-weight:600;font-size:.9rem;text-align:left;line-height:1.45} .button--green {color:#09271c;background:var(--green)} .button--green:hover {background:#65d59b} .button span {font-size:1.2rem} .text-link {display:inline-flex;align-items:center;min-height:48px;gap:12px;font-size:.875rem;text-decoration:underline;text-underline-offset:5px} .hero-note {font-size:.8rem;margin-top:20px;color:#e0e8db} .hero-bottom {position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-family:'Courier New',monospace;font-size:.7rem;letter-spacing:.08em;color:#dde7da}
.section-light {background:var(--paper);color:var(--ink);color-scheme:light} .section-topline {display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)} .section-light .section-topline {border-color:#ced7cd} .section-topline>span {font-family:'Courier New',monospace;font-size:.7rem;letter-spacing:.07em} .section-light .eyebrow {color:#3d6651}.idea {padding:76px 0 84px} .idea-heading {display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;margin-top:40px} .idea-heading>p {max-width:470px;color:#465b4d;font-size:1.1rem}.exploration-loop {list-style:none;padding:0;margin:54px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px} .exploration-loop li {padding-top:16px;border-top:1px solid #b9c8b9} .step-number {display:block;font-family:'Courier New',monospace;font-size:.8rem;color:#466753;margin-bottom:24px} .exploration-loop h3 {font-size:1rem;line-height:1.4;margin-bottom:10px} .exploration-loop p {font-size:.875rem;color:#526354}.mini-grid {letter-spacing:-.2em;font-size:1.4rem!important;color:#3d6651}
.your-world {padding:76px 0 86px} .your-world .section-topline {color:#b8cbbb}.world-heading {display:flex;justify-content:space-between;align-items:end;gap:36px;margin-top:38px} .world-heading p {color:var(--muted)} .world-heading h2 em {color:#bad3b8}.photo-journal {display:grid;grid-template-columns:1fr 1.35fr .85fr;align-items:start;gap:28px;margin-top:52px} .journal-photo {position:relative}.journal-photo img {width:100%;height:340px;object-fit:cover}.journal-photo--woodland {margin-top:45px}.journal-photo--waterfall img {height:440px}.journal-photo--countryside {margin-top:85px}.journal-photo--countryside img {height:350px}.journal-photo figcaption {font-family:'Courier New',monospace;font-size:.65rem;letter-spacing:.09em;margin-top:14px;color:#bcc9bc}
.beta-story {padding:80px 0}.beta-layout {display:grid;grid-template-columns:1.2fr 1fr;gap:42px 8%}.beta-layout h2 {margin-top:18px}.section-intro {max-width:540px;color:#465b4d;margin-top:24px;font-size:1.05rem}.beta-details {padding-top:30px}.beta-details h3 {font-size:1.1rem;font-weight:600}.benefits {list-style:none;padding:0;margin:18px 0 24px}.benefits li {padding:10px 0 10px 28px;border-bottom:1px solid #d1dacd;position:relative}.benefits li:before {content:'✓';position:absolute;left:0;color:#246242}.beta-details>p {font-size:.875rem;color:#526354}.who-panel {grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:30px;align-items:start;padding-top:30px;border-top:1px solid #cbd6c8}.who-panel>p:nth-child(2) {font-size:1.25rem;line-height:1.55}.who-note {font-size:.875rem;color:#526354}
.product-preview {padding:76px 0 84px}.product-preview .eyebrow {color:#b8cbbb}.preview-heading {display:flex;justify-content:space-between;align-items:end;gap:60px;margin-top:36px}.preview-heading h2 {flex:0 0 48%}.preview-heading p {max-width:470px;color:var(--muted);font-size:.875rem}.preview-heading h2 em {color:#bad3b8}.preview-track {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:40px}.preview-track figure {min-width:0}.preview-track img {width:100%;height:auto;aspect-ratio:390/844;object-fit:contain;border:1px solid #325046;border-radius:12px;background:#03191e}.preview-track figcaption {display:grid;gap:6px;padding:16px 1px;font-size:.875rem}.preview-track figcaption span {font-size:.8rem;color:var(--muted)}
.application-section {padding:84px 0;background:#1b3028}.application-layout {display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.application-copy .eyebrow {color:#d6e7d4}.application-copy h2 {margin:20px 0 26px}.application-copy h2 em {color:#bdddb8}.application-copy>p:not(.eyebrow) {font-size:1.1rem;color:#d5e0d4}.application-expectations {margin:42px 0 30px;padding-top:28px;border-top:1px solid #546c58}.application-expectations h3 {font-weight:500;font-size:1.4rem;line-height:1.4}.application-expectations p {color:#c0d1c0;font-size:.9rem;margin-top:18px}.application-copy>.text-link {color:#d8ead6}.application-form {min-width:0;background:#15271f;border:1px solid #53664e;padding:30px}.form-heading {font-size:1.3rem;font-weight:600}.form-required {font-size:.75rem;color:#bccdbb;margin-top:10px;margin-bottom:24px}.form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field {min-width:0}.field--full {grid-column:1/-1}.field label {display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.field input,.field select,.field textarea {display:block;width:100%;min-width:0;min-height:48px;background:#0d1d16;border:1px solid #77917b;border-radius:0;color:#f5f8f2;padding:12px;font-size:1rem;line-height:1.4}.field textarea {resize:vertical}.field input::placeholder,.field textarea::placeholder {color:#a7b9a7}.field-note {font-size:.75rem;line-height:1.5;margin-top:6px;color:#c0cdbc}.interests {margin:26px 0 20px;padding:0;border:0;min-width:0}.interests legend {font-size:.85rem;font-weight:600;margin-bottom:12px}.optional {font-weight:400;color:#b1c4b0;margin-left:8px}.interest-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.interest-grid label {display:flex;align-items:center;gap:10px;min-height:44px;font-size:.825rem;line-height:1.4;cursor:pointer}.interest-grid input,.acknowledgement input {width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:var(--green)}.optional-details {padding:16px 0;border-block:1px solid #41583f;margin:20px 0}.optional-details summary {cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;align-content:center;line-height:1.6}.optional-details summary span {font-size:.75rem;font-weight:400;color:#b1c4b0;margin-left:12px}.optional-details[open] .form-grid {margin-top:18px}.acknowledgement {display:flex;align-items:flex-start;gap:12px;margin-top:18px;font-size:.825rem;line-height:1.55;cursor:pointer}.acknowledgement input {margin-top:3px}.acknowledgement a,.form-note a {text-decoration:underline;text-underline-offset:3px}.form-note {font-size:.75rem;color:#bdcebb;line-height:1.65;margin:18px 0}.application-form>.button {width:100%;margin-top:4px}.form-status {font-size:.875rem;min-height:1.5rem;line-height:1.6;color:#bdf3c7;margin-top:14px;overflow-wrap:anywhere}.form-status.is-error {color:#ffd4b5}.field-error {color:#ffd4b5;font-size:.75rem;line-height:1.6;margin-top:5px}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true] {border-color:#ffbe93}.honeypot {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}
.site-footer {padding:48px 0 calc(24px + env(safe-area-inset-bottom))}.footer-main {display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:start;gap:36px}.footer-main>.brand {width:220px}.footer-main>p {color:#c2cfbe;font-family:Georgia,'Times New Roman',serif;font-size:1.4rem;line-height:1.35}.footer-main nav {display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px;font-size:.75rem}.footer-main nav a {min-height:44px;align-content:center;line-height:1.5}.footer-main nav a:hover {color:var(--green)}.footer-bottom {border-top:1px solid #3b5140;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:38px;padding-top:22px;font-family:'Courier New',monospace;font-size:.65rem;color:#a9bda7;line-height:1.5}.footer-bottom a {min-height:44px;align-content:center}
@media(min-width:1700px) {.hero-content {padding-block:90px 130px}.hero-intro {font-size:1.2rem}}
@media(max-width:1100px) {.nav-shell nav {gap:20px}.brand {width:205px}.exploration-loop {grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.photo-journal {gap:18px}.preview-track {display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.preview-track figure {flex:0 0 220px;scroll-snap-align:start}.application-layout {gap:5%;grid-template-columns:.85fr 1.15fr}.application-form {padding:24px}.form-grid {gap:18px 14px}}
@media(max-width:767px) {:root {--gutter:24px}.nav-shell {min-height:80px;gap:16px;align-items:center}.brand {width:158px}.nav-shell nav {gap:10px;font-size:.75rem}.nav-story,.nav-app {display:none!important}.nav-cta {max-width:160px;line-height:1.4;text-align:left}.nav-cta>span {display:none}.hero {height:auto;min-height:650px;align-items:start}.hero-content {padding-top:70px;padding-bottom:125px}.hero .eyebrow {font-size:.675rem;max-width:270px;margin-bottom:24px}.hero h1 {font-size:clamp(2.9rem,12.2vw,4.9rem);letter-spacing:-.065em}.hero-intro {font-size:1rem;line-height:1.6;margin-top:25px;max-width:390px}.hero-actions {align-items:flex-start;flex-direction:column;gap:8px}.hero-actions .button {width:100%}.hero-note {font-size:.75rem;margin-top:16px}.hero-photo img {object-position:57% 57%}.hero:before {background:linear-gradient(180deg,rgba(7,18,15,.86),rgba(7,18,15,.64) 45%,rgba(7,18,15,.25) 85%,rgba(7,18,15,.65))}.hero-bottom {font-size:.6rem;bottom:22px;display:block}.hero-bottom>span:last-child {display:none}.section-topline {padding-bottom:18px;gap:14px}.section-topline>span:not(.mini-grid) {display:none}.idea,.your-world,.beta-story,.product-preview {padding:48px 0}.idea-heading {display:block;margin-top:28px}.idea-heading>p {margin-top:24px;font-size:1rem}.exploration-loop {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin-top:32px}.exploration-loop li:last-child {grid-column:1/-1;max-width:70%}.step-number {margin-bottom:16px}.exploration-loop h3 {font-size:.95rem}.exploration-loop p {font-size:.825rem}.world-heading {display:block;margin-top:28px}.world-heading p {margin-top:22px;font-size:.9rem}.photo-journal {grid-template-columns:1fr 1fr;gap:18px 14px;margin-top:30px}.journal-photo--woodland {margin-top:34px}.journal-photo img {height:190px}.journal-photo--waterfall img {height:240px}.journal-photo--countryside {grid-column:1/-1;width:66%;margin:0 auto}.journal-photo--countryside img {height:240px;object-position:center 55%}.journal-photo figcaption {font-size:.55rem;line-height:1.5}.beta-layout {display:block}.beta-layout h2 {margin-top:20px}.section-intro {font-size:1rem}.beta-details {padding-top:34px}.who-panel {display:block;margin-top:32px;padding-top:24px}.who-panel>p:nth-child(2) {font-size:1.15rem;margin-top:18px}.who-note {margin-top:18px}.preview-heading {display:block;margin-top:28px}.preview-heading p {margin-top:24px;font-size:.825rem}.preview-track {margin-top:30px;gap:18px}.preview-track figure {flex-basis:218px}.application-section {padding:48px 0}.application-layout {display:block}.application-copy h2 {margin-top:20px}.application-copy>p:not(.eyebrow) {font-size:1rem}.application-expectations {margin:28px 0 18px;padding-top:24px}.application-expectations h3 {font-size:1.25rem}.application-copy>.text-link {margin-bottom:28px}.application-form {padding:22px 18px}.form-grid {grid-template-columns:1fr}.field--full {grid-column:auto}.form-heading {font-size:1.2rem}.interest-grid {gap:4px 8px}.interest-grid label {font-size:.78rem}.optional-details summary span {display:inline}.application-form>.button {font-size:.875rem}.site-footer {padding-top:36px}.footer-main {display:block}.footer-main>.brand {width:200px}.footer-main>p {margin-top:22px;font-size:1.3rem}.footer-main nav {margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.footer-bottom {display:block;margin-top:24px}.footer-bottom>span {display:block;margin-bottom:12px}.footer-bottom a {display:inline-block}}
@media(max-width:350px) {:root {--gutter:20px}.brand {width:134px}.nav-cta {max-width:132px;font-size:.7rem}.hero-content {padding-top:58px}.hero h1 {font-size:2.7rem}.hero-intro {font-size:.95rem}.hero-actions .button {font-size:.825rem;gap:12px;padding-inline:18px}.hero {min-height:650px}.interest-grid {grid-template-columns:1fr}.application-form {padding:20px 16px}.preview-track figure {flex-basis:210px}}
/* Text enlargement may choose fewer columns; fixed heights never clip live copy. */
.form-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))} .interest-grid {grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))} .exploration-loop {grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))} .field input,.field select,.field textarea {overflow-wrap:anywhere} .field select {text-overflow:ellipsis} .application-copy,.hero-content {min-width:0} .hero h1 {overflow-wrap:normal} .hero h1 em {display:inline-block;max-width:100%;overflow-wrap:anywhere}.hero-bottom {pointer-events:none}.brand {max-width:100%}.section-topline {flex-wrap:wrap}.arrow-icon {display:inline-block;width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-.15em}.acknowledgement {min-height:44px}.section-light :focus-visible {outline-color:#205d3c}
@media(max-width:350px) {.hero h1 {font-size:2.35rem}}
@media(max-width:767px) {.hero {max-height:none}}
@media(prefers-reduced-motion:reduce) {:root {scroll-behavior:auto} *,*:before,*:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}