.preview-toolbar{z-index:10;background:var(--surface);border-block:1px solid var(--p-rule);transition:background-color .35s,border-color .35s;position:sticky;top:0}.preview-toolbar-inner{justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:0 30px;display:flex}.preview-navigation,.preview-controls{align-items:center;gap:24px;display:flex}.preview-navigation a,.preview-controls{font:12px/1.4 var(--mono)}.preview-navigation a{min-height:55px;color:var(--reading-muted);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex;position:relative}.preview-navigation a[aria-current]{color:var(--accent)}.preview-navigation a[aria-current]:after{content:"";background:currentColor;height:2px;position:absolute;inset:auto 0 -1px}.preview-navigation .preview-overview{margin-right:16px}.preview-navigation a:hover,.preview-controls button:hover{color:var(--accent)}.preview-controls button{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.preview-theme>span:first-child{font-size:22px}.depth-control{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;min-height:44px;display:flex}.depth-control input{accent-color:var(--accent);width:15px;height:15px;margin:0}.depth-control:has(:disabled){color:var(--reading-muted);cursor:default}.projects-preview,.preview-hub{max-width:1200px;margin:auto;padding:0 30px}.preview-kicker{color:var(--accent);font:11px/1.6 var(--mono);margin:0 0 25px}.preview-intro{grid-template-columns:1.25fr 1fr;align-items:end;gap:90px;padding:76px 0 54px;display:grid}.preview-intro h1,.preview-hub h1{letter-spacing:-.045em;margin:0;font-size:clamp(48px,5.3vw,74px);font-weight:400;line-height:1.06}.preview-intro h1 em,.preview-hub h1 em{color:var(--accent);font-weight:400}.preview-intro-copy{max-width:40ch}.preview-intro-copy p{color:var(--reading-muted);margin:0;font-size:20px;line-height:1.55}.preview-intro-copy .preview-browse-hint{max-width:36ch;margin-top:18px;font-size:16px;line-height:1.5}.preview-project-index{border-bottom:1px solid var(--p-rule);flex-wrap:wrap;gap:0 28px;padding-bottom:15px;display:flex}.preview-project-index a{min-height:44px;text-decoration-color:var(--p-rule);text-underline-offset:5px;align-items:center;font-size:17px;display:flex}.preview-project-index a:hover{color:var(--accent)}.preview-project{min-width:0;scroll-margin-top:100px}.preview-project-art{min-width:0}.preview-scene{width:100%;color:inherit;font:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.scene-ink{filter:url(#preview-ink-tone);display:block}.scene-ink img{width:100%;height:auto}.preview-ink-color{flood-color:var(--ink);transition:flood-color .35s}.scene-invitation{min-height:32px;color:var(--accent);font:11px/1.4 var(--mono);opacity:0;align-items:center;gap:10px;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:0;right:20px;transform:translateY(4px)}.preview-scene:is(:hover,:focus-visible) .scene-invitation{opacity:1;transform:none}.scene-filter{pointer-events:none;position:absolute}.scene-depth{display:none;position:absolute;inset:0}.scene-composite{isolation:isolate;background:#fff;width:100%;height:100%;display:block;position:relative;overflow:hidden}.scene-layer{transition:transform .25s ease-out;position:absolute;inset:0}.planet-layer{mix-blend-mode:multiply;transform:translate(calc(var(--depth-x,0px) * -.45), calc(var(--depth-y,0px) * -.45))}.terrain-layer{transform:translate(calc(var(--depth-x,0px) * .25), calc(var(--depth-y,0px) * .25))}.foreground-layer{filter:url(#casefile-chroma);transform:translate(var(--depth-x,0px), var(--depth-y,0px))}[data-preview-depth=on] .casefile-scene .scene-still{visibility:hidden}[data-preview-depth=on] .casefile-scene .scene-depth{display:block}.preview-purpose{color:var(--reading-muted);margin:0 0 11px;font-size:16px;line-height:1.5}.preview-project h2{letter-spacing:-.05em;margin:0 0 23px;font-size:clamp(48px,5vw,70px);font-weight:400;line-height:1.05}.preview-project h2 a{text-decoration:none}.preview-project h2 a:hover{color:var(--accent)}.preview-project h3{letter-spacing:-.025em;text-wrap:balance;max-width:27ch;margin:0;font-size:28px;font-weight:500;line-height:1.25}.preview-project-story>p{color:var(--reading-muted);max-width:46ch;margin:18px 0 17px;font-size:19px;line-height:1.6}.preview-project-links{flex-wrap:wrap;align-items:center;gap:10px 25px;display:flex}.preview-project-links a{min-height:44px;color:var(--accent);text-underline-offset:5px;align-items:center;gap:10px;font-size:17px;display:inline-flex}.preview-project-links a+a{color:var(--reading-muted);font:11px/1.5 var(--mono)}.preview-outro{border-top:1px solid var(--p-rule);justify-content:space-between;align-items:end;gap:50px;margin-top:100px;padding:40px 0 42px;display:flex}.preview-outro>p{letter-spacing:-.025em;max-width:34ch;margin:0;font-size:27px;line-height:1.4}.preview-outro>div{flex-direction:column;align-items:flex-start;display:flex}.preview-outro a{color:var(--accent);text-underline-offset:5px;align-items:center;gap:12px;min-height:44px;font-size:17px;display:flex}.preview-outro a+a{color:var(--reading-muted);font-size:15px}.view-journal .preview-projects{grid-template-columns:repeat(12,minmax(0,1fr));gap:100px 28px;padding-top:62px;display:grid}.view-journal .project-overclock{grid-column:1/-1;grid-template-columns:.8fr 1.2fr;align-items:center;gap:22px;display:grid}.view-journal .project-overclock .preview-project-art{grid-area:1/2;margin:0 -20px 0 -10px}.view-journal .project-overclock .preview-project-copy{grid-area:1/1;padding-right:20px}.view-journal .project-ironside{grid-column:1/8}.view-journal .project-ironside .preview-project-copy{max-width:520px;margin:38px 0 0 36px}.view-journal .project-rubrist{grid-column:9/13;margin-top:180px}.view-journal .project-rubrist .preview-project-copy{margin-top:28px}.view-journal .project-rubrist h2{font-size:54px}.view-journal .project-rubrist h3{font-size:25px}.view-journal .project-rubrist .preview-project-story>p{font-size:18px}.view-journal .project-dailies{grid-column:2/7;margin-top:-25px}.view-journal .project-dailies .preview-project-copy{max-width:450px;margin-top:32px}.view-journal .project-casefile{grid-column:1/-1;grid-template-columns:.7fr 1.3fr;align-items:center;gap:40px;padding-top:14px;display:grid}.view-journal .project-casefile .preview-project-art{grid-area:1/2;margin-right:-20px}.view-journal .project-casefile .preview-project-copy{grid-area:1/1}.view-cinematic{max-width:1440px;padding-inline:50px}.view-cinematic .preview-intro{grid-template-columns:1.4fr 1fr;padding-top:84px}.view-cinematic .preview-intro-copy{justify-self:end}.view-cinematic .preview-project-index{margin-top:15px}.view-cinematic .preview-projects{padding-top:78px}.view-cinematic .preview-project{flex-direction:column;gap:32px;margin-bottom:110px;display:flex}.view-cinematic .preview-project-copy{order:-1;grid-template-columns:1fr .85fr;align-items:start;gap:12%;display:grid}.view-cinematic .preview-project:nth-child(2n) .preview-project-heading{grid-area:1/2}.view-cinematic .preview-project:nth-child(2n) .preview-project-story{grid-area:1/1;max-width:470px}.view-cinematic .preview-project h2{margin-bottom:0;font-size:clamp(76px,8vw,118px)}.view-cinematic .preview-project h3{font-size:27px}.view-cinematic .preview-project-story>p{margin-block:14px 12px;font-size:18px}.view-cinematic .preview-project-art{align-self:center;width:100%;max-width:1200px}.view-cinematic .project-overclock .preview-project-art{max-width:1100px;margin-top:-18px}.view-cinematic .project-casefile .preview-project-art{max-width:none}.view-cinematic .preview-project+.preview-project{border-top:1px solid var(--p-rule);padding-top:65px}.view-cinematic .preview-outro{margin-top:-10px}.view-atlas .preview-intro{padding-bottom:10px}.view-atlas .preview-projects{height:1120px;margin-top:45px;position:relative}.view-atlas .preview-project{position:absolute}.view-atlas .project-overclock{width:42%;top:0;left:0}.view-atlas .project-ironside{width:45%;top:105px;right:0}.view-atlas .project-rubrist{width:32%;top:355px;left:5%}.view-atlas .project-dailies{width:33%;top:470px;right:4%}.view-atlas .project-casefile{width:49%;top:725px;left:15%}.view-atlas .preview-project-copy{margin-top:8px;padding-left:12%}.view-atlas .preview-project-heading{flex-direction:column-reverse;display:flex}.view-atlas .preview-project h2{margin:0 0 6px;font-size:36px}.view-atlas .preview-purpose{margin-bottom:0;font-size:15px}.view-atlas .preview-project-story{display:none}.atlas-story-link{min-height:40px;font:13px/1.5 var(--serif);color:var(--accent);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-left:12%;padding:0;text-decoration:underline;display:inline-flex}.view-atlas .preview-outro{margin-top:55px}.preview-hub-intro{max-width:660px;padding:76px 0 52px}.preview-hub-intro>p:last-child{max-width:48ch;color:var(--reading-muted);margin:28px 0 0;font-size:21px;line-height:1.55}.preview-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;display:grid}.preview-option{text-decoration:none;display:block}.preview-option.option-world{grid-column:1/-1;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;margin-top:20px;display:grid}.option-world .layout-miniature{aspect-ratio:auto;background:0 0;border:0}.miniature-world-image{filter:url(#preview-ink-tone);width:100%;height:auto}.option-world .preview-option-caption{max-width:380px;margin-top:0}.layout-miniature{aspect-ratio:1/1.05;border-block:1px solid var(--p-rule);background:rgba(var(--ink-rgb), .015);position:relative;overflow:hidden}.miniature-title{background:var(--accent);width:23%;height:2px;box-shadow:0 7px 0 var(--p-rule);position:absolute;top:9%;left:8%}.miniature-project{display:block;position:absolute}.miniature-project img{filter:url(#preview-ink-tone);width:100%;height:auto;transition:transform .3s}.miniature-text{background:var(--p-rule);width:28%;height:2px;margin:5px auto 0;display:block}.preview-option:hover .miniature-project img{transform:translateY(-3px)}.miniature-journal .miniature-overclock{width:56%;top:15%;left:38%}.miniature-journal .miniature-ironside{width:56%;top:37%;left:3%}.miniature-journal .miniature-rubrist{width:35%;top:47%;right:2%}.miniature-journal .miniature-dailies{width:36%;top:65%;left:9%}.miniature-journal .miniature-casefile{width:50%;top:73%;right:4%}.miniature-cinematic .miniature-title{left:10%}.miniature-cinematic .miniature-overclock{width:86%;top:18%;left:7%}.miniature-cinematic .miniature-ironside{width:86%;top:61%;left:7%}.miniature-atlas .miniature-overclock{width:45%;top:17%;left:3%}.miniature-atlas .miniature-ironside{width:48%;top:30%;right:1%}.miniature-atlas .miniature-rubrist{width:33%;top:45%;left:7%}.miniature-atlas .miniature-dailies{width:32%;top:59%;right:8%}.miniature-atlas .miniature-casefile{width:52%;top:76%;left:18%}.preview-option-caption{gap:16px;margin-top:24px;display:flex}.preview-option-number{color:var(--accent);font:11px/1.6 var(--mono);padding-top:7px}.preview-option h2{letter-spacing:-.03em;margin:0 0 12px;font-size:26px;font-weight:500;line-height:1.15}.preview-option p{color:var(--reading-muted);margin:0;font-size:17px;line-height:1.5}.preview-option-open{color:var(--accent);text-underline-offset:5px;align-items:center;gap:12px;min-height:44px;margin-top:8px;font-size:16px;text-decoration:underline;display:inline-flex}.preview-hub-notes{border-top:1px solid var(--p-rule);justify-content:space-between;align-items:end;gap:50px;margin-top:72px;padding:40px 0;display:flex}.preview-hub-notes h2{letter-spacing:-.025em;margin:0 0 16px;font-size:27px;font-weight:500;line-height:1.3}.preview-hub-notes p{max-width:57ch;color:var(--reading-muted);margin:0;font-size:18px}.preview-hub-notes>a{color:var(--accent);text-underline-offset:5px;flex-shrink:0;align-items:center;gap:12px;min-height:44px;font-size:17px;display:flex}.scene-dialog{border:1px solid var(--p-rule);background:var(--surface);width:min(1220px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);overscroll-behavior:contain;padding:24px 38px 34px;overflow:auto}.scene-dialog::backdrop{backdrop-filter:blur(5px);background:#100e0aad}.scene-dialog[open]{animation:.24s ease-out scene-arrive}@keyframes scene-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scene-dialog-header{z-index:2;background:var(--surface);justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:-24px}.scene-dialog-header p{color:var(--reading-muted);font:12px/1.5 var(--mono);margin:0}.scene-close,.inspect-toggle{color:var(--accent);min-height:44px;font:13px/1.5 var(--mono);cursor:pointer;background:0 0;border:0;align-items:center;gap:15px;padding:0 4px;display:inline-flex}.scene-close span{font:26px/1 var(--serif)}.scene-stage{background:var(--surface);width:100%;margin:12px 0 20px;position:relative}.scene-dialog-image{filter:url(#preview-ink-tone);width:100%;height:auto}.scene-lens{aspect-ratio:1;border:1px solid var(--accent);pointer-events:none;background:var(--surface);width:clamp(105px,18vw,190px);box-shadow:0 2px 14px rgba(var(--ink-rgb), .12);border-radius:50%;position:absolute;overflow:hidden}.scene-lens img{filter:url(#preview-ink-tone);max-width:none;height:auto;position:absolute}.scene-stage[data-inspecting=true]{cursor:crosshair;touch-action:none}.scene-inspection{align-items:center;gap:24px;margin-top:-8px;margin-bottom:24px;display:flex}.scene-inspection[hidden],.scene-lens[hidden]{display:none}.inspect-toggle{border-bottom:1px solid var(--p-rule);white-space:nowrap}.inspect-toggle[aria-pressed=true]{border-color:var(--accent)}.scene-inspection p{color:var(--reading-muted);margin:0;font-size:15px}.scene-dialog-copy{border-top:1px solid var(--p-rule);grid-template-columns:1fr 1fr;gap:70px;padding-top:25px;display:grid}.scene-dialog h2{letter-spacing:-.04em;margin:0 0 14px;font-size:55px;font-weight:400;line-height:1.1}.scene-dialog-note{max-width:33ch;margin:0;font-size:22px;font-style:italic;line-height:1.45}.scene-dialog-story{color:var(--reading-muted);margin:0 0 10px;font-size:18px;line-height:1.6}html:has(.scene-dialog[open]){scrollbar-gutter:stable;overflow:hidden}@media (width<=1050px){.preview-toolbar-inner{gap:14px}.preview-navigation,.preview-controls{gap:18px}.preview-navigation .preview-overview{margin-right:0}.preview-intro{gap:45px}.view-journal .preview-projects{column-gap:22px}.view-journal .project-ironside{grid-column:1/8}.view-journal .project-rubrist{grid-column:8/13}.view-journal .project-ironside .preview-project-copy{margin-left:12px}.view-journal .project-dailies{grid-column:2/8}.view-journal .project-casefile{grid-template-columns:.9fr 1.1fr;gap:20px}.view-cinematic{padding-inline:30px}.view-cinematic .preview-project-copy{gap:7%}.view-cinematic .preview-project h2{font-size:78px}.view-atlas .preview-projects{height:1010px}.view-atlas .project-rubrist{top:325px}.view-atlas .project-dailies{top:410px}.view-atlas .project-casefile{top:660px}.preview-options{gap:24px}.preview-option-caption{gap:11px}.preview-option h2{font-size:24px}.preview-hub-notes{flex-direction:column;align-items:start;gap:22px}}@media (width<=760px){.preview-toolbar-inner{flex-wrap:wrap;gap:0;padding-inline:16px}.preview-navigation{justify-content:space-between;gap:22px;width:100%}.preview-navigation a{min-height:46px;font-size:11px}.preview-controls{border-top:1px solid var(--p-hair);justify-content:space-between;width:100%;font-size:11px}.preview-controls .preview-theme{margin-left:auto}.projects-preview,.preview-hub,.view-cinematic{padding-inline:16px}.preview-intro,.view-cinematic .preview-intro{grid-template-columns:1fr;gap:24px;padding:40px 0 28px}.preview-intro h1,.preview-hub h1{font-size:clamp(43px,8vw,60px)}.preview-kicker{margin-bottom:20px;font-size:10px}.preview-intro-copy,.view-cinematic .preview-intro-copy{justify-self:start;max-width:49ch}.preview-intro-copy p{font-size:19px}.preview-intro-copy .preview-browse-hint{margin-top:12px;font-size:15px}.preview-project-index{gap:0 23px;padding-bottom:12px}.preview-project-index a{font-size:16px}.preview-project{scroll-margin-top:112px}.view-journal .preview-projects{flex-direction:column;gap:58px;padding-top:36px;display:flex}.view-journal .preview-project,.view-journal .project-overclock,.view-journal .project-casefile{flex-direction:column;gap:25px;margin:0;padding:0;display:flex}.view-journal .preview-project .preview-project-art{width:100%;margin:0}.view-journal .preview-project .preview-project-copy{align-self:start;max-width:540px;margin:0;padding:0}.view-journal .project-rubrist .preview-project-art,.view-journal .project-dailies .preview-project-art{align-self:end;width:85%}.view-journal .project-rubrist .preview-project-copy{padding-left:9%}.preview-project h2,.view-journal .project-rubrist h2{margin-bottom:20px;font-size:52px}.preview-project h3,.view-journal .project-rubrist h3{font-size:26px}.preview-project-story>p{font-size:18px}.preview-purpose{font-size:15px}.scene-invitation{opacity:1;min-height:24px;font-size:10px;bottom:-7px;right:8px;transform:none}.view-cinematic .preview-projects{padding-top:40px}.view-cinematic .preview-project{gap:25px;margin-bottom:60px}.view-cinematic .preview-project-copy{flex-direction:column;gap:25px;display:flex}.view-cinematic .preview-project h2{font-size:clamp(57px,11vw,82px)}.view-cinematic .preview-project+.preview-project{padding-top:35px}.view-cinematic .project-overclock .preview-project-art{margin-top:0}.view-cinematic .preview-project h3{font-size:25px}.view-atlas .preview-projects{flex-direction:column;gap:34px;height:auto;margin-top:32px;display:flex}.view-atlas .preview-project{width:100%;position:static}.view-atlas .project-rubrist,.view-atlas .project-dailies{width:87%}.view-atlas .project-dailies{align-self:end}.view-atlas .preview-project-copy{margin-top:12px;padding-left:6%}.view-atlas .preview-project h2{margin-bottom:6px;font-size:36px}.view-atlas .atlas-story-link{min-height:44px;margin-left:6%;font-size:15px}.preview-outro{flex-direction:column;align-items:start;gap:25px;margin-top:58px;padding:30px 0}.preview-outro>p{font-size:24px}.preview-hub-intro{padding:40px 0 34px}.preview-hub-intro>p:last-child{margin-top:24px;font-size:19px}.preview-options{grid-template-columns:1fr;gap:40px}.preview-option{grid-template-columns:1fr 1fr;align-items:center;gap:22px;display:grid}.preview-option.option-world{grid-template-columns:1fr;gap:22px;margin-top:0}.option-world .preview-option-caption{gap:16px;display:flex}.preview-option-caption{margin:0;display:block}.preview-option-number{padding:0 0 12px;display:block}.preview-option h2{font-size:25px}.preview-option p{font-size:16px}.preview-hub-notes{margin-top:42px;padding-top:30px}.scene-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:12px 16px 24px}.scene-dialog-header{gap:16px;top:-12px}.scene-dialog-header p{max-width:24ch;font-size:10px}.scene-dialog-copy{grid-template-columns:1fr;gap:24px;padding-top:22px}.scene-dialog h2{font-size:43px}.scene-dialog-note{font-size:21px}.scene-dialog-story{font-size:17px}.scene-inspection{flex-direction:column;align-items:start;gap:10px}.scene-inspection p{font-size:14px}}@media (width<=380px){.preview-navigation{gap:13px}.preview-option{grid-template-columns:1fr;gap:18px}.layout-miniature{aspect-ratio:1.2}.preview-option-caption{gap:16px;display:flex}}@media (hover:none),(pointer:coarse){.scene-invitation{opacity:1;transform:none}.scene-layer{transform:none!important}}@media (prefers-reduced-motion:reduce){html:has(.projects-preview,.preview-hub) body,.preview-toolbar,.scene-ink,.preview-ink-color,.scene-invitation,.scene-layer,.miniature-project img{transition:none}.scene-dialog[open]{animation:none}.preview-option:hover .miniature-project img{transform:none}[data-preview-depth=on] .casefile-scene .scene-still{visibility:visible}[data-preview-depth=on] .casefile-scene .scene-depth{display:none}}
