@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap");.adaline-root{--fg:#241910;--bg:#fefbf4;font-family:DM Mono,monospace;background-color:var(--bg);color:var(--fg)}.adaline-root img{width:100%;height:100%;object-fit:cover}.adaline-root h1{font-family:Host Grotesk;font-size:3rem;font-weight:400;line-height:1.1}.adaline-root a,.adaline-root p{text-transform:uppercase;font-size:.8rem;font-weight:500}.adaline-root a{text-decoration:none;color:var(--fg)}.adaline-root .btn{padding:.75rem 1.5rem;border-radius:.25rem}.adaline-root .btn.primary{background-color:var(--bg)}.adaline-root .btn.primary a{color:var(--fg)}.adaline-root .btn.secondary{background-color:var(--fg)}.adaline-root .btn.secondary a{color:var(--bg)}.adaline-root nav{position:fixed;width:100vw;padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem;will-change:opacity;z-index:2}.adaline-root nav>div{flex:1}.adaline-root nav .nav-links{display:flex;gap:3rem}.adaline-root nav .logo{display:flex;justify-content:center;align-items:center}.adaline-root nav .logo img{width:2rem}.adaline-root nav .logo a{text-transform:none;font-family:Host Grotesk;font-size:1.5rem}.adaline-root nav .nav-buttons{display:flex;gap:1.5rem;justify-content:flex-end}.adaline-root section{position:relative;width:100vw;height:100svh;overflow:hidden}.adaline-root .outro{display:flex;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:var(--bg);color:var(--fg)}.adaline-root canvas{width:100%;height:100%;object-fit:cover}.adaline-root .hero-content{position:absolute;top:25%;left:50%;transform:translateX(-50%);transform-style:preserve-3d;perspective:1000px;padding:.5rem 0}.adaline-root .header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;color:var(--fg);transform-origin:center;will-change:transform,opacity}.adaline-root .header h1{width:50%;margin-bottom:.5rem}.adaline-root .header p{opacity:.35}.adaline-root .client-logos{width:30%;display:flex;gap:.5rem}.adaline-root .client-logos .client-logo{flex:1}.adaline-root .client-logos .client-logo img{object-fit:contain}.adaline-root .hero-img-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;transform-style:preserve-3d;perspective:1000px}.adaline-root .hero-img{position:relative;width:100%;height:100%;transform:translateZ(1000px);opacity:0;will-change:transform,opacity}@media (max-width:1000px){.adaline-root h1{font-size:2rem}.adaline-root nav .nav-buttons,.adaline-root nav .nav-links{display:none}.adaline-root .client-logos,.adaline-root .header h1,.adaline-root .hero-img-container{width:calc(100% - 4rem)}}@import url("https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");.bitkraft-root{font-family:Host Grotesk;background:#000;width:100%;height:100svh}.bitkraft-root a,.bitkraft-root p{color:#fff;text-decoration:none;text-transform:uppercase;font-family:IBM Plex Mono;font-size:11px}.bitkraft-root .menu-toggle-btn{position:fixed;bottom:-6rem;left:50%;transform:translateX(-50%);width:25rem;height:10rem;padding-top:2rem;border-radius:50% 50% 0 0/90% 90% 0 0;background-color:#fff;color:#000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.25rem;cursor:pointer}.bitkraft-root .menu-toggle-btn .hamburger-bar{width:2rem;height:.125rem;background-color:#000}.bitkraft-root .menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:100}.bitkraft-root .menu-bg{position:absolute;width:100%;height:100%;background:url(/demos/bitkraft-menu/menu.jpg) no-repeat 50% 50%;background-size:cover}.bitkraft-root .menu-overlay-footer,.bitkraft-root .menu-overlay-nav{position:absolute;width:100vw;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.bitkraft-root .menu-overlay-nav{top:0}.bitkraft-root .menu-overlay-footer{bottom:0}.bitkraft-root .close-btn{position:relative;width:1.5rem;height:1.5rem;cursor:pointer}.bitkraft-root .close-btn .close-btn-bar{position:absolute;top:50%;width:1.5rem;height:.125rem;background-color:#fff}.bitkraft-root .close-btn .close-btn-bar:first-child{transform:rotate(45deg)}.bitkraft-root .close-btn .close-btn-bar:nth-child(2){transform:rotate(-45deg)}.bitkraft-root .menu-overlay-items{display:flex;gap:1rem}.bitkraft-root .menu-overlay-nav .menu-overlay-items a{font-size:18px}.bitkraft-root .circular-menu{position:relative;width:600px;height:600px;z-index:10}.bitkraft-root .joystick{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;user-select:none;cursor:grab;z-index:100}.bitkraft-root .center-icon{position:absolute;color:#000;font-size:12px}.bitkraft-root .center-main{font-size:30px}.bitkraft-root .center-up{top:.75rem;left:50%;transform:translateX(-50%)}.bitkraft-root .center-down{bottom:.75rem;left:50%;transform:translateX(-50%)}.bitkraft-root .center-left{left:.75rem;top:50%;transform:translateY(-50%)}.bitkraft-root .center-right{right:.75rem;top:50%;transform:translateY(-50%)}.bitkraft-root .menu-segment{position:absolute;width:100%;height:100%;color:#fff;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);cursor:pointer}.bitkraft-root .segment-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;text-align:center}.bitkraft-root .segment-content ion-icon{font-size:40px;margin-bottom:10px}.bitkraft-root .label{text-transform:none;font-family:Host Grotesk;font-size:15px;font-weight:500}.bitkraft-root .menu-segment:hover{animation:flickerHover .35s ease-in-out forwards;z-index:10}.bitkraft-root .menu-segment:hover .segment-content{animation:contentFlickerHover .35s ease-in-out forwards}.bitkraft-root .menu-overlay{opacity:0;pointer-events:none}@media (max-width:1000px){.bitkraft-root .segment-content ion-icon{font-size:20px}}@keyframes flickerHover{0%{background:rgba(255,255,255,.05);backdrop-filter:blur(20px)}12%{background:rgba(255,255,255,.7);backdrop-filter:blur(8px)}24%{background:rgba(255,255,255,.15);backdrop-filter:blur(18px)}36%{background:rgba(255,255,255,.85);backdrop-filter:blur(5px)}48%{background:rgba(255,255,255,.25);backdrop-filter:blur(15px)}60%{background:rgba(255,255,255,.9);backdrop-filter:blur(3px)}72%{background:rgba(255,255,255,.3);backdrop-filter:blur(12px)}84%{background:rgba(255,255,255,.95);backdrop-filter:blur(2px)}to{background:rgba(255,255,255,1);backdrop-filter:blur(0)}}@keyframes contentFlickerHover{0%{color:white;opacity:1}12%{color:#333;opacity:.4}24%{color:white;opacity:.9}36%{color:#333;opacity:.3}48%{color:white;opacity:.8}60%{color:#333;opacity:.2}72%{color:white;opacity:.7}84%{color:#333;opacity:.1}to{color:#000;opacity:1}}@import url("https://fonts.cdnfonts.com/css/pp-neue-montreal");.demo-format-archive *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.demo-format-archive{height:100%;width:100%}.demo-format-archive{font-family:PP Neue Montreal,sans-serif;background-color:#000}.demo-format-archive html.lenis{height:auto}.demo-format-archive .lenis.lenis-smooth{scroll-behavior:auto}.demo-format-archive .lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.demo-format-archive .lenis.lenis-stopped{overflow:hidden}.demo-format-archive .lenis.lenis-scrolling iframe{pointer-events:none}.demo-format-archive ::view-transition-new(root),.demo-format-archive ::view-transition-old(root){animation:none!important}.demo-format-archive ::view-transition-group(root){z-index:auto!important}.demo-format-archive ::view-transition-image-pair(root){isolation:isolate;will-change:transform,opacity,clip-path;z-index:1}.demo-format-archive ::view-transition-new(root){z-index:10000;animation:none!important}.demo-format-archive ::view-transition-old(root){z-index:1;animation:none!important}.demo-format-archive img{width:100%;height:100%;object-fit:cover}.demo-format-archive a,.demo-format-archive p{position:relative;color:#000;display:block;text-decoration:none;text-transform:uppercase;font-family:PP Neue Montreal,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:-.008rem;line-height:1;will-change:transform;-webkit-font-smoothing:antialiased}.demo-format-archive .revealer{position:relative;width:max-content;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-format-archive .p-25{width:100%;height:25vh;background-color:#fff}.demo-format-archive .p-50{width:100%;height:50vh;background-color:#fff}.demo-format-archive.fa-root{position:relative;width:100%;height:100%;background-color:#000}.demo-format-archive .fa-page-wrap,.demo-format-archive .fa-scroller-content{position:relative;min-height:100%}@import url("https://fonts.googleapis.com/css2?family=Cossette+Titre:wght@400;700&display=swap");.landonorris-root{--tone-100:#000000;--tone-200:#222222;--tone-300:#5b5c57;--tone-400:#e3e4d8;--tone-500:#fe0100;font-family:Cossette Titre,sans-serif;background-color:var(--tone-400);color:var(--tone-100)}.landonorris-root img{width:100%;height:100%;object-fit:cover}.landonorris-root h1,.landonorris-root p{text-transform:uppercase;font-weight:500;line-height:1}.landonorris-root h1{font-size:6rem;letter-spacing:-.1rem}.landonorris-root p{font-size:3rem;letter-spacing:-.025rem}.landonorris-root nav{position:fixed;width:100%;padding:2rem;display:flex;justify-content:space-between;mix-blend-mode:difference;z-index:2}.landonorris-root nav p{font-size:1.5rem;color:var(--tone-400)}.landonorris-root section{position:relative;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;overflow:hidden}.landonorris-root .section-bg{position:absolute;top:0;left:0;width:100%;height:100%}.landonorris-root section h1{width:75%}.landonorris-root section p{width:60%}.landonorris-root .intro h1,.landonorris-root .outro h1,.landonorris-root .services h1{color:var(--tone-500)}.landonorris-root section h1 .block-line-wrapper,.landonorris-root section p .block-line-wrapper{margin:0 auto}.landonorris-root .block-line-wrapper{position:relative;width:max-content;display:block}.landonorris-root .block-line{position:relative;display:block}.landonorris-root .block-revealer{position:absolute;top:0;left:0;width:101%;height:101%;pointer-events:none;will-change:transform;z-index:1}@media (max-width:1000px){.landonorris-root h1{font-size:3rem}.landonorris-root p{font-size:1.5rem}.landonorris-root section{padding:2rem}.landonorris-root section h1,.landonorris-root section p{width:100%}}.ada-root{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--ada-light);font-family:DM Sans,system-ui,-apple-system,sans-serif;isolation:isolate}.ada-root :is(a,p){text-decoration:none;text-transform:uppercase;font-family:DM Mono,ui-monospace,monospace;font-size:.9rem;font-weight:500;line-height:1.25;color:#000}.ada-root nav{position:absolute;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:3}.ada-root .nav-items{display:flex;flex-direction:column;align-items:flex-end}.ada-root .hero{position:relative;width:100%;height:100%;overflow:hidden}.ada-root .hero-overlay{position:absolute;width:100%;height:100%;background-color:var(--ada-dark);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:clip-path;z-index:0}.ada-root .hero-overlay .counter{position:absolute;right:2rem;bottom:2rem;color:var(--ada-light)}.ada-root .hero-overlay .counter h1{font-size:4rem;font-weight:500;color:var(--ada-light)}.ada-root .overlay-text-container{position:absolute;top:2rem;left:2rem;height:2rem;overflow:hidden}.ada-root .overlay-text-container .overlay-text{display:flex;flex-direction:column;transform:translateY(2rem);will-change:transform}.ada-root .overlay-text-container .overlay-text p{color:var(--ada-light);height:2rem;display:flex;align-items:center}.ada-root .hero-images{position:absolute;top:50%;transform:translateY(-50%);width:100%;padding:0 2rem;display:flex;justify-content:center;gap:10vw;will-change:gap;z-index:2}.ada-root .hero-images .img{width:10vw;aspect-ratio:5/7;transform:translateY(50%) scale(.5);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:0;will-change:opacity,transform,clip-path}.ada-root .hero-images .img img{width:100%;height:100%;object-fit:cover;display:block}.ada-root .hero-header{position:absolute;bottom:2rem;width:100%;z-index:-1}.ada-root .hero-header h1{text-transform:uppercase;text-align:center;font-size:15vw;font-weight:500;line-height:.85;color:#000}.ada-root .hero-header h1 .word{transform:translateY(100%);will-change:transform}@media (max-width:1000px){.ada-root nav{padding:1rem}.ada-root .hero-overlay .counter{right:1rem;bottom:1rem}.ada-root .hero-images{padding:0 .5rem;gap:2.5vw}.ada-root .hero-images .img{width:20vw}}.dah-root{font-family:Akkurat Mono,Courier New,monospace;background-color:#1a1a1a;width:100%;height:100svh;position:relative}.dah-root p{text-transform:uppercase;color:#fff;font-size:13px;font-weight:500}.dah-root footer,.dah-root nav{position:absolute;left:0;width:100%;padding:1em;display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1a;z-index:10}.dah-root nav{top:0;border-bottom:1px solid rgba(255,255,255,.2)}.dah-root footer{bottom:0;border-top:1px solid rgba(255,255,255,.2)}.dah-root footer p,.dah-root nav p:not(:first-child){opacity:.3}.dah-root .container{position:relative;width:100%;height:100svh;display:flex;align-items:center;justify-content:center}.dah-root .grid{position:relative;margin:0 auto;width:90%;height:60%;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.2)}.dah-root .grid-item,.dah-root .grid-row{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.dah-root .grid-row:first-child{border-bottom:1px solid rgba(255,255,255,.2)}.dah-root .grid-item:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.dah-root .grid-item p{position:relative;z-index:2}.dah-root .highlight{position:absolute;top:0;left:0;background:white;pointer-events:none;transition:transform .25s ease,width .25s ease,height .25s ease,background-color .25s ease;opacity:1}@media (max-width:900px){.dah-root footer p:nth-child(2){text-align:right}.dah-root .container{height:100%;min-height:100svh;padding:25vh 0}.dah-root .grid{height:max-content}.dah-root .grid-row{flex-direction:column}.dah-root .grid-item{width:100%;padding:60px 0}.dah-root .grid-item:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,.2)}.dah-root .highlight{display:none}}@font-face{font-family:Alpino;src:url(/demos/fizzi-soda-3d/fonts/Alpino-Variable.woff2) format("woff2"),url(/demos/fizzi-soda-3d/fonts/Alpino-Variable.woff) format("woff");font-weight:100 900;font-style:normal;font-display:swap}@keyframes fizzi-slide-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes fizzi-spin-slow{to{transform:rotate(1turn)}}.fizzi-root{font-family:Alpino,system-ui,-apple-system,sans-serif;background-color:#fde047;overflow-x:hidden;overscroll-behavior:contain}.fizzi-root .animate-slide-left{animation:fizzi-slide-left 3s linear infinite}.fizzi-root .animate-spin-slow{animation:fizzi-spin-slow 6s linear infinite;transform-origin:center}.demo-scroll-shell{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}.demo-scroll-shell::-webkit-scrollbar{display:none}.demo-format-archive .menu{position:fixed;top:0;left:0;width:100vw;height:100svh;pointer-events:none;z-index:2}.demo-format-archive .nav{pointer-events:all}.demo-format-archive .menu-overlay-nav,.demo-format-archive .nav{position:fixed;top:0;left:0;width:100vw;padding:1em;display:flex;gap:1em}.demo-format-archive .menu-overlay-nav-logo,.demo-format-archive .nav-logo{flex:2}.demo-format-archive .nav-items{flex:1;display:flex}.demo-format-archive .menu-overlay-nav-toggle-close,.demo-format-archive .nav-cart-btn,.demo-format-archive .nav-menu-toggle-open{flex:1}.demo-format-archive .menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;overflow:hidden;background-color:#000;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);will-change:transform,clip-path;pointer-events:none;z-index:2}.demo-format-archive .menu-overlay-nav-logo a,.demo-format-archive .menu-overlay-nav-toggle-close p{color:#fff}.demo-format-archive .menu-overlay-nav-logo a,.demo-format-archive .nav-logo a{font-weight:700}.demo-format-archive .menu-overlay-nav-logo .revealer,.demo-format-archive .menu-overlay-nav-toggle-close .revealer,.demo-format-archive .nav-cart-btn .revealer,.demo-format-archive .nav-menu-toggle-open .revealer{cursor:pointer}.demo-format-archive .menu-overlay a,.demo-format-archive .menu-overlay p{color:#fff}.demo-format-archive .menu-footer{position:absolute;bottom:0;width:100%;padding:1em;display:flex;align-items:flex-end;gap:1em}.demo-format-archive .menu-footer-col:first-child{flex:2}.demo-format-archive .menu-footer-col:nth-child(2){flex:1}.demo-format-archive .socials{display:flex;gap:1em}.demo-format-archive .menu-overlay-items{padding:25vh 1em 1em}.demo-format-archive .menu-overlay-items a{font-size:3rem}@media (max-width:900px){.demo-format-archive .nav-cart-btn{display:flex;justify-content:flex-end}}.demo-format-archive .cart-sidebar{position:fixed;top:0;right:0;width:35%;height:100svh;background-color:rgba(0,0,0,1);display:flex;flex-direction:column;z-index:100;overflow:hidden;transform:translateX(100%);will-change:transform;pointer-events:none}.demo-format-archive .cart-sidebar p{color:#fff}.demo-format-archive .cart-nav{width:100%;padding:1em;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15)}.demo-format-archive #close-cart-sidebar,.demo-format-archive .cart-item-remove-btn{cursor:pointer}.demo-format-archive .cart-items{overflow-y:auto;height:100%}.demo-format-archive .cart-item{width:100%;padding:1em;display:flex;gap:1em;border-bottom:1px solid rgba(255,255,255,.15)}.demo-format-archive .cart-item-img{width:100%;height:100%;flex:1;aspect-ratio:1}.demo-format-archive .cart-item-info{flex:3;display:flex;flex-direction:column;justify-content:space-between}.demo-format-archive .cart-item-info-row{display:flex;justify-content:space-between;gap:1em}.demo-format-archive .cart-summary{position:absolute;left:0;bottom:0;width:100%;padding:1em;display:flex;flex-direction:column;gap:1em;border-top:1px solid rgba(255,255,255,.15);background-color:#000}.demo-format-archive .cart-summary-row{display:flex;justify-content:space-between}.demo-format-archive .checkout-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:1em}.demo-format-archive .cart-summary-row a{display:block;width:100%}.demo-format-archive .checkout-btn .revealer p{color:#000}.demo-format-archive .empty-cart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}@media (max-width:900px){.demo-format-archive .cart-sidebar{width:100%}}.demo-format-archive .home-page{position:relative;width:100vw;height:100svh;background-color:#fff;overflow:hidden}.demo-format-archive .home-page-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:1em;background-color:#fff}.demo-format-archive .header{position:absolute;left:1em;bottom:1em;display:flex;flex-direction:column;justify-content:space-between}.demo-format-archive .header h1{text-transform:uppercase;font-weight:600;font-size:9rem;letter-spacing:-.5rem;line-height:.75}.demo-format-archive .header-line-1{margin-left:9rem}.demo-format-archive .home-page-footer{position:absolute;bottom:0;left:0;width:100%;padding:1em;display:flex;align-items:flex-end;gap:1em}.demo-format-archive .hp-footer-col:first-child{flex:2}.demo-format-archive .hp-footer-col:nth-child(2){flex:1;display:flex;gap:1em;height:110px}.demo-format-archive .product-preview-hero{flex:1;clip-path:polygon(0 0,0 0,0 100%,0 100%);cursor:pointer}.demo-format-archive .product-preview-hero:nth-child(3){display:none}.demo-format-archive h1{position:relative;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-format-archive h1 span{position:relative;display:block;transform:translateY(110%);will-change:transform}.demo-format-archive .preloader-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;overflow:hidden;pointer-events:none;z-index:2}.demo-format-archive .pre-loader{position:fixed;top:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-format-archive .loader{position:absolute;top:0;width:100%;height:100%;background:#000;color:#fff;display:flex;justify-content:center;align-items:center}.demo-format-archive .count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-format-archive .count p{font-size:.9rem}.demo-format-archive .loader-bg{position:absolute;display:block;top:0;width:100%;height:100%;background:#3a3a3a;z-index:-1}.demo-format-archive .loader-2{position:absolute;top:0;width:100%;height:100%;background:url(/demos/format-archive/product_images/product_001.jpeg) no-repeat 50% 50%;background-size:cover;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:-1}.demo-format-archive .preloader-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.demo-format-archive .preloader-overlay p{color:#fff}@media (max-width:900px){.demo-format-archive .header{width:100%;top:50%;transform:translateY(-50%);bottom:unset;left:0;align-items:center;justify-content:center}.demo-format-archive .header h1{text-align:center;font-size:3rem;letter-spacing:-.1rem}.demo-format-archive .header-line-1{margin-left:-2rem}.demo-format-archive .header-line-2{margin-left:2rem}.demo-format-archive .hp-footer-col:first-child{display:none}.demo-format-archive .hp-footer-col:nth-child(2){height:80px}.demo-format-archive .product-preview-hero:nth-child(3){display:flex}}.demo-format-archive .catalogue-page{position:relative;padding:1em;width:100%;margin:0 auto;background-color:#fff}.demo-format-archive .products{display:flex;flex-direction:column;gap:2em}.demo-format-archive .row{position:relative;display:flex;gap:1em;will-change:transform,opacity}.demo-format-archive .column{flex:1}.demo-format-archive .product-card{display:flex;flex-direction:column}.demo-format-archive .product-card-image{width:100%;aspect-ratio:5/7;margin-bottom:.5em;overflow:hidden}.demo-format-archive .product-card-img{width:100%;height:100%;object-fit:cover}.demo-format-archive .product-info{display:flex;justify-content:space-between;align-items:center;width:100%}.demo-format-archive .scroll-padding-top{width:100%;height:25vh}.demo-format-archive .scroll-padding-bottom{width:100%;height:50vh}@media (max-width:900px){.demo-format-archive .row{flex-direction:column;gap:3em}.demo-format-archive .column{width:100%}.demo-format-archive .empty-column{display:none}.demo-format-archive .products{gap:3em}.demo-format-archive .product-card-image{aspect-ratio:4/3}}.demo-format-archive .footer{position:relative;width:100%;display:flex;align-items:flex-end;gap:1em;background-color:#fff}.demo-format-archive .footer-col:first-child{flex:2}.demo-format-archive .footer-col:nth-child(2){flex:1;display:flex;justify-content:space-between}.demo-format-archive .footer-author a{position:relative;display:inline-block}.demo-format-archive .footer-author a:after{content:"";display:block;position:absolute;top:100%;left:0;width:100%;height:1px;background-color:#000}@media (max-width:900px){.demo-format-archive .footer-clock{display:none}.demo-format-archive .footer-col:first-child,.demo-format-archive .footer-col:nth-child(2){flex:1}.demo-format-archive .footer-author{display:flex;width:100%;justify-content:flex-end}}.demo-format-archive .product-detail-page{padding:1em;width:100%;background-color:#fff}.demo-format-archive .product-detail-container{margin:25vh 0;display:flex;gap:1em}.demo-format-archive .product-detail-copy{flex:2}.demo-format-archive .product-detail-images{flex:1}.demo-format-archive .product-detail-copy{display:flex;flex-direction:column;gap:1em}.demo-format-archive .info-row{display:flex;gap:1em}.demo-format-archive .info-item{flex:1;min-height:100px}.demo-format-archive .product-detail-images{display:flex;flex-direction:column;gap:1em}.demo-format-archive .more-products-header{margin-bottom:1em}.demo-format-archive .more-products-list{display:flex;gap:1em;padding-bottom:15vh}.demo-format-archive .related-product-link{flex:1;text-decoration:none;color:inherit;display:block;transition:transform .3s ease}.demo-format-archive .related-product-card{display:flex;flex-direction:column}.demo-format-archive .related-product-image{width:100%;aspect-ratio:5/7;margin-bottom:.5em;overflow:hidden}.demo-format-archive .related-product-info{display:flex;justify-content:space-between;align-items:center;width:100%}.demo-format-archive p#product-description .line{position:relative;width:max-content;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-format-archive p#product-description .line span{position:relative;display:block;will-change:transform}.demo-format-archive #add-to-cart-row{margin-top:4em}.demo-format-archive #add-to-cart-row .add-to-cart-btn{width:max-content;cursor:pointer}.demo-format-archive .add-to-cart-btn p{color:#fff;background-color:#000;padding:.25em}@media (max-width:900px){.demo-format-archive .info-row,.demo-format-archive .more-products-list,.demo-format-archive .product-detail-container{flex-direction:column}.demo-format-archive .info-item{min-height:50px}.demo-format-archive .related-product-link{margin-bottom:3em}.demo-format-archive .related-product-image{aspect-ratio:4/3}.demo-format-archive #add-to-cart-row{margin-top:0}}.demo-format-archive .editorial-page{position:relative;padding:1em;width:100%;margin:0 auto;background-color:#fff}.demo-format-archive .articles{display:flex;flex-direction:column;gap:6em}.demo-format-archive .article-row{position:relative;width:100%;display:flex;gap:1em;will-change:transform,opacity}.demo-format-archive .column{display:flex;flex-direction:column;gap:1em}.demo-format-archive .column.article-column{flex:2}.demo-format-archive .column.empty-column{flex:1}.demo-format-archive .article-card{width:100%;display:flex;flex-direction:column;cursor:pointer}.demo-format-archive .article-image{width:100%;aspect-ratio:16/9;margin-bottom:.5em;overflow:hidden}.demo-format-archive .article-info{display:flex;justify-content:space-between}.demo-format-archive .article-date{font-size:.875rem;color:#666}@media (max-width:900px){.demo-format-archive .article-row{flex-direction:column;gap:3em}.demo-format-archive .column{width:100%}.demo-format-archive .empty-column{display:none}.demo-format-archive .articles{gap:3em}.demo-format-archive .article-image{aspect-ratio:4/3}}.demo-format-archive .article-detail-page{position:relative;width:100%;height:100%;min-height:100svh;background-color:#fff;padding:1em}.demo-format-archive .article-content{width:100%;display:flex;gap:1em;margin:25vh 0}.demo-format-archive .article-detail-col:first-child{flex:2}.demo-format-archive .article-detail-col:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2em}.demo-format-archive .article-banner-img{width:100%;aspect-ratio:16/9;margin-bottom:2em}.demo-format-archive .article-copy{margin-bottom:2em}.demo-format-archive .tags{display:flex;gap:1em}.demo-format-archive .article-copy p .line{position:relative;width:max-content;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-format-archive .article-copy p .line span{position:relative;display:block;will-change:transform}@media (max-width:900px){.demo-format-archive .article-content{flex-direction:column-reverse}}.demo-format-archive .archive-page{position:relative;width:100vw;height:100%;display:flex;padding:1em;gap:1em;background-color:#fff}.demo-format-archive .footer-wrapper{background-color:#fff}.demo-format-archive .archive{flex:2}.demo-format-archive .archive,.demo-format-archive .archive-items{display:flex;flex-direction:column;gap:1em}.demo-format-archive .archive-header,.demo-format-archive .archive-item{display:flex;gap:1em}.demo-format-archive .archive-item{user-select:none}.demo-format-archive .archive-header{display:none}.demo-format-archive .archive-header-name,.demo-format-archive .archive-item-name{flex:1}.demo-format-archive .archive-header-designer,.demo-format-archive .archive-item-designer{flex:2}.demo-format-archive .archive-header-year,.demo-format-archive .archive-item-year{flex:1;display:flex;justify-content:flex-end}.demo-format-archive .archive-empty-col{flex:1;display:flex;align-items:flex-end}.demo-format-archive .product-preview{position:fixed;bottom:1em;right:1em;width:32.5%;aspect-ratio:5/3;z-index:1}@media (max-width:900px){.demo-format-archive .archive-empty-col,.demo-format-archive .archive-header-designer,.demo-format-archive .archive-item-designer,.demo-format-archive .product-preview{display:none}}.demo-format-archive .info-page{position:relative;width:100vw;height:100%;min-height:100svh;background-color:#fff;padding:1em;display:flex;flex-direction:column;justify-content:space-between}.demo-format-archive .info-wrapper{display:flex;gap:1em;padding-top:25vh}.demo-format-archive .info-col:first-child{flex:2}.demo-format-archive .info-col:nth-child(2){flex:1}.demo-format-archive .info-col:nth-child(2) .info-item{margin-bottom:5em}.demo-format-archive .info-title{margin-bottom:1em}.demo-format-archive #info-description p{margin-bottom:1em;width:75%}.demo-format-archive #info-description p .line{position:relative;width:max-content;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-format-archive #info-description p .line span{position:relative;display:block;will-change:transform}.demo-format-archive .footer-wrapper{padding:1em}@media (max-width:900px){.demo-format-archive .info-wrapper{flex-direction:column;gap:8em}.demo-format-archive #info-description p{width:100%}.demo-format-archive .info-col:nth-child(2) .info-item{margin-bottom:2em}.demo-format-archive .info-col:nth-child(2) .info-item:nth-child(2){padding-bottom:8em}}.menu-container{position:fixed;top:0;left:50%;width:100%;max-width:2000px;height:100svh;transform:translateX(-50%);pointer-events:none;z-index:100000}.menu{top:1.5rem;left:1.5rem;pointer-events:none;z-index:20}.menu-rail{display:flex;flex-direction:column;gap:.375rem;pointer-events:auto}.menu-box{border:none;border-radius:.35rem;background-color:var(--base-100)}.menu-logo{display:inline-flex;justify-content:center;align-items:center;width:4.5rem;height:4.5rem}.menu-logo img{width:1.5rem;height:1.5rem}.menu-toggle{display:inline-flex;justify-content:center;align-items:flex-end;width:4.5rem;height:12rem;padding-bottom:1rem;cursor:pointer}.menu-toggle-mask{display:grid;place-items:center;min-width:5ch;overflow:hidden;line-height:1}p.mono.menu-close-word,p.mono.menu-toggle-word{grid-area:1/1;line-height:1;letter-spacing:0;color:var(--base-400);will-change:transform}.menu-panel{position:absolute;top:0;left:calc(4.5rem + .375rem);display:flex;flex-direction:column;width:min(35rem,calc(100vw - 7.85rem));height:min(100rem,calc(100svh - 3rem));max-height:min(60rem,calc(100svh - 3rem));padding:1.5rem;border-radius:.35rem;background-color:var(--base-100);color:var(--base-400);visibility:hidden;pointer-events:none;will-change:clip-path}.menu-panel-top{margin-bottom:5rem}.menu-panel-nav{display:flex;flex-direction:column;gap:.45rem}.menu-link{position:relative;display:inline-block;width:fit-content;overflow:hidden;text-decoration:none;color:var(--base-400)}.menu-link:after{content:"";position:absolute;bottom:5%;right:0;width:100%;height:.165rem;background:var(--base-500);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.menu-link:hover:after{transform:scaleX(1);transform-origin:left}.menu-link-footer:after{height:.095rem}.menu-line-mask{display:block;overflow:hidden}.menu-line{display:block;will-change:transform}.menu-link-main .menu-line{font-family:Palace;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:1;letter-spacing:-3%;text-transform:uppercase}.menu-link-footer .menu-line{font-family:Bellefair;font-size:1.3rem;font-weight:400;letter-spacing:-2%}.menu-panel-footer{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:auto;padding-top:2.5rem}.menu-panel-footer-col{display:flex;flex-direction:column;gap:.4rem}@media (max-width:1000px){.menu-link:after{display:none}}.footer{height:100svh;padding:.75rem;overflow:hidden;background-color:var(--base-300);color:var(--base-500)}.footer,.footer-wrapper{position:relative;width:100%}.footer-wrapper{display:flex;flex-direction:column;max-width:5000px;height:100%;margin:0 auto;padding:.75rem .75rem 0}.footer-arc{position:absolute;top:35%;left:50%;width:120%;transform:translate(-50%,-50%);pointer-events:none}.footer-arc-svg{display:block;width:100%;height:auto;overflow:visible}.footer-arc-text{font-family:Palace,serif;font-size:1.25rem;font-weight:600;letter-spacing:5px;text-transform:uppercase;fill:var(--base-400)}.footer-content{width:100%;max-width:2000px;margin:auto auto 0;padding:.75rem}.footer-center,.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.footer-brand{text-align:center}.footer-brand .subheader{transform:translateX(-2rem)}.footer-newsletter{display:flex;align-items:center;overflow:hidden;border:none;border-radius:.375rem;background-color:#f2a90a}.footer-newsletter-input{min-width:300px;padding:0 1.25rem;border:none;outline:none;font-family:Bellefair,serif;font-size:1.25rem;color:var(--base-500);background:none}.footer-newsletter-input::placeholder{color:var(--base-500);opacity:.5}.footer-newsletter-btn{padding:1.25rem 1.75rem;border:none;background-color:var(--base-500);cursor:pointer;transition:background-color .3s ease}.footer-newsletter-btn p{margin:0;color:var(--base-100)}.footer-nav-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.footer-nav{display:flex;flex-direction:column;gap:.375rem}.footer-nav-left{text-align:left}.footer-nav-right{text-align:right}.footer-nav-link{text-decoration:none;color:var(--base-500);transition:color .3s ease}.footer-contact{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding-bottom:1.5rem}.footer-contact>p{color:var(--base-400)}.footer-socials{display:flex;gap:2rem}.footer-social-link{text-decoration:none;color:var(--base-500);transition:color .3s ease}.footer-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:2000px;margin:0 auto;padding:1.125rem 0;border-top:1px solid var(--base-500)}.footer-bottom p{color:var(--base-400)}@media (max-width:1000px){.footer-arc{top:20%;width:180%}.footer-arc-text{font-size:2rem}.footer-content{gap:3rem}.footer-nav-row{flex-direction:column;align-items:center;gap:1.5rem}.footer-nav-left,.footer-nav-right{text-align:center}.footer-newsletter-input{min-width:180px}#footer-contact-email{display:none}}.music-toggle-container{position:fixed;top:0;left:50%;width:100%;max-width:2000px;height:100svh;transform:translateX(-50%);pointer-events:none;z-index:20}.music-toggle{--button-bg:var(--base-100);--button-fg:var(--base-500);--button-hover-bg:var(--base-300);--button-hover-fg:var(--base-500);--button-ease-power:cubic-bezier(0.22,1,0.36,1);position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;padding:0;border:none;border-radius:.4rem;overflow:hidden;color:var(--button-fg);cursor:pointer;pointer-events:auto;outline:none;background-color:transparent;transition:color .3s var(--button-ease-power)}.music-toggle__bg{position:absolute;inset:0;display:block;pointer-events:none}.music-toggle__fill{background-color:var(--button-hover-bg);transform:translateY(100%);z-index:1}.music-toggle__base,.music-toggle__fill{position:absolute;inset:0;border-radius:.4rem;transition:transform .35s var(--button-ease-power)}.music-toggle__base{background-color:var(--button-bg);transform:scale(1);z-index:0}.music-toggle--on{color:var(--button-hover-fg)}.music-toggle--on .music-toggle__fill{transform:translateY(0)}.music-toggle--on .music-toggle__base{transform:scale(.9)}.music-toggle-inner{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.music-toggle-canvas{display:block}.preloader{position:fixed;inset:0;z-index:10000000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.preloader-blocks{position:fixed;top:50%;left:50%;z-index:0;display:grid;width:max-content;height:max-content;grid-template-columns:repeat(var(--preloader-columns,12),var(--preloader-block-size,80px));grid-auto-rows:var(--preloader-block-size,80px);transform:translate(-50%,-50%);pointer-events:none}.preloader-cell{aspect-ratio:1;background-color:var(--base-500)}.preloader-inner{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center}.preloader-svg{width:100%;height:auto;min-height:50vh;overflow:visible;visibility:hidden}.preloader-path-base,.preloader-path-fill{stroke-linecap:butt}.preloader-path-base{stroke:#242424;stroke-width:1.5}.preloader-path-fill{stroke:var(--base-300);stroke-width:2;opacity:0}.showreel{position:relative;width:100%;height:100svh;overflow:hidden;background-color:var(--base-200)}.showreel>.container{width:100%;height:100%}.showreel-header,.showreel>.container{display:flex;justify-content:center;align-items:center;z-index:2}.showreel-header{position:absolute;bottom:0;left:0;right:0;max-width:2000px;margin:0 auto;padding:.75rem 1.5rem;background-color:var(--base-200);will-change:transform}#showreel-header-1{transform:translateY(-52.5%)}#showreel-header-2{transform:translateY(-45%)}#showreel-header-3{transform:translateY(-30%)}#showreel-header-4{transform:translateY(0)}#showreel-header-1.end-state,#showreel-header-2.end-state,#showreel-header-3.end-state,#showreel-header-4.end-state{top:0;bottom:unset;transform:translateY(0)}.showreel-visual{position:relative;display:flex;justify-content:center;align-items:flex-end;width:25%;height:500px;overflow:hidden;border-radius:.75rem}.showreel-visual img{position:absolute}.showreel-visual--compact{width:75%}.showreel-visual.end-state{display:flex;align-items:center;width:100%;height:100%;overflow:hidden;border-radius:.75rem}.showreel-marquee-container{position:relative;width:100%;height:max-content;padding:.75rem;color:var(--base-300);z-index:2}.showreel-marquee{width:100%;padding:.375rem;overflow:hidden;border:1px solid var(--base-300);border-radius:.375rem;text-align:center}.showreel-marquee-track{display:flex;gap:2rem;width:max-content;will-change:transform}.showreel-marquee-track p{flex-shrink:0;white-space:nowrap}.copy-word{white-space:nowrap;padding:.1em .15em;margin:-.1em -.15em}.copy-char,.copy-word{display:inline-block;position:relative;transform-style:preserve-3d;will-change:transform,opacity}.copy-char{overflow:visible}.copy-char,.copy-line{backface-visibility:hidden}.copy-line{display:block;position:relative;transform-style:preserve-3d;will-change:transform,opacity}.about{width:100%;padding:.75rem;background-color:var(--base-200)}.about-wrapper{width:80%;margin:0 auto}.about-intro{display:grid;grid-template-columns:180px 1fr;align-items:flex-start;gap:3rem;padding:1.5rem 0 8rem;color:var(--base-500)}.about-title{max-width:900px}.about-services{display:flex;gap:3rem;padding:4rem 0 6rem}.about-services-left{position:sticky;top:.75rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;flex-shrink:0;gap:3rem;width:min(400px,40%);height:100svh;padding:3rem 0}.about-services-image{width:140px;height:180px;margin-bottom:1.5rem;overflow:hidden;border-radius:.375rem}.about-services-copy{max-width:430px}.about-services-right{display:flex;flex-direction:column;flex:1;gap:6rem;padding:3rem 0}.about-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.about-service-card{display:grid;align-content:space-between;gap:3rem;aspect-ratio:5/7;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:.375rem}.about-service-card p.md{max-width:280px}@media (max-width:1000px){.about-wrapper{width:100%}.about-intro{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding:3rem 0}.about-services{flex-direction:column}.about-services-left{position:static;gap:6rem;width:100%;height:max-content}}.button{--button-bg:var(--base-100);--button-fg:var(--base-500);--button-hover-bg:var(--base-400);--button-hover-fg:var(--base-100);--button-ease-power:cubic-bezier(0.22,1,0.36,1);display:inline-flex;align-items:center;gap:.25rem;width:max-content;text-decoration:none}.button--dark,.button--light{--button-bg:var(--base-100);--button-fg:var(--base-500)}.button--dark{--button-hover-bg:var(--base-300);--button-hover-fg:var(--base-500)}.button__icon,.button__label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;overflow:hidden;border-radius:.4rem;color:var(--button-fg);isolation:isolate;transition:color .3s var(--button-ease-power)}.button__label{padding:0 1.5rem}.button__icon:before,.button__label:before{background-color:var(--button-hover-bg);transform:translateY(100%);z-index:1}.button__icon:after,.button__icon:before,.button__label:after,.button__label:before{content:"";position:absolute;inset:0;border-radius:.4rem;transition:transform .35s var(--button-ease-power)}.button__icon:after,.button__label:after{background-color:var(--button-bg);transform:scale(1);z-index:0}.button--default .button__icon{width:3rem;font-size:1.25rem;aspect-ratio:1}.button--no-icon .button__label{padding:0 2rem}.button p.mono{margin:0}.button p.mono,.button__icon>*{position:relative;z-index:2}.button:hover .button__icon,.button:hover .button__label{color:var(--button-hover-fg)}.button:hover .button__icon:before,.button:hover .button__label:before{transform:translateY(0)}.button:hover .button__icon:after,.button:hover .button__label:after{transform:scale(.9)}.button:focus-visible{outline:2px solid var(--button-hover-bg);outline-offset:3px}.featured-cards{position:relative;width:100%;height:100svh;padding:.75rem;overflow:hidden;background-color:var(--base-200)}.featured-cards>.container{position:relative;width:100%;height:100%}.featured-cards-wrapper{display:flex;gap:3rem;width:80%;height:100%;margin:0 auto}.featured-cards-header{position:relative;display:flex;flex-direction:column;justify-content:center;flex:1;gap:.75rem;height:100%;color:var(--base-500)}.featured-cards-header h5{width:80%;margin:1.5rem 0 3rem}.featured-cards-container{position:relative;flex:1;height:100%}.featured-card{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:.75rem;background-color:var(--base-100);transform:translateY(200%);will-change:transform}.featured-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background-color:var(--base-200);opacity:var(--overlay-opacity,0);pointer-events:none;will-change:opacity;z-index:1}.featured-card-img{width:100%;height:100%;overflow:hidden;border-radius:.5rem}.featured-card-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(1turn,rgba(15,15,15,1),rgba(15,15,15,0))}.featured-card-content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;text-align:center;color:var(--base-300)}.featured-card-content h6.subheader{font-size:clamp(1rem,2vw,3rem);margin-bottom:.1875rem}.featured-card-content h5{font-size:clamp(1.5rem,5vw,4rem)}@media (max-width:1000px){.featured-cards{height:auto;padding:0;overflow:visible}.featured-cards-wrapper{flex-direction:column;gap:2rem;width:100%;height:auto}.featured-cards-header{height:auto;padding:6rem 0 3rem}.featured-cards-header h5{width:100%}.featured-cards-container{display:flex;flex-direction:column;gap:1rem;height:auto}.featured-card{position:relative;top:auto;transform:none;will-change:auto}.featured-card-content h6.subheader{font-size:clamp(1.5rem,3vw,4rem);margin-bottom:.1875rem}.featured-card-content h5{font-size:clamp(3rem,5vw,5rem)}}.cta{position:relative;width:100%;height:100svh;margin-top:-.75rem;padding:.75rem;background-color:var(--base-200)}.cta .container{display:flex;justify-content:center;align-items:flex-end;width:100%;height:100%;border-radius:.75rem;background-color:var(--base-400)}.cta-inner{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transform:translate(-50%,-50%)}.cta-inner h6{font-size:clamp(2rem,4vw,4rem);color:var(--base-100)}.cta-compass{display:flex;justify-content:center;align-items:center}#cta-compass-svg{width:500px;height:500px}.cta-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.375rem;color:var(--base-100)}@media (max-width:600px){#cta-compass-svg{width:300px;height:300px}}.hoe-root .hero{position:relative;width:100%;height:100svh;padding:.75rem;background-color:var(--base-100)}.hoe-root .hero-img,.hoe-root .hero-img:after{position:absolute;top:0;left:0;width:100%;height:100%}.hoe-root .hero-img:after{content:"";background:linear-gradient(0deg,rgba(15,15,15,.2) 0,rgba(15,15,15,.1) 30%,rgba(15,15,15,.1) 70%,rgba(15,15,15,.2))}.hoe-root .hero .container{display:flex;align-items:flex-end}.hoe-root .hero-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--base-300)}.hoe-root .hero-footer{display:flex;justify-content:space-between;width:100%;color:var(--base-300);z-index:2}@media (min-width:1000px){.hoe-root .hero-header h1{font-size:clamp(7.5rem,15vw,15rem)}.hoe-root .hero-header .subheader{font-size:clamp(4rem,5vw,5rem);transform:translateX(-5rem) translateY(.5rem)}}.hoe-root .chronicles-page{position:relative;width:100%;height:100svh;overflow:hidden;background-color:var(--base-500);color:var(--base-300)}.hoe-root .chronicles-slides{display:grid;grid-template-rows:100%;grid-template-columns:100%;place-items:center;width:100%;height:100vh;overflow:hidden}.hoe-root .chronicles-slide{position:relative;display:grid;place-items:center;grid-area:1/1/-1/-1;width:100%;height:100%;overflow:hidden;pointer-events:none;will-change:transform}.hoe-root .chronicles-slide-current{pointer-events:auto}.hoe-root .chronicles-slide-img{width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.hoe-root .chronicles-slide-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(0deg,rgba(15,15,15,.8) 0,rgba(15,15,15,.25) 30%,rgba(15,15,15,.25) 70%,rgba(15,15,15,.5));pointer-events:none}.hoe-root .chronicles-slide-current .chronicles-slide-content{pointer-events:auto}.hoe-root .chronicles-slide-content h1{font-size:clamp(4rem,8vw,8rem)}.hoe-root .chronicles-slide-content .subheader{width:100%;font-size:clamp(1.5rem,3vw,5rem);line-height:1}.hoe-root .chronicles-line{position:relative;will-change:transform}.hoe-root .chronicles-slide-year{color:var(--base-300)}.hoe-root .chronicles-slide-title-block{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--base-300);perspective:700px;transform-style:preserve-3d}.hoe-root .chronicles-word{display:inline-block;position:relative;white-space:nowrap;padding:.1em .15em;margin:-.1em -.15em;transform-style:preserve-3d;will-change:transform,opacity;backface-visibility:hidden}.hoe-root .chronicles-flicker-char{display:inline-block;will-change:opacity}.hoe-root .chronicles-slide-footer{position:relative;display:flex;align-items:center;width:100%;max-width:2000px;padding:.375rem;color:var(--base-300)}.hoe-root .chronicles-slide-tags{position:absolute;left:50%;display:flex;gap:.5rem;transform:translateX(-50%)}.hoe-root .chronicles-slide-tag{padding:.25rem .65rem;border:1px solid var(--base-300);border-radius:.2rem;text-align:center;height:max-content}.hoe-root .chronicles-slide-counter{margin-left:auto}.hoe-root .chronicles-deco{position:relative;grid-area:1/1/-1/-1;width:100%;height:100%;background:var(--base-300);pointer-events:none;will-change:transform}.hoe-root .chronicles-title-link{position:relative;display:inline-block;width:fit-content;text-decoration:none;color:inherit;pointer-events:auto;cursor:pointer;z-index:2}.hoe-root .chronicles-title-underline{position:absolute;bottom:5%;left:0;right:0;height:.165rem;background:var(--base-300);transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.33,1,.68,1);pointer-events:none;z-index:2}.hoe-root .chronicles-title-link-hovered .chronicles-title-underline{transform:scaleX(1);transform-origin:left center}@media screen and (max-width:1000px){.hoe-root .chronicles-slide-content{justify-content:flex-end;gap:9rem;padding:1.5rem 1.5rem 4.5rem}.hoe-root .chronicles-slide-content .subheader{font-size:clamp(1.5rem,3vw,5rem);line-height:1.25;transform:translateX(0)}.hoe-root .chronicles-slide-footer{flex-direction:column;flex-wrap:wrap;gap:.75rem}.hoe-root .chronicles-slide-counter{width:100%;text-align:center}.hoe-root .chronicles-slide-tags{position:static;display:flex;justify-content:center;width:100%;transform:none;order:3}.hoe-root .chronicles-title-underline{display:none!important}}.hoe-root .report-hero{position:relative;width:100%;height:100svh;background-color:var(--base-400)}.hoe-root .report-hero .container{display:flex}.hoe-root .report-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;height:100%}.hoe-root .report-hero-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.375rem}.hoe-root .report-hero-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(15,15,15,.1) 0,rgba(15,15,15,.05) 30%,rgba(15,15,15,.05) 70%,rgba(15,15,15,.1))}.hoe-root .report-hero-right{display:flex;flex-direction:column;justify-content:flex-end;padding:.75rem}.hoe-root .report-header{position:absolute;top:50%;transform:translateY(-50%);padding:0 2rem;text-align:center;color:var(--base-100)}.hoe-root .report-header h1{font-size:clamp(4rem,8vw,8rem);line-height:.85;color:var(--base-300)}.hoe-root .report-header .subheader{width:100%;font-size:clamp(1.5rem,3vw,5rem);line-height:1.25;color:var(--base-300)}.hoe-root .report-hero-meta{display:flex;justify-content:space-between;align-items:flex-end}.hoe-root .report-hero-meta-left,.hoe-root .report-hero-meta-right{display:flex;flex-direction:column;color:var(--base-100);opacity:.5}.hoe-root .report-hero-meta-right{text-align:right}.hoe-root .report-current-conditions,.hoe-root .report-discovery{position:relative;width:100%;padding:15svh .75rem;background-color:var(--base-200);color:var(--base-500)}.hoe-root .report-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.hoe-root .report-copy-content{display:flex;flex-direction:column;gap:1.5rem}.hoe-root .report-copy-content p{max-width:540px;opacity:.7}.hoe-root .report-copy-content .button{margin-top:1.5rem}.hoe-root .report-section{position:relative;width:100%;height:100vh;overflow:hidden;background-color:var(--base-400)}.hoe-root div.pin-spacer:has(>.report-section){background-color:var(--base-400)}.hoe-root .report-canvas{position:relative;display:grid;grid-template-rows:100%;grid-template-columns:100%;place-items:center;width:100%;height:100%;overflow:hidden}.hoe-root .report-layer{position:relative;grid-area:1/1/-1/-1;width:100%;height:100%}.hoe-root .report-layer:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:10}.hoe-root .report-img{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.hoe-root .report-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(15,15,15,.8) 0,rgba(15,15,15,.2) 30%,rgba(15,15,15,.2) 70%,rgba(15,15,15,.4));pointer-events:none}.hoe-root .report-data-block{position:absolute;display:flex;flex-direction:column;gap:.1875rem;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.hoe-root .report-data-block p{color:var(--base-300)}.hoe-root .report-data-block p.mono{font-weight:400}.hoe-root .report-data-top-left{top:25%;left:25%}.hoe-root .report-data-top-right{top:30%;right:10%}.hoe-root .report-data-bottom-left{bottom:20%;left:20%}.hoe-root .report-data-bottom-right{bottom:15%;right:10%}.hoe-root .report-compass{grid-area:1/1/-1/-1;width:70vmin;height:70vmin;transform-origin:center center;transform-box:fill-box;will-change:transform;pointer-events:none;z-index:15}.hoe-root .report-wiper-hand{transform-origin:center center}.hoe-root .report-wiper-fixed,.hoe-root .report-wiper-hand{position:relative;grid-area:1/1/-1/-1;width:2px;height:150vmax;pointer-events:none;z-index:20}.hoe-root .report-wiper-fixed{transform:rotate(225deg);transform-origin:center center}.hoe-root .report-wiper-line{position:absolute;top:0;left:0;width:100%;height:50%;background-color:var(--base-300)}.hoe-root .report-wiper-dot{position:absolute;top:0;left:50%;width:10px;height:10px;border-radius:50%;background-color:var(--base-300);transform:translateX(-50%)}@media screen and (max-width:1000px){.hoe-root .report-hero-grid{grid-template-columns:1fr;grid-template-rows:1fr auto}.hoe-root .report-header{padding:0 1.5rem}.hoe-root .report-hero-right{padding:1rem .75rem}.hoe-root .report-current-conditions,.hoe-root .report-discovery{padding:10svh .75rem}.hoe-root .report-copy-grid{grid-template-columns:1fr}.hoe-root .report-copy-empty{display:none}.hoe-root .report-compass{width:90vmin;height:90vmin}.hoe-root .report-data-block{display:none}}.hoe-root .catalog{position:relative;width:100%;height:100svh;overflow:hidden;background-color:var(--base-400)}.hoe-root .catalog-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.hoe-root .catalog-nav{position:absolute;bottom:0;left:50%;display:flex;justify-content:space-between;width:100%;max-width:2000px;padding:1.5rem;transform:translateX(-50%);pointer-events:none;z-index:10}.hoe-root .catalog-nav p{color:var(--base-100);pointer-events:auto}.hoe-root .catalog-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transform-style:preserve-3d;perspective:1000px;will-change:transform;pointer-events:none;transition:transform .5s cubic-bezier(.215,.61,.355,1);z-index:2}.hoe-root .catalog-header h1{transform-style:preserve-3d;backface-visibility:hidden;color:var(--base-100)}.hoe-root .transmit-hero{position:relative;width:100%;height:100svh;background-color:var(--base-300);color:var(--base-500)}.hoe-root .transmit-hero .container{display:flex;align-items:flex-end;width:100%;height:100%}.hoe-root .transmit-hero-header{position:absolute;top:50%;left:50%;width:90%;transform:translate(-50%,-50%)}.hoe-root .transmit-hero-header h1{text-align:center}.hoe-root .transmit-hero-header .subheader{transform:translateX(-6rem)}.hoe-root .transmit-hero-footer{display:flex;justify-content:space-between;width:100%;margin:0 auto;padding:.75rem}.hoe-root .transmit-sticky{position:relative;width:100%;height:100svh;padding:.75rem;background-color:var(--base-200)}.hoe-root .transmit-sticky .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;border-radius:.75rem;background-color:var(--base-400)}.hoe-root div.pin-spacer:has(>.transmit-sticky){background-color:var(--base-400)}.hoe-root .transmit-sticky-header{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;color:var(--base-100);will-change:transform,opacity}.hoe-root .transmit-card-container{position:relative;display:flex;width:80%;transform:translateY(30px);perspective:1000px;will-change:width}.hoe-root .transmit-card{position:relative;flex:1;aspect-ratio:5/7;transform-style:preserve-3d;transform-origin:top}.hoe-root #transmit-card-1{border-radius:12px 0 0 12px}.hoe-root #transmit-card-3{border-radius:0 12px 12px 0}.hoe-root .transmit-card-back,.hoe-root .transmit-card-front{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:inherit;backface-visibility:hidden}.hoe-root .transmit-card-back{display:flex;justify-content:center;align-items:center;padding:2rem;text-align:center;transform:rotateY(180deg)}.hoe-root #transmit-card-1 .transmit-card-back{background-color:var(--base-500);color:var(--base-100)}.hoe-root #transmit-card-2 .transmit-card-back{background-color:var(--base-300);color:var(--base-500)}.hoe-root #transmit-card-3 .transmit-card-back{background-color:var(--base-200);color:var(--base-500)}.hoe-root .transmit-card-index{position:absolute;top:1.5rem;left:1.5rem;font-family:DMMono,monospace;font-size:.8rem;text-transform:uppercase;opacity:.4}.hoe-root .transmit-card-info{display:flex;flex-direction:column;gap:6rem}.hoe-root .transmit-card-info .mono{opacity:.35}.hoe-root .transmit-card-block{display:flex;flex-direction:column;gap:.25rem}@media (max-width:1000px){.hoe-root .transmit-hero-header .subheader{transform:translateX(0)}.hoe-root .transmit-sticky{height:auto;padding:0;overflow:visible}.hoe-root .transmit-sticky .container{gap:2rem;height:auto;padding:8rem .75rem;border-radius:0}.hoe-root .transmit-sticky-header{position:relative;top:auto;left:auto;transform:none;will-change:auto}.hoe-root .transmit-card-container{flex-direction:column;gap:1rem;width:100%;transform:none;perspective:none;will-change:auto}.hoe-root .transmit-card{flex:none;aspect-ratio:1/1;border-radius:12px;transform-style:flat;transform-origin:center}.hoe-root #transmit-card-1,.hoe-root #transmit-card-2,.hoe-root #transmit-card-3{border-radius:12px}.hoe-root .transmit-card-front{display:none}.hoe-root .transmit-card-back{padding:1.5rem;transform:none}.hoe-root .transmit-card-info{gap:2rem}}@font-face{font-family:Bellefair;src:url(/demos/house-of-epochs/fonts/bellefair/bellefair-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DMMono;src:url(/demos/house-of-epochs/fonts/dm-mono/dm-mono-light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:DMMono;src:url(/demos/house-of-epochs/fonts/dm-mono/dm-mono-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DMMono;src:url(/demos/house-of-epochs/fonts/dm-mono/dm-mono-medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Palace;src:url(/demos/house-of-epochs/fonts/palace/palace-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Palace;src:url(/demos/house-of-epochs/fonts/palace/palace-italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--base-100:#faf2e1;--base-200:#e6dfcf;--base-300:#ffae00;--base-400:#171717;--base-500:#0f0f0f}.hoe-root *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}.hoe-root::-webkit-scrollbar{display:none}.hoe-root{background-color:var(--base-100);color:var(--base-500);scrollbar-width:none}.hoe-root img{width:100%;height:100%;object-fit:cover}.hoe-root h1,.hoe-root h2,.hoe-root h3,.hoe-root h4,.hoe-root h5,.hoe-root h6{font-family:Palace,serif;font-weight:400;font-style:normal;line-height:1;letter-spacing:-3%;text-transform:uppercase}.hoe-root h1.v2,.hoe-root h2.v2,.hoe-root h3.v2,.hoe-root h4.v2,.hoe-root h5.v2,.hoe-root h6.v2{font-family:Bellefair,serif;font-weight:400;line-height:.9;letter-spacing:-6%;text-transform:none}.hoe-root h1{font-size:clamp(5rem,10vw,10rem)}.hoe-root h2{font-size:clamp(4.5rem,9vw,9rem)}.hoe-root h3{font-size:clamp(4rem,8vw,8rem)}.hoe-root h4{font-size:clamp(3.5rem,7vw,7rem)}.hoe-root h5{font-size:clamp(3rem,6vw,6rem)}.hoe-root h6{font-size:clamp(2.5rem,5vw,5rem)}.hoe-root .subheader{font-size:clamp(2rem,4vw,6rem);font-style:italic;line-height:.75;text-transform:none;transform:translateX(-3rem)}.hoe-root p{font-family:Bellefair,serif;font-size:1.3rem;font-weight:400;letter-spacing:-2%}.hoe-root p.sm{font-size:1.2rem}.hoe-root p.md{font-size:1.4rem}.hoe-root p.lg{font-size:1.5rem}.hoe-root p.mono{font-family:DMMono,monospace;font-size:.85rem;font-weight:500;text-transform:uppercase}.hoe-root p.mono.sm{font-size:.8rem}.hoe-root p.mono.md{font-size:.9rem}.hoe-root p.mono.lg{font-size:.95rem}.hoe-root .container{position:relative;width:100%;max-width:2000px;height:100%;margin:0 auto;padding:.75rem}.hoe-root .transition-overlay{position:fixed;top:50%;left:50%;display:grid;grid-template-columns:repeat(var(--transition-columns),var(--transition-block-size));grid-auto-rows:var(--transition-block-size);transform:translate(-50%,-50%);visibility:hidden;pointer-events:none;z-index:1000000}.hoe-root .transition-cell{aspect-ratio:1;background-color:var(--base-300)}@media (max-width:1200px){.hoe-root .subheader{font-style:normal}}.demo-isochrome nav{position:fixed;top:0;left:0;width:100vw;padding:20px;display:flex;justify-content:space-between;align-items:center;z-index:1}.demo-isochrome .media-link a,.demo-isochrome .menu-overlay-bar a,.demo-isochrome .menu-overlay-bar p,.demo-isochrome .showreel a,.demo-isochrome nav a,.demo-isochrome nav p{position:relative;color:var(--copy);display:block;will-change:transform;user-select:none}.demo-isochrome .logo,.demo-isochrome .media-link,.demo-isochrome .menu-toggle-close,.demo-isochrome .menu-toggle-open,.demo-isochrome .showreel{position:relative;width:max-content;height:16px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);cursor:pointer}.demo-isochrome .menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;justify-content:center;align-items:center;background-color:#0f0f0f;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);will-change:clip-path;pointer-events:none;z-index:2}.demo-isochrome .menu-overlay-bar{top:0}.demo-isochrome .menu-footer,.demo-isochrome .menu-overlay-bar{position:fixed;left:0;width:100vw;padding:20px;display:flex;justify-content:space-between;align-items:center}.demo-isochrome .menu-footer{bottom:0}.demo-isochrome .socials{display:flex;gap:1em}.demo-isochrome .menu-toggle-open p,.demo-isochrome nav a{transform:translateY(0)}.demo-isochrome .media-link a,.demo-isochrome .menu-overlay-bar a,.demo-isochrome .menu-toggle-close p,.demo-isochrome .showreel a{transform:translateY(20px)}.demo-isochrome .menu-links{display:flex;flex-direction:column;justify-content:center;align-items:center}.demo-isochrome .menu-link{position:relative;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.demo-isochrome .menu-link a{position:relative;display:inline-block;transform:translateY(100%);will-change:transform}.demo-isochrome .menu-overlay h1{text-transform:uppercase;font-family:dh;font-weight:lighter;font-size:8vw;line-height:.85;color:var(--copy)}@media (max-width:900px){.demo-isochrome .menu-overlay h1{font-size:20vw}}.demo-isochrome .pre-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f0f0f;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:100000}.demo-isochrome .progress-bar{position:absolute;top:0;left:0;width:100%;height:7px;background-color:var(--copy);transform:scaleX(0);transform-origin:left}.demo-isochrome .index-hero{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--bg);display:flex;justify-content:center;align-items:center}.demo-isochrome .hero-img{position:absolute;top:0;left:0;width:100%;height:100%}.demo-isochrome .hero-header{width:65%;text-align:center}.demo-isochrome .hero-header h1{font-size:10vw}.demo-isochrome .hero-footer{position:fixed;bottom:0;left:0;width:100vw;padding:20px;display:flex;justify-content:space-between;align-items:center}@media (max-width:900px){.demo-isochrome .hero-header{width:90%}.demo-isochrome .hero-header h1{font-size:20vw}}.demo-isochrome .animated-h1 [class^=line-]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:block;overflow:hidden}.demo-isochrome .animated-h1 [class^=line-inner-]{position:relative;display:block;will-change:transform}.demo-isochrome .about-hero{position:relative;width:100vw;height:125svh;overflow:hidden;background-color:var(--bg)}.demo-isochrome .about-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%}.demo-isochrome .about-hero .container{padding-top:4em;display:flex;flex-direction:column;justify-content:space-between}.demo-isochrome .about-hero .container h1{font-size:10vw;width:70%}.demo-isochrome .about-tagline{display:flex;gap:2em;width:75%}.demo-isochrome .about-tagline .col:first-child{flex:6}.demo-isochrome .about-tagline .col:nth-child(2){flex:2}.demo-isochrome .about-copy{position:relative;width:100vw;padding:8em 0}.demo-isochrome .about-copy .container{width:50%;margin:0 auto}.demo-isochrome .about-copy-wrapper{margin-top:2em}.demo-isochrome .about-copy-img{position:relative;width:100%;height:500px;overflow:hidden}.demo-isochrome .about-copy-img-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.demo-isochrome .about-copy-img-wrapper img{position:absolute}.demo-isochrome .about-copy h2{font-family:dh}.demo-isochrome .about-copy p{margin-bottom:2em}.demo-isochrome section.expertise{position:relative;width:100vw;height:100%;min-height:100svh}.demo-isochrome .expertise-header{position:absolute;padding-top:4em;top:0;left:0;width:100vw;height:100svh;overflow:hidden;will-change:transform}.demo-isochrome .expertise-header .container{display:flex;flex-direction:column;justify-content:space-between}.demo-isochrome .expertise-header .row{display:flex;justify-content:space-between}.demo-isochrome .expertise-img-1{position:relative;width:15%;overflow:hidden}.demo-isochrome .expertise-img-2{width:30%}.demo-isochrome .services{position:relative;width:50%;margin:0 auto;display:flex;padding:5.5em 0 1em;will-change:transform}.demo-isochrome .services .col{flex:1}.demo-isochrome .service h3{margin-bottom:.5em}.demo-isochrome .service h2{margin-bottom:.5em;font-family:dh}.demo-isochrome .service:not(:last-child){margin-bottom:8em}.demo-isochrome .about-outro-banner{position:relative;width:100vw;height:75vh;overflow:hidden;margin:8em 0 0;background-color:var(--bg)}.demo-isochrome .about-outro-img{position:relative;width:100%;height:100%}.demo-isochrome .founder-voice{position:relative;width:100vw;padding:8em 0}.demo-isochrome .founder-voice .container{width:50%;margin:0 auto;border-left:1px solid rgba(255,255,255,.125)}.demo-isochrome .founder-voice .container h2{margin-bottom:3em}.demo-isochrome .founder-image{width:200px;margin-bottom:20px}.demo-isochrome .client-logos{position:relative;width:100%;padding:6em 0;background-color:var(--bg);overflow-x:hidden}.demo-isochrome .client-logos .container{width:100%;margin:0 auto;overflow:hidden}.demo-isochrome .logos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}.demo-isochrome .logo-item{aspect-ratio:5/3;flex-direction:column;justify-content:flex-start;padding:1em 0;border-top:1px solid rgba(255,255,255,.125)}.demo-isochrome .logo-details,.demo-isochrome .logo-item{display:flex;align-items:center;width:100%;box-sizing:border-box}.demo-isochrome .logo-details{justify-content:space-between;padding:0}.demo-isochrome .logo-details p:first-child{font-size:20px}.demo-isochrome .logo-item img{width:20%;height:auto;object-fit:contain;margin-top:20px}@media (max-width:900px){.demo-isochrome .about-hero{height:100svh}.demo-isochrome .about-hero .container h1{width:80%;font-size:15vw}.demo-isochrome .about-tagline{position:relative;top:0;width:100vw;flex-direction:column;gap:1em}.demo-isochrome .about-copy .container{width:100%}.demo-isochrome .expertise-header .container{justify-content:flex-start;gap:2em}.demo-isochrome .expertise-img-1{display:none}.demo-isochrome .expertise-img-2{width:100%}.demo-isochrome .services{width:100%;padding:70vh 20px 4em}.demo-isochrome .service:not(:last-child){margin-bottom:4em}.demo-isochrome .services .col:first-child{display:none}.demo-isochrome .founder-voice .container{width:95%}.demo-isochrome .client-logos .container{width:100%;padding:0 20px}.demo-isochrome .logos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.demo-isochrome .logo-details{padding:0 10px;justify-content:center}.demo-isochrome .logo-details p:first-child{display:none}.demo-isochrome .logo-item{aspect-ratio:1;padding:1em 0}}.demo-isochrome .animated-copy [class^=line-]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:block;overflow:hidden;margin:0;padding:0}.demo-isochrome .animated-copy [class^=line-inner-]{position:relative;display:block;will-change:transform}.demo-isochrome .footer{position:relative;width:100%;height:100%;overflow-x:hidden;background-color:#0f0f0f;padding-top:6em}.demo-isochrome .footer .container{display:flex;justify-content:flex-end;flex-direction:column;gap:4em}.demo-isochrome .footer-content{width:100%;display:flex}.demo-isochrome .footer-content>div{flex:1}.demo-isochrome .footer .col h3{font-family:dm;width:40%;margin-bottom:1.5em}.demo-isochrome .footer .subscribe-form{width:65%;padding:1em 0;display:flex;align-items:center;gap:1em;border-bottom:1px solid rgba(255,255,255,.125)}.demo-isochrome .footer .subscribe-form input{background:none;width:100%;outline:none;border:none;position:relative;text-decoration:none;text-transform:uppercase;font-family:am;font-size:14px;color:var(--copy);will-change:transform;padding:10px 0}.demo-isochrome .footer .subscribe-form ::placeholder{text-decoration:none;text-transform:uppercase;font-family:am;font-size:14px;color:var(--copy);will-change:transform;opacity:.5}.demo-isochrome .footer .subscribe-form button{border:none;outline:none;background-color:var(--copy);color:var(--bg);font-family:db;font-size:20px;padding:10px 20px;text-transform:uppercase;cursor:pointer}.demo-isochrome .footer-content .col:nth-child(2){display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:8em}.demo-isochrome .footer-content .col:nth-child(2) .row{width:90%;display:flex}.demo-isochrome .location{flex:1}.demo-isochrome .footer-socials,.demo-isochrome .langs{flex:1;display:flex;gap:2em}.demo-isochrome .langs p:nth-child(2){opacity:.5}.demo-isochrome .location h3{width:100%;margin-bottom:.75em!important}.demo-isochrome .footer-logo h1{font-size:27vw;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);overflow:hidden}.demo-isochrome .footer-logo-char{position:relative;display:inline-block;will-change:transform,opacity}.demo-isochrome .footer-copyright{width:100%;display:flex;justify-content:space-between;align-items:center}@media (max-width:900px){.demo-isochrome .footer-content{flex-direction:column;gap:4em}.demo-isochrome .footer .col h3{margin-bottom:.75em}.demo-isochrome .footer .col h3,.demo-isochrome .footer .subscribe-form{width:100%}.demo-isochrome .footer-content .col:nth-child(2) .row{flex-direction:column;width:100%;gap:2em}.demo-isochrome .langs{display:none}.demo-isochrome .footer-content .col:nth-child(2){flex-direction:column-reverse;gap:2em}.demo-isochrome .footer-logo h1{font-size:25vw;text-align:center}.demo-isochrome .footer-copyright{flex-direction:column;align-items:flex-start}}.demo-isochrome .work-hero{position:relative;width:100vw;height:100svh;overflow:hidden;background-color:var(--bg)}.demo-isochrome .work-hero .container{width:50%;margin:0 auto;padding:4em 0;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.demo-isochrome .work-hero h1{font-size:15vw;text-align:center}.demo-isochrome .work-hero p{width:35%;margin:0 auto}.demo-isochrome .projects{position:relative;width:100%;height:100%}.demo-isochrome .project{position:relative;width:100vw;height:100svh;overflow:hidden}.demo-isochrome .project-banner-img{position:relative;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.demo-isochrome .project-banner-img img{position:absolute;will-change:transform,scale}@media (max-width:900px){.demo-isochrome .work-hero .container{width:75%;padding:8em 0 4em}.demo-isochrome .work-hero h1{font-size:20vw}.demo-isochrome .work-hero p{width:100%}}.demo-isochrome .project-hero{position:relative;width:100vw;height:100svh;overflow:hidden;display:flex;margin-bottom:8em}.demo-isochrome .project-hero .col{flex:1}.demo-isochrome .project-hero-img,.demo-isochrome .project-hero-img-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.demo-isochrome .project-hero .col:nth-child(2) .container{display:flex;flex-direction:column;justify-content:center;padding:4em}.demo-isochrome .project-page-title h1{margin-bottom:1em;width:75%}.demo-isochrome .project-hero .sub-col h3{margin:.25em 0}.demo-isochrome .project-hero .col:nth-child(2) .container .row{display:flex;gap:2em;margin-bottom:2em}.demo-isochrome .project-hero .col:nth-child(2) .container .row .sub-col{flex:1}.demo-isochrome .project-info{position:relative;width:100%;padding:4em 0}.demo-isochrome .project-info .container{width:80%;margin:0 auto;display:flex}.demo-isochrome .project-info .container .col{flex:1}.demo-isochrome .project-info .container .col p{margin-bottom:3em}.demo-isochrome .project-info-img-1{position:relative;width:100%;height:700px;overflow:hidden}.demo-isochrome .project-info-img-1-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.demo-isochrome .stat{border-top:1px solid rgba(255,255,255,.125);display:flex;padding-top:20px;justify-content:space-between;margin-bottom:8em}.demo-isochrome .stat h1{font-size:15vw}.demo-isochrome .project-preview-img{position:relative;width:100vw;height:100svh;overflow:hidden}.demo-isochrome .project-preview-img-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.demo-isochrome .project-info-outro{padding:10em 0}@media (max-width:900px){.demo-isochrome .project-hero{height:200svh;flex-direction:column-reverse}.demo-isochrome .project-hero .col:nth-child(2) .container{padding:20px}.demo-isochrome .project-hero .col:nth-child(2) .container .row{flex-direction:column}.demo-isochrome .project-page-title h1{margin-bottom:2em}.demo-isochrome .project-info .container{width:100%;flex-direction:column;gap:2em}.demo-isochrome .stat h1{font-size:20vw}}.demo-isochrome .contact-hero{position:relative;width:100vw;height:90svh;overflow:hidden;background-color:var(--bg)}.demo-isochrome .contact-hero .container{display:flex;align-items:flex-end}.demo-isochrome .contact-details{padding:8em 0}.demo-isochrome .contact-details .container{display:flex;flex-direction:column;gap:4em}.demo-isochrome .contact-details .row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.125)}.demo-isochrome .contact-details .row{display:flex;gap:2em;padding-bottom:4em}.demo-isochrome .contact-details .row:last-child{padding-bottom:2em}.demo-isochrome .contact-details .row .col{flex:1;display:flex;gap:2em}.demo-isochrome .contact-details .row .col .sub-col{flex:1}.demo-isochrome .contact-banner{position:relative;width:100vw;height:100svh;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.demo-isochrome .contact-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:900px){.demo-isochrome .contact-details .row,.demo-isochrome .contact-details .row .col{flex-direction:column}.demo-isochrome .contact-details .row .col{gap:1em}}.demo-isochrome{--bg:#1a1a1a;--copy:#bac4b8}.demo-isochrome ::view-transition-new(root),.demo-isochrome ::view-transition-old(root){animation:none!important}.demo-isochrome ::view-transition-group(root){z-index:auto!important}.demo-isochrome ::view-transition-image-pair(root){isolation:isolate;will-change:transform,opacity,clip-path;z-index:1}.demo-isochrome ::view-transition-new(root){z-index:999;animation:none!important}.demo-isochrome ::view-transition-old(root){z-index:1;animation:none!important}@font-face{font-family:isochrome-am;src:url(/demos/isochrome/fonts/akkuratmono.ttf)}@font-face{font-family:isochrome-db;src:url(/demos/isochrome/fonts/druk-bold.otf)}@font-face{font-family:isochrome-dh;src:url(/demos/isochrome/fonts/druk-heavy.otf)}@font-face{font-family:isochrome-dm;src:url(/demos/isochrome/fonts/druk-medium.otf)}@font-face{font-family:isochrome-ds;src:url(/demos/isochrome/fonts/druk-super.otf)}.demo-isochrome *{margin:0;padding:0;box-sizing:border-box}.demo-isochrome{font-family:isochrome-am;background-color:#000;color:var(--copy)}.demo-isochrome .page{width:100%;height:100%;min-height:100svh;background-color:var(--bg)}.demo-isochrome .container{position:relative;width:100%;height:100%;padding:20px}.demo-isochrome img{position:relative;width:100%;height:100%;object-fit:cover;will-change:transform}.demo-isochrome a,.demo-isochrome p{text-decoration:none;font-size:14px}.demo-isochrome a,.demo-isochrome h1,.demo-isochrome p{position:relative;text-transform:uppercase;color:var(--copy);will-change:transform}.demo-isochrome h1{font-family:isochrome-dh;font-weight:lighter;font-size:7.5vw;line-height:.85}.demo-isochrome h2{font-family:isochrome-dh;font-size:4vw}.demo-isochrome h2,.demo-isochrome h3{position:relative;text-transform:uppercase;font-weight:lighter;line-height:.85;color:var(--copy);will-change:transform}.demo-isochrome h3{font-family:isochrome-dm;font-size:2.25vw}@media (max-width:900px){.demo-isochrome h1{font-size:12vw}.demo-isochrome h2{font-size:10vw}.demo-isochrome h3{font-size:8vw}}.demo-isochrome.iso-root{position:relative;width:100%;height:100%;background-color:#000}.demo-isochrome .iso-page-wrap,.demo-isochrome .iso-scroller-content{position:relative;min-height:100%}.menu{position:fixed;top:2rem;left:50%;transform:translateX(-50%);width:calc(100% - 4rem);max-width:2000px;transition:transform .4s ease;will-change:transform;z-index:10}.menu.hidden{transform:translateX(-50%) translateY(-300%)}.menu .menu-header{position:relative;padding:1rem 1.5rem 1rem 1.75rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--base-700);border-radius:.75rem;z-index:2;cursor:pointer}.menu .menu-logo{text-transform:uppercase;font-family:var(--font-koulen),sans-serif;font-size:clamp(1.25rem,2vw,3rem);line-height:1;cursor:pointer;color:var(--base-100)}.menu .menu-toggle{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;justify-content:center;align-items:center;width:28px;height:28px}.menu .menu-hamburger-icon{width:20px;height:25px;position:absolute;top:10px;right:0;cursor:pointer}.menu .menu-item{transition:all .2s ease;display:block;width:20px;height:2px;margin:0 0 4px;border-radius:1px}.menu .menu-hamburger-icon.open .menu-item,.menu .menu-item{background:var(--base-100)}.menu .menu-hamburger-icon.open .menu-item:first-child{transform:rotate(45deg);transform-origin:5px}.menu .menu-hamburger-icon.open .menu-item:nth-child(2){transform:rotate(-45deg);transform-origin:6px}.menu .menu-overlay{position:absolute;top:100%;left:0;right:0;background-color:var(--base-700);border-radius:0 0 .75rem .75rem;margin-top:-.75rem;transform-origin:top;overflow:hidden;padding:4rem 2rem 2rem;flex-direction:column;transform:scaleY(0);will-change:transform}.menu .menu-overlay,.menu .menu-overlay-items{display:flex;gap:4rem}.menu .menu-items-header p{color:var(--base-500)}.menu .menu-overlay-col-sm{flex:2;display:flex;flex-direction:column;gap:2rem}.menu .menu-overlay-col-sm .menu-main-link{display:flex;align-items:center;justify-content:space-between;width:70%;color:var(--base-100)}.menu .menu-overlay-col-sm .menu-main-link p{font-size:1.25rem}.menu .menu-overlay-col-lg{flex:2.5;display:flex;gap:2rem}.menu .menu-overlay-col-lg .menu-overlay-sub-col{flex:1;display:flex;flex-direction:column;gap:2rem}.menu .menu-sub-links{display:flex;flex-direction:column}.menu .menu-sub-links a{position:relative;display:block;color:var(--base-100);padding:1rem 0;border-bottom:1px dashed var(--base-500);will-change:transform,opacity}.menu .menu-overlay-footer{border-top:1px dashed var(--base-500);padding:1rem 0 0;width:100%;display:flex;justify-content:space-between}.menu .menu-overlay-footer a{color:var(--base-100)}@media (max-width:1000px){.menu{top:1.5rem;width:calc(100% - 3rem)}.menu .menu-overlay-items{flex-direction:column;gap:2rem}.menu .menu-items-header{display:none}.menu .menu-overlay-col-lg{flex-direction:column}.menu .menu-product-links{display:none}}footer{position:relative;width:100%;height:100%;background-color:var(--base-100);margin-top:-45svh}footer p.bodyCopy{font-size:.95rem}footer .container{display:flex;flex-direction:column;gap:10rem;padding:3rem}footer .footer-row:first-child{display:flex;width:45%;gap:1rem}footer .footer-row:first-child .footer-col{flex:1;display:flex;flex-direction:column;gap:2rem}footer .footer-row:first-child .footer-col .footer-col-header p{color:var(--base-500)}footer .footer-row:first-child .footer-col .footer-col-links{display:flex;flex-direction:column;gap:1rem}footer .footer-row:nth-child(2){display:flex;justify-content:space-between;align-items:flex-end}footer .footer-row:nth-child(2) .footer-copyright{display:flex;flex-direction:column;gap:.5rem}footer .footer-row:nth-child(2) .footer-copyright p:nth-child(2){margin-bottom:1.5rem;color:var(--base-500);line-height:1.25}@media (max-width:1000px){footer{margin-top:0}footer .container{gap:5rem;padding:3rem 2rem}footer .footer-row:first-child{width:100%;flex-direction:column;gap:4rem}footer .footer-row:first-child .footer-col .footer-col-links{gap:.5rem}footer .footer-row:nth-child(2){flex-direction:column;align-items:flex-start;gap:.25rem}}@media (min-width:2000px){footer{margin-top:-40svh}}