.studio-hero{isolation:isolate;color:#f7f5f2;background:#020202;min-height:calc(100svh - 4rem);position:relative;overflow:hidden}.studio-hero__media,.studio-hero__veil{position:absolute;inset:0}.studio-hero__media{z-index:-2;background:#020202 url(/images/drake02-poster.jpg) 50%/cover no-repeat;margin:0}.studio-hero__video{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .24s}.studio-hero__veil{background:linear-gradient(90deg,#020202fa 0%,#020202db 30%,#0202022e 67%,#0202021f 100%),linear-gradient(#0202023d 0%,#0000 66%,#020202cc 100%)}.studio-hero__frame{flex-direction:column;justify-content:center;min-height:calc(100svh - 4rem);padding-block:clamp(3.5rem,7vh,6.5rem) 3rem;display:flex;position:relative}.studio-hero__copy{max-width:44rem}.studio-hero__eyebrow,.index-label,.app-project__bar,.app-project__meta,.journal-index__meta,.journal-index__number,.server-index a>span{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;line-height:1.45}.studio-hero__eyebrow{color:#cbc4d5;margin-bottom:1.3rem}.studio-hero__title{max-width:12ch;font-family:var(--font-sans);letter-spacing:-.065em;text-wrap:balance;font-size:clamp(3rem,2.1rem + 4vw,5.8rem);font-weight:520;line-height:.93}.studio-hero__sub{color:#c4bdc8;max-width:35rem;margin-top:clamp(1.5rem,3.5vh,2.6rem);font-size:clamp(1rem,.92rem + .32vw,1.2rem);line-height:1.6}.studio-hero__links{flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:2rem;display:flex}.studio-hero__links a,.home-contact a,.text-link,.section-link{width:fit-content;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:.5rem;font-size:.76rem;line-height:1.6;text-decoration:none;display:inline-flex}.studio-hero__links a{color:#f7f5f2}.studio-hero__links a span,.home-contact a span,.text-link span,.section-link span{transition:transform .18s}.studio-hero__links a:hover span,.studio-hero__links a:focus-visible span,.home-contact a:hover span,.home-contact a:focus-visible span,.text-link:hover span,.text-link:focus-visible span,.section-link:hover span,.section-link:focus-visible span{transform:translate(2px,-2px)}.studio-hero__meta{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#a39ba8;justify-content:space-between;gap:1rem;font-size:.61rem;display:flex;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.home-statement,.home-section,.home-contact{scroll-margin-top:5rem}.home-statement{padding-block:clamp(7rem,16vw,14rem)}.home-statement__grid{gap:1.5rem;display:grid}.home-statement__grid .index-label,.home-section__header .index-label,.home-contact .index-label{color:var(--color-fg-mute)}.home-statement h2{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;font-size:clamp(2rem,1.3rem + 2.8vw,4.25rem);font-weight:500;line-height:1.05}.home-statement__grid>p:last-child{max-width:31rem;color:var(--color-fg-soft);line-height:1.65}.home-section{border-top:1px solid var(--color-border);padding-block:clamp(5.5rem,10vw,9rem)}.home-section__header{align-items:start;gap:1rem;margin-bottom:clamp(3rem,6vw,5rem);display:grid}.home-section__header h2{letter-spacing:-.047em;text-wrap:balance;max-width:18ch;font-size:clamp(2rem,1.45rem + 2.15vw,3.7rem);font-weight:500;line-height:1.03}.home-section__header>p:last-child{max-width:30rem;color:var(--color-fg-soft);line-height:1.65}.app-index{border-top:1px solid var(--color-border-strong)}.app-project{border-bottom:1px solid var(--color-border-strong);gap:clamp(2rem,5vw,5rem);padding-block:clamp(2rem,4vw,4rem);display:grid}.app-project__preview{min-width:0}.app-project__bar{color:var(--color-fg-mute);justify-content:space-between;gap:1rem;margin-bottom:.75rem;display:flex}.app-project__screen{aspect-ratio:16/10;border:1px solid var(--color-border);background:#e9efe9;position:relative;overflow:hidden}.app-project--kontor .app-project__screen{background:#111216}.app-project__identity{z-index:2;letter-spacing:-.02em;color:#17231d;align-items:center;gap:.8rem;font-size:.9rem;font-weight:650;display:flex;position:absolute;top:clamp(1rem,2.4vw,1.75rem);left:clamp(1rem,2.4vw,1.75rem)}.app-project--kontor .app-project__identity{color:#f5f5f5}.app-project__identity img{border-radius:.75rem;width:clamp(2.4rem,4vw,3.5rem);height:clamp(2.4rem,4vw,3.5rem)}.stackwache-preview{grid-template-columns:1px 1fr;gap:clamp(1rem,3vw,2.5rem);display:grid;position:absolute;bottom:clamp(1rem,3vw,2.5rem);left:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.stackwache-preview__rail{background:#9fb3a7}.stackwache-preview ol{gap:.6rem;display:grid}.stackwache-preview li{color:#17231d;border-bottom:1px solid #b8c8bd;grid-template-columns:2rem minmax(0,10rem) 1fr;align-items:center;gap:.8rem;padding:.65rem 0;font-size:clamp(.68rem,1.3vw,.82rem);display:grid}.stackwache-preview li span{font-family:var(--font-mono);font-size:.6rem}.stackwache-preview li b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stackwache-preview li i{transform-origin:0;background:#96afa0;border-radius:999px;height:.35rem;display:block}.stackwache-preview li:nth-child(2) i{transform:scaleX(.72)}.stackwache-preview li:nth-child(3) i{transform:scaleX(.44)}.kontor-preview{position:absolute;bottom:clamp(1rem,3vw,2.5rem);left:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.kontor-preview__labels{gap:.4rem;margin-bottom:clamp(.7rem,2vw,1.4rem);display:flex}.kontor-preview__labels span{color:#a8abb5;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid #333641;border-radius:999px;padding:.28rem .5rem;font-size:clamp(.5rem,1vw,.62rem)}.kontor-preview svg{width:100%;height:clamp(5.5rem,13vw,11rem);display:block;overflow:visible}.kontor-preview__grid{fill:none;stroke:#292b33;stroke-width:1px}.kontor-preview__line{fill:none;stroke:#f5f5f5;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.app-project__copy{align-self:center}.app-project__meta{border-bottom:1px solid var(--color-border);color:var(--color-fg-mute);justify-content:space-between;gap:1rem;padding-bottom:.85rem;display:flex}.app-project__copy h3{letter-spacing:-.05em;margin-top:1.25rem;font-size:clamp(2.1rem,1.75rem + 1.3vw,3.3rem);font-weight:520;line-height:1}.app-project__copy>p{max-width:35rem;color:var(--color-fg-soft);margin-top:1rem;line-height:1.62}.app-project__copy ul{flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;display:flex}.app-project__copy li{border:1px solid var(--color-border);color:var(--color-fg-mute);font-family:var(--font-mono);border-radius:999px;padding:.32rem .58rem;font-size:.65rem}.text-link{color:var(--color-fg);margin-top:1.75rem}.text-link--muted{border-bottom-color:var(--color-border-strong);color:var(--color-fg-mute)}.section-link{color:var(--color-fg);margin-top:2.5rem}.section-links{flex-wrap:wrap;gap:1rem 1.75rem;margin-top:2.5rem;display:flex}.section-links .section-link{margin-top:0}.section-link--muted{border-bottom-color:var(--color-border-strong);color:var(--color-fg-mute)}.home-journal{background:color-mix(in srgb, var(--color-bg-soft) 52%, transparent)}.journal-index,.server-index{border-top:1px solid var(--color-border-strong)}.journal-index li,.server-index li{border-bottom:1px solid var(--color-border-strong)}.journal-index a{color:inherit;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:start;gap:1rem;padding-block:clamp(1.4rem,3vw,2.2rem);text-decoration:none;display:grid}.journal-index__number,.journal-index__meta{color:var(--color-fg-mute)}.journal-index__meta{flex-wrap:wrap;grid-column:2;gap:.35rem .9rem;display:flex}.journal-index__copy{grid-column:2}.journal-index__copy strong{letter-spacing:-.035em;text-wrap:balance;max-width:34ch;font-size:clamp(1.25rem,1.05rem + .8vw,1.85rem);font-weight:540;line-height:1.18;display:block}.journal-index__copy>span{max-width:48rem;color:var(--color-fg-soft);margin-top:.7rem;line-height:1.55;display:block}.journal-index a>b{grid-area:1/3/span 2;font-size:1rem;font-weight:400;transition:transform .18s}.journal-index a:hover>b,.journal-index a:focus-visible>b{transform:translate(3px,-3px)}.home-servers{background:var(--color-bg)}.server-index a{color:inherit;grid-template-columns:2.5rem minmax(10rem,.8fr) minmax(0,1.4fr) auto;align-items:baseline;gap:clamp(.75rem,2vw,2rem);padding-block:clamp(1.25rem,2.8vw,1.9rem);text-decoration:none;display:grid}.server-index a>span{color:var(--color-fg-mute)}.server-index a>strong{letter-spacing:-.025em;font-size:clamp(1.05rem,.95rem + .4vw,1.35rem);font-weight:560}.server-index a>p{max-width:37rem;color:var(--color-fg-soft);line-height:1.55}.server-index a>b{font-weight:400;transition:transform .18s}.server-index a:hover>b,.server-index a:focus-visible>b{transform:translate(3px)}.home-contact{border-block:1px solid var(--color-border);padding-block:clamp(6rem,13vw,12rem)}.home-contact>div{align-items:start;gap:1.25rem;display:grid}.home-contact h2{letter-spacing:-.06em;text-wrap:balance;max-width:13ch;font-size:clamp(2.5rem,1.5rem + 4vw,5.5rem);font-weight:500;line-height:.98}.home-contact div>p{max-width:31rem;color:var(--color-fg-soft);margin-top:1rem;line-height:1.6}.home-contact a{color:var(--color-fg)}@media (width>=48rem){.studio-hero__meta{bottom:1.6rem;left:2rem;right:2rem}.home-statement__grid,.home-section__header{grid-template-columns:7rem minmax(0,1fr) minmax(16rem,.62fr)}.journal-index a{grid-template-columns:2.5rem 10rem minmax(0,1fr) auto;align-items:start}.journal-index__meta,.journal-index__copy{grid-column:auto}.journal-index a>b{grid-area:1/4}.home-contact>div{grid-template-columns:7rem minmax(0,1fr) auto}}@media (width>=64rem){.app-project{grid-template-columns:minmax(0,1.42fr) minmax(18rem,.72fr)}.app-project:nth-child(2n){grid-template-columns:minmax(18rem,.72fr) minmax(0,1.42fr)}.app-project:nth-child(2n) .app-project__preview{grid-column:2}.app-project:nth-child(2n) .app-project__copy{grid-area:1/1}}@media (width<=47.99rem){.studio-hero__video{object-position:68% center}.studio-hero__veil{background:linear-gradient(#0202022e 18%,#020202d1 52%,#020202fa 100%),linear-gradient(90deg,#020202b3,#0202021f)}.studio-hero__frame{justify-content:flex-end;padding-bottom:5rem}.studio-hero__title{max-width:10ch}.studio-hero__meta span:last-child{display:none}.app-project__bar span:last-child{text-align:right;max-width:70%}.server-index a{grid-template-columns:2.3rem minmax(0,1fr) auto}.server-index a>p{grid-column:2/-1}.home-contact a{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.studio-hero__video,html.motion-off .studio-hero__video{opacity:0}.studio-hero__video,.studio-hero__links a span,.home-contact a span,.text-link span,.section-link span,.journal-index a>b,.server-index a>b{transition:none}}html.motion-off .studio-hero__video{opacity:0}