:root{color-scheme:dark;--bg:#101411;--surface:#191e1a;--line:#343c34;--text:#f5f7f3;--muted:#a9b1a8;--lime:#d7fa76;--ink:#142010;--blue:#a5c9ff;--warm:#ead2aa;font-family:Arial,Helvetica,sans-serif;font-size:16px;scroll-behavior:smooth;scroll-padding-top:2rem}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px;border-radius:3px}
img{max-width:100%}
.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{font-size:1.65rem;font-weight:800;letter-spacing:-1.2px;display:inline-flex;align-items:center;white-space:nowrap}
.brand-light{font-weight:400}
.brand-symbol{width:33px;height:33px;margin-right:12px;display:block;object-fit:contain;border-radius:5px}
.header nav{display:flex;gap:30px;font-size:.9rem;color:#c9cfc7}
.header nav a:hover{color:var(--lime)}
.header-label{font-size:.8rem;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}
.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:43px 0 34px;gap:24px}
.eyebrow{text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.12em;line-height:1.5;margin:0}
.intro .eyebrow{color:var(--muted);margin-bottom:13px}
h1{font-size:clamp(3.2rem,6.3vw,5.7rem);letter-spacing:-.06em;font-weight:500;line-height:1.08;margin:0}
.lime{color:var(--lime)}
.muted{color:var(--muted)}
.intro-copy{font-size:1rem;line-height:1.5;color:var(--muted);margin:17px 0 0}
.edition{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:4px}
.edition>span:last-child{font-size:1.6rem;letter-spacing:-.05em;white-space:nowrap}
.edition .eyebrow{margin:0}
.game-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;scroll-margin-top:2rem}
.game-feature{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.game-cover{margin:0;position:relative;background:#65747a;aspect-ratio:16/9;flex:none}
.game-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.tide-cover img{object-fit:contain}
.game-cover figcaption{position:absolute;bottom:12px;left:12px;padding:6px 9px;background:#101411ed;color:#e9efea;border-radius:4px;font-size:.75rem;line-height:1.3}
.game-feature-body{padding:26px;display:flex;flex-direction:column;flex:1}
.feature-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.feature-top .eyebrow{font-size:.7rem;color:#c1c8bf}
.pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:5px;font-size:.8rem;line-height:1.3;white-space:nowrap}
.pill-lime{color:var(--lime);background:#2b3720;border:1px solid #42502f}
.pill-blue{color:var(--blue);background:#202d3b;border:1px solid #384958}
.game-feature h2{font-size:clamp(1.6rem,2.7vw,2.5rem);letter-spacing:-.04em;font-weight:600;line-height:1.2;margin:25px 0 17px}
.game-subtitle{display:block;font-size:1.05rem;font-weight:400;letter-spacing:-.015em;margin-top:10px;color:var(--warm);line-height:1.4}
.tide-feature .game-subtitle{color:var(--blue)}
.game-feature-body>p{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 25px;max-width:500px}
.feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.game-feature-body .feature-bottom{padding-top:20px;border-top:1px solid var(--line);margin-top:auto}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 17px;border-radius:5px;font-size:.9rem;font-weight:600;transition:background .15s}
.button-light{color:#162013;background:#f4f6ef}
.button-light:hover{background:var(--lime)}
.button span{margin-left:18px}
.release-label{font-size:.8rem;color:var(--muted)}
.projects,.calendar{margin-top:58px;scroll-margin-top:2rem}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}
.section-heading .eyebrow{color:var(--muted);margin-bottom:10px}
.section-heading h2{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:500;letter-spacing:-.045em;margin:0;line-height:1.2}
.section-caption{font-size:.875rem;color:var(--muted);padding-bottom:4px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.project-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);scroll-margin-top:2rem;overflow:hidden;transition:border-color .2s}
.project-card:hover{border-color:#657150}
.project-card summary{cursor:pointer;list-style:none;padding:26px;display:block}
.project-card summary::-webkit-details-marker{display:none}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.project-number{font-family:Consolas,monospace;font-size:.8rem;color:var(--muted)}
.card-category{text-transform:uppercase;font-size:.7rem;color:var(--muted);letter-spacing:.08em;line-height:1.6}
.project-card h3{font-size:1.65rem;font-weight:500;letter-spacing:-.035em;margin:11px 0 12px;line-height:1.25}
.project-card summary p{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 28px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem;flex-wrap:wrap}
.detail-label{font-size:.875rem;display:inline-flex;align-items:center;gap:10px}
.detail-label>span{font-size:1.2rem;line-height:1;color:var(--lime);transition:transform .2s}
.project-card[open] .detail-label>span{transform:rotate(45deg)}
.project-card[open]{border-color:#748354}
.project-detail{padding:8px 26px 26px;border-top:1px solid var(--line);font-size:1rem;line-height:1.6;color:var(--muted)}
.project-detail>p{margin:18px 0 24px}
.game-facts{display:grid;gap:22px;margin-bottom:28px}
.game-facts h4{font-size:1.05rem;font-weight:500;color:var(--text);margin:0 0 7px}
.game-facts p{margin:0;font-size:.95rem}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gallery-heading{font-size:1.05rem;font-weight:500;color:var(--text);margin:0 0 7px}
.project-detail .gallery-intro{font-size:.8rem;line-height:1.6;margin:0 0 18px}
.screenshot-link{display:block;position:relative;border-radius:4px}
.screenshot-link img{aspect-ratio:16/9;object-fit:contain;background:#0a0e0b}
.screenshot-link>span{position:absolute;right:7px;bottom:7px;background:#101411e8;color:var(--text);padding:2px 7px;border-radius:3px;font-size:.8rem}
.screenshot-link:hover img{border-color:var(--lime)}
.screenshot-grid figure,.prototype-shot{margin:0}
.screenshot-grid img,.prototype-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px}
.screenshot-grid figcaption,.prototype-shot figcaption{font-size:.75rem;line-height:1.5;margin-top:9px;color:#bac3b8}
.project-detail .development-note{border-top:1px solid var(--line);padding-top:16px;margin:22px 0 0;font-size:.8rem;line-height:1.6}
.calendar-intro{color:var(--muted);line-height:1.6;max-width:650px;margin:-3px 0 25px}
.launch-list{border-top:1px solid var(--line)}
.launch-list>a{display:grid;grid-template-columns:50px 1fr auto 180px;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}
.launch-list>a:hover .launch-name,.launch-list>a:hover .launch-date{color:var(--lime)}
.launch-number{font-family:Consolas,monospace;font-size:.85rem;color:var(--muted)}
.launch-name{font-size:1.2rem;font-weight:500;letter-spacing:-.03em;line-height:1.5}
.launch-name small{display:block;font-size:.875rem;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:3px}
.launch-date{font-size:.9rem;justify-self:end}
.launch-date span{margin-left:20px}
.contact{margin:64px 0 56px;padding:38px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;scroll-margin-top:2rem}
.contact .eyebrow{color:var(--muted)}
.contact h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:500;letter-spacing:-.045em;line-height:1.2;margin:16px 0}
.contact p{color:var(--muted);line-height:1.6;margin:0;max-width:450px}
.contact-email{justify-self:end;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-bottom:1px solid var(--lime);font-size:clamp(1.15rem,2vw,1.7rem);color:var(--lime);letter-spacing:-.035em}
.contact-email:hover{color:var(--text)}
.footer{border-top:1px solid var(--line);padding-block:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.8rem;color:var(--muted)}
.footer-brand{color:var(--text);font-size:1.4rem}
.skip{position:fixed;top:-100px;left:24px;background:var(--lime);color:var(--ink);padding:14px;z-index:10}
.skip:focus{top:14px}
@media(max-width:1120px){
  .wrap{width:calc(100% - 56px)}
  .header-label{display:none}
  .header nav{gap:25px}
  .game-feature-body,.project-card summary{padding:23px}
  .project-detail{padding-inline:23px}
  .feature-top .eyebrow{font-size:.7rem}
}
@media(max-width:800px){
  .game-showcase,.project-grid{gap:18px}
  .feature-top{align-items:flex-start}
  .launch-list>a{grid-template-columns:30px 1fr auto;gap:20px}
  .launch-date{grid-column:2/-1;justify-self:start}
  .contact{gap:24px}
  .contact-email{font-size:1.25rem;gap:12px}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 36px)}
  .header{min-height:100px;flex-wrap:wrap;gap:20px;padding-block:22px}
  .brand{font-size:1.5rem}
  .header nav{width:100%;gap:8px;justify-content:space-between;font-size:.8rem;padding-top:3px}
  .header nav a{padding-block:5px}
  .intro{padding:32px 0 27px;align-items:flex-start}
  .intro h1{font-size:clamp(2.8rem,12vw,3.4rem)}
  .intro-copy{margin-top:13px}
  .edition{display:none}
  .game-showcase,.project-grid{grid-template-columns:1fr;gap:22px}
  .game-feature h2{font-size:2rem}
  .game-feature-body .feature-bottom{gap:18px}
  .game-cover figcaption{font-size:.7rem}
  .projects,.calendar{margin-top:42px}
  .section-heading{align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:20px}
  .section-heading h2{font-size:1.8rem}
  .section-caption{padding:0}
  .project-card summary{padding:24px}
  .project-card h3{font-size:1.55rem}
  .project-card summary p{margin-bottom:24px}
  .project-detail{padding-inline:24px}
  .screenshot-grid{grid-template-columns:1fr;gap:20px}
  .launch-list>a{gap:12px;grid-template-columns:24px 1fr auto}
  .launch-name{font-size:1.1rem}
  .launch-list .pill{font-size:.7rem;padding:5px 7px}
  .launch-name small{font-size:.8rem}
  .contact{grid-template-columns:1fr;gap:20px;margin-top:46px;margin-bottom:30px;padding-top:28px}
  .contact-email{justify-self:start;font-size:clamp(1.1rem,5.5vw,1.65rem);max-width:100%}
  .footer{align-items:flex-start;flex-direction:column;gap:18px;padding-block:26px 32px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.pill-warm{color:#f3cb9c;background:#382c23;border:1px solid #66503b}
.omt-feature .game-subtitle{color:#f3cb9c}
.game-page{padding-top:27px}
.back-link{font-size:.875rem;color:var(--muted);display:inline-block;padding-block:10px;border-bottom:1px solid var(--line)}
.back-link:hover{color:var(--lime)}
.game-page-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin:36px 0 60px}
.game-page-status{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.game-page-status .eyebrow{color:var(--muted);font-size:.8rem}
.game-page h1{font-size:clamp(3rem,5.3vw,5rem);line-height:1.03;margin:23px 0;letter-spacing:-.055em}
.game-page-tagline{color:#f3cb9c;font-size:1.25rem;line-height:1.4;margin:0 0 20px}
.game-page-description{font-size:1rem;line-height:1.7;color:var(--muted);margin:0;max-width:780px}
.game-page-meta{font-size:.875rem;line-height:1.6;margin:24px 0 8px;color:#d8dfd5}
.game-page-cover{margin:0;min-width:0}
.game-page-cover img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.game-page-cover figcaption{font-size:.8rem;line-height:1.5;color:var(--muted);margin-top:12px}
.game-page-section{margin-top:52px;padding-top:32px;border-top:1px solid var(--line)}
@media(min-width:1100px){.game-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.game-feature h2{font-size:1.8rem}}
@media(max-width:900px){.game-page-hero{grid-template-columns:1fr;gap:28px;align-items:start}.game-page h1{font-size:clamp(3rem,8vw,4.6rem)}.game-page-copy{max-width:620px}}
@media(max-width:700px){.game-page{padding-top:20px}.game-page-hero{margin-top:27px;margin-bottom:35px}.game-page h1{font-size:clamp(2.8rem,12vw,4rem)}.game-page-section{margin-top:35px;padding-top:25px}}
.omt-project-card{grid-column:1/-1}
.project-card-body{padding:26px}
.project-card-body>p{max-width:720px;color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 24px}
.omt-project-card .card-top{margin-bottom:20px}
.game-page-action{margin-top:24px}
.round-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;margin:30px 0 0;padding:0}
.round-steps li{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:24px}
.step-number{font-family:Consolas,monospace;font-size:.875rem;color:#f3cb9c}
.round-steps h3,.demo-facts h3{font-size:1.1rem;font-weight:500;line-height:1.4;margin:18px 0 10px}
.round-steps p,.demo-facts p{font-size:1rem;line-height:1.65;margin:0;color:var(--muted)}
.demo-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 45px}
.demo-facts h3{margin-top:0}
.game-page-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.game-page-gallery figcaption{font-size:.875rem}
.game-page-note{font-size:.875rem;line-height:1.6;color:var(--muted);margin:22px 0 0}
@media(max-width:800px){.round-steps{grid-template-columns:1fr;gap:16px}.game-page-gallery{grid-template-columns:1fr;gap:26px}}
@media(max-width:700px){.project-card-body{padding:24px}.demo-facts{grid-template-columns:1fr;gap:25px}.game-page-section h2{font-size:1.8rem}}