/* Multipage information architecture: focused routes, shared shell and calm hierarchy. */
[hidden] { display:none !important; }

.site-pathways,
.route-main { position:relative;isolation:isolate; }

.site-pathways { padding:clamp(92px,10vw,150px) max(6vw,24px);border-top:1px solid var(--line); }
.site-pathways > header { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:48px;align-items:end;margin:0 auto 52px;max-width:1320px; }
.site-pathways h2,.route-hero h1 { margin:10px 0 0;font:500 clamp(48px,7vw,104px)/.9 "Manrope",sans-serif;letter-spacing:-.065em; }
.site-pathways h2 span,.route-hero h1 span { color:var(--accent-secondary,#a8c89b); }
.site-pathways > header > p:last-child { max-width:520px;margin:0;color:var(--muted);font-size:clamp(16px,1.45vw,20px);line-height:1.75; }
.site-pathway-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto; }
.site-pathway-card { min-height:350px;padding:30px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(67,95,73,.24),rgba(38,30,23,.22));box-shadow:0 28px 70px rgba(0,0,0,.14);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .35s var(--ease),border-color .35s ease,background-color .35s ease; }
.site-pathway-card::before { content:"";position:absolute;inset:-20% 34% 38% -18%;border-radius:50%;background:radial-gradient(circle,rgba(183,215,169,.16),transparent 70%);pointer-events:none; }
.site-pathway-card:hover,.site-pathway-card:focus-visible { transform:translateY(-7px);border-color:rgba(183,215,169,.4); }
.site-pathway-card small { color:#c48b5e;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.16em; }
.site-pathway-card strong { max-width:310px;margin:auto 0 15px;font:500 clamp(28px,2.7vw,43px)/1 "Manrope",sans-serif;letter-spacing:-.05em; }
.site-pathway-card > span { max-width:380px;color:var(--muted);line-height:1.65; }
.site-pathway-card em { margin-top:25px;font-style:normal;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.13em;text-transform:uppercase; }
.site-pathway-card--app > :not(.site-pathway-shot) { position:relative;z-index:1; }
.site-pathway-shot { position:absolute;z-index:0;top:58px;right:-12%;width:76%;aspect-ratio:16/10;border:1px solid var(--line);border-radius:14px;opacity:.88;transform:rotate(-3deg);background:url("../assets/apps/pineforge-collective/screens/web/05-liderlik-koyu-720.webp") top left/cover no-repeat;box-shadow:0 24px 60px rgba(0,0,0,.3);-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 88%);mask-image:linear-gradient(to bottom,#000 30%,transparent 88%);pointer-events:none;transition:transform .5s var(--ease); }
:root[data-theme="light"] .site-pathway-shot { background-image:url("../assets/apps/pineforge-collective/screens/web/14-liderlik-acik-720.webp"); }
.site-pathway-card:hover .site-pathway-shot,.site-pathway-card:focus-visible .site-pathway-shot { transform:rotate(-2deg) translateY(-5px); }

/* Signature game orbit: the studio emblem and six titles share one calm stage. */
.universe-section--signature {
  width:calc(100% - clamp(28px,4vw,64px));
  min-height:clamp(760px,88svh,920px);
  margin:clamp(70px,9vw,132px) auto;
  padding:clamp(76px,8vw,126px) clamp(28px,6vw,96px);
  grid-template-columns:minmax(330px,.72fr) minmax(560px,1.28fr);
  gap:clamp(32px,4vw,70px);
  border:1px solid color-mix(in srgb,var(--border-soft) 78%,var(--forge-copper) 22%);
  border-radius:clamp(30px,3.5vw,52px);
  background:
    radial-gradient(44rem 32rem at 72% 48%,rgba(173,202,158,.105),transparent 66%),
    linear-gradient(135deg,color-mix(in srgb,var(--surface-glass-strong) 84%,#07110c),color-mix(in srgb,var(--surface-wood) 68%,#07110c));
  box-shadow:0 45px 120px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025);
}
.universe-section--signature::after {
  content:"";position:absolute;inset:22px;border:1px solid rgba(184,210,171,.045);
  border-radius:calc(clamp(30px,3.5vw,52px) - 12px);pointer-events:none;
}
.universe-section--signature .universe-copy { max-width:540px; }
.universe-section--signature .universe-copy h2 { margin:12px 0 0;font-size:clamp(48px,5vw,78px);letter-spacing:-.06em; }
.universe-actions { display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px; }
.universe-actions .button-primary { min-height:58px; }
.universe-actions small { display:flex;align-items:center;gap:9px;color:var(--muted);font:700 9px/1.2 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase; }
.universe-actions small i { width:7px;height:7px;border-radius:50%;background:#9fc28f;box-shadow:0 0 0 6px rgba(159,194,143,.09); }
.universe-section--signature .universe { min-height:640px;height:min(70svh,720px);margin:0; }
.universe-fallback { position:absolute;z-index:4;left:50%;top:50%;width:min(310px,38vw);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 28px 55px rgba(0,0,0,.32));transition:opacity .5s ease,transform .7s var(--ease);pointer-events:none; }
.universe.three-ready .universe-fallback { opacity:0;transform:translate(-50%,-50%) scale(.92); }
.universe-section--signature #pineforgeCanvas { z-index:5;width:min(330px,30vw);height:min(500px,48vw); }
.universe-section--signature .orbit-card { box-shadow:0 22px 54px rgba(0,0,0,.28); }

:root[data-theme="light"] .universe-section--signature {
  background:radial-gradient(40rem 30rem at 72% 48%,rgba(97,143,84,.18),transparent 68%),linear-gradient(135deg,#e7f1e2,#d5e5cf);
  box-shadow:0 40px 100px rgba(43,69,48,.13),inset 0 1px rgba(255,255,255,.5);
}

.route-page { min-height:100vh;background:var(--ink); }
.route-header { position:fixed;z-index:80;top:14px;left:50%;width:min(1440px,calc(100% - 36px));min-height:66px;transform:translateX(-50%);display:flex;align-items:center;gap:26px;padding:8px 14px 8px 20px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--ink-2) 82%,transparent);box-shadow:0 16px 50px rgba(0,0,0,.22);backdrop-filter:blur(18px) saturate(1.15); }
.route-header .brand { flex:0 0 auto; }
.route-header-nav { display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto; }
.route-header-nav a { padding:12px 14px;border-radius:999px;color:var(--muted);font:600 12px/1 "Manrope",sans-serif; }
.route-header-nav a:hover,.route-header-nav a[aria-current="page"] { color:var(--cream);background:rgba(255,255,255,.055); }
.route-header-actions { display:flex;align-items:center;gap:8px; }
.route-header .theme-toggle { min-width:94px; }
.route-menu { display:none;position:relative; }
.route-menu summary { width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;cursor:pointer;list-style:none; }
.route-menu summary::-webkit-details-marker { display:none; }
.route-menu summary::before { content:"";width:17px;height:11px;border-top:1px solid currentColor;border-bottom:1px solid currentColor; }
.route-menu nav { position:absolute;right:0;top:52px;width:min(280px,calc(100vw - 32px));padding:10px;border:1px solid var(--line);border-radius:20px;background:var(--ink-2);box-shadow:0 24px 70px rgba(0,0,0,.35);display:grid; }
.route-menu nav a { padding:15px;border-radius:13px;color:var(--muted); }
.route-menu nav a:hover,.route-menu nav a[aria-current="page"] { color:var(--cream);background:rgba(255,255,255,.06); }

.route-main { padding-top:98px; }
.route-hero { min-height:76vh;padding:clamp(80px,10vw,150px) max(7vw,24px) clamp(70px,9vw,130px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:end;gap:60px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 34%,rgba(116,91,67,.2),transparent 30rem); }
.route-hero-copy { max-width:920px; }
.route-hero-copy > p:last-child { max-width:710px;margin:30px 0 0;color:var(--muted);font-size:clamp(17px,1.6vw,22px);line-height:1.7; }
.route-hero-aside { padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(63,93,70,.22),rgba(47,37,29,.2)); }
.route-hero-aside small { color:#c48b5e;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.15em; }
.route-hero-aside strong { display:block;margin:18px 0 12px;font:500 clamp(25px,2.4vw,38px)/1.05 "Manrope",sans-serif; }
.route-hero-aside p { margin:0;color:var(--muted);line-height:1.65; }
.route-summary { display:flex;flex-wrap:wrap;gap:8px;margin-top:24px; }
.route-summary span { padding:10px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:700 9px/1 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase; }

.route-section { padding:clamp(82px,9vw,140px) max(7vw,24px); }
.route-section + .route-section { border-top:1px solid var(--line); }
.route-section-heading { display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:45px;align-items:end;max-width:1320px;margin:0 auto 48px; }
.route-section-heading h2 { margin:10px 0 0;font:500 clamp(42px,5.5vw,78px)/.94 "Manrope",sans-serif;letter-spacing:-.055em; }
.route-section-heading h2 span { color:var(--accent-secondary,#a8c89b); }
.route-section-heading > p { margin:0;color:var(--muted);line-height:1.7;font-size:17px; }

.game-library { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto; }
.game-library .project-card { grid-column:span 4;min-height:510px; }
.game-library .project-card:nth-child(1) { grid-column:span 8; }
.game-library .project-card:nth-child(1) .project-card-art { aspect-ratio:16/9; }
.game-library .project-card:nth-child(n+6) { min-height:0; }
.game-library .project-card:nth-child(n+6) .project-card-art { height:auto;aspect-ratio:2/1; }
.game-library-note { max-width:1320px;margin:28px auto 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px; }

.studio-facts,.studio-principles { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto; }
.studio-facts article,.studio-principles article,.studio-service-grid article { padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(58,86,65,.2),rgba(52,40,31,.18)); }
.studio-facts small,.studio-principles small,.studio-service-grid small { color:#c48b5e;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.15em; }
.studio-facts strong,.studio-principles strong,.studio-service-grid strong { display:block;margin:48px 0 14px;font:500 clamp(25px,2.4vw,38px)/1 "Manrope",sans-serif;letter-spacing:-.04em; }
.studio-facts p,.studio-principles p,.studio-service-grid p { margin:0;color:var(--muted);line-height:1.7; }
.studio-service-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto; }
.studio-team { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1320px;margin:auto; }
.studio-team article { display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(58,86,65,.2),rgba(52,40,31,.18)); }
.studio-team-photo { position:relative;aspect-ratio:4/5;overflow:hidden;background:#141a15; }
.studio-team-photo::after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 58%,rgba(10,14,11,.5));box-shadow:inset 0 0 0 1px rgba(255,255,255,.04); }
.studio-team-photo img { width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s var(--ease); }
.studio-team article:hover .studio-team-photo img { transform:scale(1.03); }
.studio-team-body { padding:22px 28px 28px; }
.studio-team-body small { color:#c48b5e;font:700 10px/1 "Manrope",sans-serif;letter-spacing:.15em; }
.studio-team-body strong { display:block;margin-top:12px;font:500 clamp(24px,2.3vw,34px)/1.05 "Manrope",sans-serif;letter-spacing:-.04em; }
.studio-team-body p { margin:12px 0 0;color:var(--muted);line-height:1.7; }
.studio-team-pending .studio-team-photo { display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(183,215,169,.14),transparent 62%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 14px),#141a15; }
.studio-team-pending .studio-team-photo::after { background:none; }
.studio-team-pending .studio-team-photo img { width:64px;height:auto;opacity:.5;object-fit:contain; }
.studio-team-pending:hover .studio-team-photo img { transform:none; }
:root[data-theme="light"] .studio-team-pending .studio-team-photo { background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.7),transparent 62%),repeating-linear-gradient(135deg,rgba(25,32,25,.04) 0 1px,transparent 1px 14px),#d5e2cd; }
.studio-service-grid article { min-height:300px;display:flex;flex-direction:column; }
.studio-service-grid article strong { margin:auto 0 14px; }
.studio-process { max-width:1080px;margin:auto;counter-reset:stage; }
.studio-process article { display:grid;grid-template-columns:74px minmax(0,1fr) minmax(250px,.65fr);gap:26px;align-items:center;padding:24px 0;border-top:1px solid var(--line);counter-increment:stage; }
.studio-process article::before { content:counter(stage,decimal-leading-zero);color:#c48b5e;font:700 11px/1 "Manrope",sans-serif;letter-spacing:.12em; }
.studio-process strong { font:500 clamp(22px,2.5vw,34px)/1.1 "Manrope",sans-serif; }
.studio-process p { margin:0;color:var(--muted);line-height:1.6; }

.route-cta { max-width:1320px;margin:0 auto;padding:clamp(60px,7vw,100px);border:1px solid var(--line);border-radius:38px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(177,207,160,.14),transparent 28rem),linear-gradient(145deg,rgba(54,81,61,.22),rgba(55,42,32,.22)); }
.route-cta h2 { margin:12px auto 24px;max-width:800px;font:500 clamp(42px,6vw,82px)/.92 "Manrope",sans-serif;letter-spacing:-.06em; }
.route-cta p { max-width:680px;margin:0 auto 30px;color:var(--muted);font-size:17px;line-height:1.7; }
.route-footer { position:static;inset:auto;padding:34px max(4vw,20px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--muted);font-size:12px; }
.route-footer nav { display:flex;gap:20px; }
.route-footer a:hover { color:var(--cream); }
.route-back-top { position:fixed;right:24px;bottom:24px;z-index:50;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:var(--ink-2);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s ease; }
.route-back-top.is-visible { opacity:1;pointer-events:auto;transform:none; }
.route-reveal { opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s var(--ease); }
.route-reveal.is-visible { opacity:1;transform:none; }

@media (max-width:960px) {
  .site-pathway-grid,.studio-service-grid,.studio-team { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .site-pathway-card:last-child,.studio-service-grid article:last-child { grid-column:1/-1; }
  .route-header-nav { display:none; }
  .route-header-actions { margin-left:auto; }
  .route-menu { display:block; }
  .route-hero,.route-section-heading,.site-pathways > header { grid-template-columns:1fr; }
  .game-library .project-card,.game-library .project-card:nth-child(1) { grid-column:span 6; }
  .studio-facts,.studio-principles { grid-template-columns:1fr; }
  .universe-section--signature { grid-template-columns:1fr; }
  .universe-section--signature .universe-copy { max-width:720px; }
  .universe-section--signature .universe { min-height:660px;height:660px;margin:0; }
  .universe-section--signature #pineforgeCanvas { width:280px;height:430px; }
}

@media (max-width:640px) {
  .site-pathways { padding-left:20px;padding-right:20px; }
  .site-pathway-grid,.studio-service-grid,.studio-team { grid-template-columns:1fr; }
  .site-pathway-card,.site-pathway-card:last-child,.studio-service-grid article:last-child { grid-column:auto;min-height:290px; }
  .route-header { top:8px;width:calc(100% - 16px);padding:7px 9px 7px 13px;border-radius:20px; }
  .route-header .brand span { display:none; }
  .route-header .brand img { width:28px;height:auto; }
  .route-header .theme-toggle { min-width:44px;width:44px;padding:0; }
  .route-header .theme-toggle-label { display:none; }
  .route-hero { min-height:auto;padding-top:105px;gap:35px; }
  .route-section { padding-left:20px;padding-right:20px; }
  .game-library { display:grid;grid-template-columns:1fr; }
  .game-library .project-card,.game-library .project-card:nth-child(1) { grid-column:auto;min-height:430px; }
  .game-library .project-card:nth-child(n+6) { min-height:0; }
  .game-library-note,.route-footer { flex-direction:column;align-items:flex-start; }
  .studio-process article { grid-template-columns:48px 1fr; }
  .studio-process article p { grid-column:2; }
  .route-cta { padding:54px 22px;border-radius:28px; }
  .universe-section--signature { width:calc(100% - 20px);min-height:auto;margin:52px auto;padding:70px 16px 28px;gap:20px;border-radius:30px; }
  .universe-section--signature::after { inset:9px;border-radius:22px; }
  .universe-section--signature .universe-copy { padding-inline:8px; }
  .universe-section--signature .universe-copy h2 { font-size:clamp(42px,13vw,58px); }
  .universe-section--signature .universe-copy > p:last-of-type { font-size:14px;line-height:1.65; }
  .universe-actions { align-items:flex-start;flex-direction:column;margin-top:26px; }
  .universe-actions .button-primary { width:100%;justify-content:space-between; }
  .universe-section--signature .universe { min-height:570px;height:570px;margin:0 -6px; }
  .universe-section--signature #pineforgeCanvas { width:210px;height:340px; }
  .universe-fallback { width:190px; }
}

@media (prefers-reduced-motion:reduce) {
  .site-pathway-card,.site-pathway-shot,.studio-team-photo img,.route-reveal { transition:none; }
  .route-reveal { opacity:1;transform:none; }
}