.page,.page *{box-sizing:border-box}.page{max-width:1200px;min-height:100vh;margin:0 auto;padding:7.5rem 4rem 4rem}.hero{padding:4.5rem 0 3rem}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-off-black);max-width:14ch;margin:0;font-size:clamp(2.6rem,6.5vw,4.6rem);font-weight:600;line-height:1.04}.hero-hl{color:var(--color-fin-orange);text-decoration-skip-ink:none;text-underline-offset:.16em;text-decoration:underline .09em}.hero-sub{color:var(--color-muted);max-width:44ch;margin:1.6rem 0 0;font-size:1.15rem;line-height:1.6}.hero-cta{align-items:center;gap:.75rem;margin-top:2.4rem;display:flex}.btn-primary{background-color:var(--color-fin-orange);color:#111;border-radius:999px;align-items:center;gap:.5rem;padding:.72rem 1.6rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.btn-primary:hover{background-color:#e64d00;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-ghost{color:var(--color-off-black);border:1px solid var(--color-warm-sand);background-color:#0000;border-radius:999px;align-items:center;gap:.5rem;padding:.72rem 1.6rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--color-off-black);transform:translateY(-1px)}.btn-ghost:active{transform:scale(.98)}.principles{margin-top:4.5rem}.principle-row{border-top:1px solid var(--color-oat-border);align-items:baseline;gap:3rem;padding:1.7rem 0;display:flex}.principle-row:last-child{border-bottom:1px solid var(--color-oat-border)}.principle-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-off-black);flex-shrink:0;min-width:220px;margin:0;font-size:1.45rem;font-weight:600}.principle-desc{color:var(--color-muted);max-width:56ch;margin:0;font-size:.98rem;line-height:1.6}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:1.75rem;display:flex}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-off-black);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.1}.section-link{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.88rem;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex}.section-link:hover{color:var(--color-off-black)}.section-link svg{transition:transform .2s}.section-link:hover svg{transform:translate(4px)}.posts-section{margin-top:6rem}.post-list{flex-direction:column;display:flex}.post-row{border-top:1px solid var(--color-oat-border);color:inherit;grid-template-columns:140px 1fr 24px;align-items:baseline;gap:1.5rem;padding:1.15rem 0;text-decoration:none;display:grid}.post-row:last-child{border-bottom:1px solid var(--color-oat-border)}.post-date{color:var(--color-content-tertiary);font-variant-numeric:tabular-nums;font-size:.8rem}.post-title{letter-spacing:-.01em;color:var(--color-off-black);font-size:1.05rem;font-weight:500;line-height:1.4;transition:color .2s}.post-arrow{color:var(--color-content-tertiary);align-self:center;transition:transform .2s,color .2s}.post-row:hover .post-title{color:var(--color-fin-orange)}.post-row:hover .post-arrow{color:var(--color-fin-orange);transform:translate(4px)}.work-section{margin-top:6rem}.work-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.work-card{border:1px solid var(--color-oat-border);border-radius:var(--radius-card);color:inherit;background-color:#fbfbfc;flex-direction:column;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;overflow:hidden}.work-card:hover{border-color:var(--color-warm-sand);transform:translateY(-2px);box-shadow:0 10px 30px #1111110f}.work-card-0{flex-direction:row;grid-column:span 7;min-height:280px}.work-card-0 .work-card-image{border-right:1px solid var(--color-oat-border);flex:0 0 55%}.work-card-1,.work-card-2{grid-column:span 5}.work-card-3{grid-column:span 4}.work-card-4{grid-column:span 3}.work-card-image{border-bottom:1px solid var(--color-oat-border);background-color:#fff;justify-content:center;align-items:center;min-height:150px;padding:1.25rem;display:flex;overflow:hidden}.work-card-0 .work-card-image{border-bottom:none;min-height:0}.work-card-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.work-card-body{flex-direction:column;flex:1;gap:.65rem;padding:1.35rem 1.4rem 1.5rem;display:flex}.work-card-meta{align-items:center;gap:.6rem;display:flex}.work-card-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-off-black);font-size:1.18rem;font-weight:600}.work-card-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.work-card-status[data-status=online]{background-color:#22c55e}.work-card-status[data-status=archived]{background-color:#a1a1aa}.work-card-desc{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.subscribe-section{border-top:1px solid var(--color-oat-border);margin-top:7rem;padding-top:4rem}.subscribe-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-off-black);margin:0 0 1.75rem;font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:600}.subscribe-form{max-width:460px}.subscribe-label{color:var(--color-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.subscribe-row{gap:.6rem;display:flex}.subscribe-input{min-width:0;font-size:.92rem;font-family:var(--font-body);color:var(--color-off-black);border:1px solid var(--color-warm-sand);background-color:#fbfbfc;border-radius:999px;outline:none;flex:1;padding:.72rem 1.25rem;transition:border-color .2s}.subscribe-input:focus{border-color:var(--color-off-black)}.subscribe-button{background-color:var(--color-fin-orange);color:#111;font-size:.92rem;font-weight:500;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:.72rem 1.6rem;transition:background-color .2s,transform .2s}.subscribe-button:hover{background-color:#e64d00}.subscribe-button:active{transform:scale(.98)}.subscribe-button:disabled{opacity:.6;cursor:wait}.dark .hero-title,.dark .section-title,.dark .principle-name,.dark .subscribe-title{color:#f5f5f5}.dark .btn-primary{color:#0a0a0a}.dark .btn-ghost{color:#f5f5f5;border-color:#3f3f46}.dark .btn-ghost:hover{border-color:#f5f5f5}.dark .principle-row,.dark .post-row,.dark .subscribe-section{border-color:#26262a}.dark .post-row:hover .post-title,.dark .post-row:hover .post-arrow{color:#ff6a26}.dark .work-card{background-color:#141416;border-color:#26262a}.dark .work-card:hover{border-color:#3f3f46;box-shadow:0 10px 30px #0006}.dark .work-card-image{background-color:#0f0f10;border-color:#26262a}.dark .work-card-0 .work-card-image{border-right-color:#26262a}.dark .work-card-name{color:#f5f5f5}.dark .work-card-desc,.dark .principle-desc,.dark .hero-sub,.dark .section-link,.dark .subscribe-label{color:var(--color-content-tertiary)}.dark .section-link:hover{color:#f5f5f5}.dark .subscribe-input{color:#f5f5f5;background-color:#141416;border-color:#3f3f46}.dark .subscribe-input:focus{border-color:#f5f5f5}.hero-title,.hero-sub,.hero-cta,.principles,.posts-section,.work-card,.subscribe-section{opacity:0}@media (prefers-reduced-motion:reduce){.hero-title,.hero-sub,.hero-cta,.principles,.posts-section,.work-card,.subscribe-section{opacity:1}}@media (width<=900px){.page{padding:6rem 1.5rem 3rem}.hero{padding-top:2.5rem}.hero-title{max-width:16ch}.principle-row{flex-direction:column;gap:.5rem;padding:1.35rem 0}.principle-name{min-width:0}.post-row{grid-template-columns:100px 1fr 20px;gap:1rem}.work-grid{grid-template-columns:1fr}.work-card,.work-card-0,.work-card-1,.work-card-2,.work-card-3,.work-card-4{grid-column:span 1}.work-card-0{flex-direction:column;min-height:0}.work-card-0 .work-card-image{border-right:none;border-bottom:1px solid var(--color-oat-border);flex:none;min-height:150px}.dark .work-card-0 .work-card-image{border-bottom-color:#26262a}.subscribe-section{padding-top:3rem}}@media (width<=560px){.page{padding:5.5rem 1.25rem 2.5rem}.hero-title{max-width:none;font-size:2.35rem}.hero-cta{flex-wrap:wrap}.post-row{grid-template-columns:1fr 20px;gap:.35rem 1rem}.post-date{grid-column:1/-1}.subscribe-row{flex-direction:column}.subscribe-button{width:100%}}