:root{--background-color: oklch(96.416% .00011 271.152);--bento-surface: #15223f;--bento-text: #f8fafc;--bento-gap: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background-color:#000;color:var(--background-color)}body{background-color:var(--background-color);min-height:100dvh}*{text-decoration:none}button{background-color:color-mix(in oklch,var(--background-color) 0%,black);color:var(--background-color);border-radius:1rem;border:none;padding:2rem 3rem;outline:none;font-family:var(--font-archivo);font-size:clamp(2rem,6vw,6rem)}[popovertarget]{cursor:pointer}[popover]::backdrop{background:#0f172a8c;backdrop-filter:blur(4px);transition:opacity .25s linear;opacity:0}[popover]:popover-open::backdrop{opacity:1}#contact-popover{inline-size:min(80vw,40rem);box-shadow:0 8px 32px #0000001f;padding:2rem;margin:0;inset:auto;display:none;translate:0 30px;opacity:0;gap:2rem;border-radius:1rem;transition-property:display,overlay,opacity,translate;transition-duration:.25s;transition-behavior:allow-discrete;&:popover-open{display:grid;translate:0 0;opacity:1;height:25vh;@starting-style{translate:0 30px;opacity:0;&::backdrop{opacity:0}}}}.container{min-height:100dvh}header{height:auto;place-content:center;display:grid;place-items:center;min-height:100dvh}footer{height:auto;min-height:50dvh;place-content:center}.pk__hero{max-width:1200px;margin:0 auto;padding:20px;display:flex;gap:4rem;flex-direction:column;justify-content:center;align-items:center;@media(min-width:768px){margin-inline-start:4rem;justify-content:center;align-items:flex-start;gap:0;&:after{content:"";flex:1;width:clamp(280px,28vw,420px)}}}.pk__eyebrow{font-family:var(--font-archivo);font-size:clamp(1.5rem,3vw,1rem);font-style:italic;margin-inline-start:.8rem}h1{font-family:var(--font-archivo-bold);font-size:clamp(2rem,12vw,14rem);text-transform:uppercase;font-weight:400;flex:2;text-align:center;cursor:default;transition:all .2s ease-in-out;transform-style:preserve-3d;@media(min-width:768px){text-align:left;font-size:clamp(4.2rem,16vw,14rem)}}.pk__logo{transition:all .2s ease-in-out;transform-style:preserve-3d;color:#f0503d;width:clamp(200px,28vw,360px);animation:fade-out auto linear;animation-timeline:scroll();right:max(2rem,calc((100vw - 1200px)/2));@media(min-width:768px){@supports (animation-timeline: scroll()){position:fixed;z-index:100;top:50vh;flex:none;height:auto;transform:translateY(-50%) scale(1);transform-origin:top right;animation:portrait-dock linear both;animation-timeline:scroll(root block);animation-range:0 70vh}}}.pk__slogan{color:#fff;mix-blend-mode:difference;left:0;top:1rem;font-family:var(--font-archivo);font-size:clamp(2rem,5vw,2rem);font-weight:600;text-align:center;width:100%;margin:0 auto;@media(min-width:768px){letter-spacing:.3rem;font-size:clamp(2rem,7vw,3rem);transform:translateY(-50%) rotate(180deg);height:100%;writing-mode:vertical-lr;position:fixed;left:1rem;top:50%;width:auto}}main{>section{padding-inline:20px;min-height:100dvh}}.inner{margin:0 auto;max-width:1200px;min-height:100dvh}.pk__text{font-family:var(--font-archivo);font-size:clamp(1.5rem,3vw,1rem);color:contrast-color(black);width:100%;@media(min-width:768px){width:calc(100% - 4rem);margin-inline-start:4rem}}.pk__intro{font-family:var(--font-archivo-bold);font-size:clamp(2rem,6vw,6rem);margin-block-end:4rem}.pk__section-light .pk__intro{color:contrast-color(var(--background-color))}@keyframes portrait-dock{0%{top:50vh;right:max(2rem,calc((100vw - 1200px)/2));transform:translateY(-50%) scale(1)}80%{top:1.25rem;right:1.25rem;transform:translateY(0) scale(.28)}to{top:1.25rem;right:1.25rem;transform:translateY(0) scale(.28) rotate(2.5deg)}}.centered{display:grid;place-items:center;padding-block:2rem}.section-light{background-color:var(--background-color);color:#000}.pk__section-dark{background-color:#000;color:var(--background-color)}.projects{width:100%;@media(min-width:768px){margin-inline-start:4rem;width:calc(100% - 4rem)}}.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(110px,auto);grid-auto-flow:row;gap:var(--bento-gap);color:var(--bento-text)}.bento-card{font-family:var(--font-archivo);font-size:clamp(1.5rem,2vw,.95rem);min-width:0;padding:1.5rem;hyphens:auto;background:color-mix(in oklch,var(--background-color) 20%,black);box-shadow:0 12px 30px #0004}.bento-card--feature{grid-column:span 3;grid-row:span 1}.bento-card--card2{grid-column:span 1;grid-row:span 1}.bento-card--card3,.bento-card--card4{grid-column:span 2;grid-row:span 1}.bento-card--card5{grid-column:span 1;grid-row:span 1}.bento-card--card6{grid-column:span 2;grid-row:span 1}.bento-card--card7{grid-column:span 1;grid-row:span 1}.bento-card--card8{grid-column:span 2;grid-row:span 1}.bento-card--card9,.bento-card--card10{grid-column:span 1;grid-row:span 1}@media(max-width:900px){.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card--feature,.bento-card--card2,.bento-card--card3,.bento-card--card4,.bento-card--card5,.bento-card--card6,.bento-card--card7,.bento-card--card8,.bento-card--card9,.bento-card--card10{grid-column:span 1;grid-row:span 1}}@media(max-width:600px){.bento-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.bento-card--feature,.bento-card--card2,.bento-card--card3,.bento-card--card4,.bento-card--card5,.bento-card--card6,.bento-card--card7,.bento-card--card8,.bento-card--card9,.bento-card--card10{grid-column:span 1;grid-row:span 1}}