@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Libre+Franklin:wght@200;300;400;500;600&display=swap";:root{--background: hsl(0, 0%, 3%);--foreground: hsl(0, 0%, 95%);--card: hsl(0, 0%, 6%);--card-foreground: hsl(0, 0%, 95%);--muted: hsl(0, 0%, 15%);--muted-foreground: hsl(0, 0%, 55%);--border: hsl(0, 0%, 16%);--primary: hsl(0, 0%, 100%);--primary-foreground: hsl(0, 0%, 0%);--font-display: "Playfair Display", serif;--font-body: "Libre Franklin", sans-serif;--font-elegant: "Cormorant Garamond", serif;--transition-slow: .8s cubic-bezier(.25, .46, .45, .94);--transition-medium: .5s cubic-bezier(.25, .46, .45, .94)}html{scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--background);color:var(--foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display)}a{text-decoration:none;color:inherit}ul{list-style:none}img{display:block;max-width:100%}.header{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .5s ease;background:transparent}.header--scrolled{background:#080808e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header__nav{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;padding:1.5rem 5%}.header__logo{width:200px}.header__links{display:none;align-items:center;gap:3rem}.header__link{font-family:var(--font-body);font-size:.875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--foreground);transition:color .3s ease;padding-bottom:.25rem;position:relative}.header__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--foreground);transition:width var(--transition-medium)}.header__link:hover:after{width:100%}.header__link:hover{color:#f2f2f2b3}.header__cta{font-family:var(--font-body);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;border:1px solid hsla(0,0%,95%,.3);padding:.75rem 1.5rem;color:var(--foreground);transition:all .5s ease}.header__cta:hover{background:var(--foreground);color:var(--background)}.hero{position:relative;height:100vh;width:100%;overflow:hidden}.hero__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.hero__image{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080880}.hero__content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;max-width:1440px;margin:0 auto;padding:0 5%;width:100%;box-sizing:border-box}.hero__subtitle{font-family:var(--font-elegant);font-size:1.125rem;letter-spacing:.3em;text-transform:uppercase;color:var(--foreground);margin-bottom:1.5rem;animation:fadeUp 1s ease-out .2s forwards;opacity:0}.hero__title{font-family:var(--font-display);font-size:3.5rem;font-weight:300;color:var(--foreground);line-height:.95;animation:fadeUp 1s ease-out .4s forwards;opacity:0}.hero__title span{font-style:italic;font-weight:400}.hero__line{width:0;height:1px;background:#f2f2f266;margin-top:2.5rem;animation:slideLine 1s ease-out .5s forwards}.hero__scroll-text{font-family:var(--font-body);font-size:.875rem;letter-spacing:.15em;color:var(--muted-foreground);margin-top:2rem;animation:fadeUp 1s ease-out .8s forwards;opacity:0}.about{padding:6rem 0}.about__container{max-width:1440px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}.about__image-wrapper{overflow:hidden}.about__image{width:100%;height:500px;object-fit:cover}.about__content{display:flex;flex-direction:column;gap:2rem}.about__label{font-family:var(--font-elegant);font-size:.875rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted-foreground)}.about__title{font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--foreground);line-height:1.15}.about__title span{font-style:italic}.about__divider{width:3rem;height:1px;background:#f2f2f24d}.about__text{font-family:var(--font-body);font-size:1rem;color:var(--muted-foreground);line-height:1.7;font-weight:300;max-width:28rem}.about__link{display:inline-block;font-family:var(--font-body);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;border-bottom:1px solid hsla(0,0%,95%,.3);padding-bottom:.5rem;color:var(--foreground);transition:border-color .5s ease;margin-top:1rem}.about__link:hover{border-color:var(--foreground)}.examples{padding:6rem 0}.examples__container{max-width:1440px;margin:0 auto;padding:0 5%}.examples__header{text-align:center;margin-bottom:5rem}.examples__label{font-family:var(--font-elegant);font-size:.875rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:1rem}.examples__title{font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--foreground)}.examples__title span{font-style:italic}.examples__grid{columns:1;gap:1rem}.examples__item{position:relative;overflow:hidden;cursor:pointer;break-inside:avoid;margin-bottom:1rem}.examples__item-image{width:100%;object-fit:cover;transition:transform .7s ease}.examples__item:hover .examples__item-image{transform:scale(1.05)}.examples__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background .5s ease}.examples__item:hover .examples__item-overlay{background:#08080833}.examples__item-category{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;transform:translateY(100%);transition:transform .5s ease}.examples__item:hover .examples__item-category{transform:translateY(0)}.examples__item-category p{font-family:var(--font-elegant);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#f2f2f2b3}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000f2;display:flex;align-items:center;justify-content:center;padding:2rem;animation:lightboxFadeIn .25s ease-out}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox__close{position:absolute;top:1.5rem;right:1.5rem;width:3rem;height:3rem;border:1px solid hsla(0,0%,95%,.3);background:transparent;color:var(--foreground);font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease}.lightbox__close:hover{background:#f2f2f21a;border-color:var(--foreground)}.lightbox__prev,.lightbox__next{position:absolute;top:50%;transform:translateY(-50%);width:3.5rem;height:3.5rem;border:1px solid hsla(0,0%,95%,.3);background:transparent;color:var(--foreground);font-size:2.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease;z-index:2}.lightbox__prev{left:1.5rem}.lightbox__next{right:1.5rem}.lightbox__prev:hover,.lightbox__next:hover{background:#f2f2f21a;border-color:var(--foreground)}.lightbox__content{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:1rem}.lightbox__image{max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain}.lightbox__caption{font-family:var(--font-body);font-size:.875rem;letter-spacing:.1em;color:var(--muted-foreground);text-align:center}.lightbox__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;color:var(--muted-foreground)}.cta{padding:8rem 0;border-top:1px solid var(--border)}.cta__container{max-width:1440px;margin:0 auto;padding:0 5%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.cta__label{font-family:var(--font-elegant);font-size:.875rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted-foreground)}.cta__title{font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--foreground);line-height:1.15}.cta__title span{font-style:italic}.cta__divider{width:3rem;height:1px;background:#f2f2f24d}.cta__text{font-family:var(--font-body);font-size:1rem;color:var(--muted-foreground);font-weight:300;max-width:32rem;line-height:1.7}.cta__button{display:inline-block;font-family:var(--font-body);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;border:1px solid hsla(0,0%,95%,.3);padding:1rem 2.5rem;color:var(--foreground);transition:all .5s ease;margin-top:1rem}.cta__button:hover{background:var(--foreground);color:var(--background)}.footer{max-width:1440px;margin:0 auto;border-top:1px solid var(--border);padding:4rem 5%;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.footer__container{max-width:1440px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;box-sizing:border-box}.footer__container:nth-child(2){justify-content:flex-end}.footer__logo{width:200px;opacity:.6}.footer__copyright{font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;color:var(--muted-foreground)}.footer__socials{display:flex;gap:2rem}.footer__social-link{font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-foreground);transition:color .3s ease}.footer__social-link:hover{color:var(--foreground)}.not-found{display:flex;min-height:100vh;align-items:center;justify-content:center;background:var(--muted);text-align:center}.not-found h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.not-found p{font-size:1.25rem;color:var(--muted-foreground);margin-bottom:1rem}.not-found a{color:var(--primary);text-decoration:underline}.not-found a:hover{opacity:.9}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLine{0%{width:0}to{width:60px}}@media (min-width: 768px){.header__nav{padding:1.5rem 5%}.header__links{display:flex}.hero__subtitle{font-size:1.25rem}.hero__title{font-size:5rem}.about{padding:10rem 0}.about__container{grid-template-columns:1fr 1fr;gap:6rem}.about__image{height:650px}.about__title{font-size:3rem}.examples{padding:10rem 0}.examples__title{font-size:3.75rem}.examples__grid{columns:2}.cta{padding:12rem 0}.cta__title{font-size:3.75rem}.footer__container{flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){.hero__title{font-size:6rem}.examples__grid{columns:3}.cta__title{font-size:4.5rem}}