.philosophy{min-height:auto;padding:130px 8vw;display:grid;grid-template-columns:.7fr 1.6fr;gap:7vw;background:#f5f5f7;color:#111}.philosophy-mark{font:700 22vw/.7 var(--display);color:#e6e8eb;align-self:center}.philosophy-copy>span{font:700 10px var(--display);letter-spacing:2px;color:#2458d6}.philosophy-copy h2{font:700 clamp(48px,6vw,95px)/.85 var(--display);margin:28px 0 38px;letter-spacing:-2px}.philosophy-copy p{font-size:15px;line-height:1.8;max-width:780px;color:#515762}.documentation,.showcase,.writing{padding:120px 6vw;background:var(--page)}.doc-output{display:grid;grid-template-columns:1.5fr 1fr;background:var(--surface);border-radius:20px;overflow:hidden}.doc-output video{width:100%;height:100%;min-height:500px;object-fit:cover}.doc-output>div{padding:60px;display:flex;flex-direction:column;justify-content:center}.doc-output span,.source-files span,.writing-grid span{font:700 9px var(--display);letter-spacing:1.6px;color:var(--brand)}.doc-output h3{font:700 45px/.9 var(--display);margin:25px 0}.doc-output p{color:var(--sub);line-height:1.7}.doc-output a{margin-top:30px;font:700 10px var(--display);letter-spacing:1.4px}.source-files{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.source-files a{min-height:180px;background:var(--surface);border:1px solid var(--hair);border-radius:16px;padding:25px;display:flex;flex-direction:column;color:var(--ink)}.source-files strong{font:700 25px var(--display);margin-top:18px}.source-files b{margin-top:auto;font:700 9px var(--display)}.showcase{background:#050608}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;gap:12px}.showcase figure{margin:0;aspect-ratio:1;position:relative;overflow:hidden;border-radius:16px;background:#111}.showcase figure.wide{grid-column:span 2;aspect-ratio:2/1}.showcase img,.showcase video{width:100%;height:100%;object-fit:cover;transition:.6s}.showcase figure:hover img,.showcase figure:hover video{transform:scale(1.04)}.showcase figcaption{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.72);color:white;border-radius:999px;padding:8px 12px;font:700 8px var(--display);letter-spacing:1.3px}.writing{background:#f5f5f7;color:#111}.writing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.writing-grid a{min-height:360px;border:1px solid rgba(0,0,0,.13);border-radius:18px;padding:30px;display:flex;flex-direction:column;color:#111;transition:.3s}.writing-grid a:hover{transform:translateY(-6px);background:#fff}.writing-grid h3{font:700 31px/.95 var(--display);margin:45px 0 20px}.writing-grid p{color:#646a74;line-height:1.7;font-size:13px}.writing-grid b{margin-top:auto;font:700 9px var(--display)}.project-actions{display:flex;flex-direction:column}.project-info .project-actions>a{font:700 10px var(--display);letter-spacing:1.4px;border-bottom:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between}.project-info .project-actions .store-action{color:#ffd700}@media(max-width:900px){.philosophy{grid-template-columns:1fr}.philosophy-mark{display:none}.doc-output{grid-template-columns:1fr}.doc-output video{min-height:350px}.source-files,.writing-grid{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.philosophy,.documentation,.showcase,.writing{padding:90px 20px}.doc-output>div{padding:30px}.doc-output h3{font-size:36px}.showcase-grid{grid-template-columns:1fr}.showcase figure.wide{grid-column:span 1;aspect-ratio:1}.writing-grid a{min-height:310px}}