.kitchens-body{max-width:100%;height:100%}.kitchens-body .body-wrapper{max-width:98%}.kitchens-main{padding-top:var(--header-height);max-width:100%;color:var(--tagline-font-clr);max-height:none;font-size:clamp(1rem,1rem + .5vw,1.5rem);position:relative}.screen{transform-origin:top;opacity:.05;scroll-snap-align:center;max-width:98vw;margin-bottom:2rem;scroll-margin-top:15vh;display:flex;position:relative;overflow-y:hidden;@media (width<=1024px) and (height<=600px) and (height<=600px),(orientation:portrait){flex-direction:column;gap:1rem;padding-inline:1rem}}.screen.current{animation:3s forwards screen-fade}@keyframes screen-fade{to{opacity:1}}.fn-image{width:100%;height:100%}.fn-image img{object-fit:contain;width:100%;height:100%}.fn-text-wrapper{width:clamp(250px,35vw,400px);min-width:350px;min-height:100%;padding-top:5rem;@media (width<=1024px) and (height<=600px) and (height<=600px),(orientation:portrait){width:50%;min-width:0;padding-top:0}}.fn-text h1{margin-block:4rem;font-size:clamp(2rem,1.554rem + 2.038vw,4rem)}h2{text-transform:uppercase;font-size:1.5rem}.fn-text h3{margin-block:2rem;font-size:clamp(1.5rem,1.8rem + .2vh,3rem);@media (width<=1024px) and (height<=600px) and (height<=600px),(orientation:portrait){width:100%;margin-block:0}}.fn-text h1 span{color:var(--highlight-clr);font-style:italic}.fn-text{max-width:90%;height:100%;margin-inline:auto;@media (width<=1024px) and (height<=600px),(orientation:portrait){margin:0;padding-top:1rem}}.time-of-day{width:20%;font-size:.8rem;position:absolute;bottom:2rem}.fn-text ul{padding-left:1rem}.fn-text li{padding-bottom:.8rem}.screen-title{color:var(--accent-font-clr);background:url(/_astro/kitchen-window-view.CmRQW3QA.webp) 50%/cover no-repeat;min-height:80vh;@media (width<=1024px) and (height<=600px),(orientation:portrait){background:url(/_astro/kitchen-landing-mobile.Cb910Vow.webp) 0 0/cover no-repeat}}.screen-title:after{content:"";background:linear-gradient(transparent, var(--tagline-font-clr));background:var(--tagline-font-clr);mix-blend-mode:multiply;width:100%;position:absolute;inset:0;mask:linear-gradient(#0000 70%,#000 80%,#000)}.screen-title .fn-text{margin-left:5vw;margin-top:calc(var(--header-height))}.screen-title .fn-text-wrapper{z-index:1;margin-bottom:5rem;@media (width<=1024px) and (height<=600px),(orientation:portrait){margin:0;padding:0}}.screen-title .fn-text-wrapper h2{@media (width<=1024px) and (height<=600px),(orientation:portrait){width:50vw;margin-block:5vh}}.screen-title .fn-text-wrapper h2{@media (width<=1024px) and (height<=600px),(orientation:portrait){margin-block:2rem}}.link.scroll{color:var(--accent-font-clr);text-transform:uppercase;text-align:center;z-index:3;width:100%;font-size:.8rem;position:absolute;inset-block-start:75vh;@media (width<=1024px) and (height<=600px),(orientation:portrait){bottom:5rem;left:0}}.link.scroll.clicked{text-align:right;visibility:hidden;display:block;position:sticky;right:0}.link.scroll.clicked .arrow{visibility:visible;stroke:var(--highlight-clr);stroke-width:4px;background:hsl(from var(--tagline-font-clr) h s l / .5);border-radius:50%;margin-right:1rem;padding:.75rem .5rem}.arrow{stroke:var(--accent-font-clr);stroke-width:2px;padding-left:.5rem;display:inline-block}.kitchens-main .task-bar{bottom:0}.observed h2,.designed h2{margin-left:5vw}.observed{flex-direction:column;height:auto}.observed .fn-text-wrapper{width:100%}.observed h3{margin-block:5rem;font-size:2rem}.observed .fn-text,.experience .fn-text{justify-content:start;gap:10vw;width:100%;display:flex}.observed .fn-text{@media (width<=1024px) and (height<=600px),(orientation:portrait){flex-direction:column;gap:1rem}}.observed h2{@media (width<=1024px) and (height<=600px),(orientation:portrait){margin-left:0}}.observed h3{@media (width<=1024px) and (height<=600px),(orientation:portrait){margin-block:0}}.observed .fn-text p{padding-block:.5rem;line-height:1.5rem}.observed-emphasis{font-weight:700}.observed,.designed{@media (width<=1024px) and (height<=600px),(orientation:portrait){min-height:fit-content;padding-bottom:2rem}}.realisation{mix-blend-mode:multiply;background:url(/_astro/sunset.BVG6LBhD.webp) 50%/cover no-repeat;min-height:80vh}.realisation:after{content:"";background:#ce6f2c;position:absolute;inset:0;mask:linear-gradient(270deg,#0000 70%,#000 100%);@media (width<=1024px) and (height<=600px),(orientation:portrait){background:linear-gradient(#ce6f2c 10%,#0000 40% 100%);mask:linear-gradient(270deg,#0000 5% 15%,#0000 30% 50%,#000 70%,#000)}}.realisation .fn-text-wrapper{z-index:5;width:50vw;margin:0;margin-block:5vh;padding:0;@media (width<=1024px) and (height<=600px),(orientation:portrait){min-height:100%;margin-block:0}}.realisation .fn-text h2{@media (width<=1024px) and (height<=600px),(orientation:portrait){color:var(--tagline-font-clr);margin-block:5vh}}.realisation h3{@media (width<=1024px) and (height<=600px),(orientation:portrait){margin-block:1rem}}.designed{min-height:unset;height:80vh;@media (width<=1024px) and (height<=600px),(orientation:portrait){flex-direction:column;height:200%}}.designed .fn-text-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.designed .fn-text{width:fit-content;height:fit-content}.designed p{padding-block:1rem}.experience{flex-direction:column;height:80vh;@media (width<=1024px) and (height<=600px),(orientation:portrait){background:var(--tagline-font-clr);gap:0;height:calc(60vh + 3rem);padding:0}}.experience .fn-text{max-width:100%;color:var(--accent-font-clr);z-index:15;grid-template-columns:1fr;align-items:center;padding:1rem;display:grid;position:absolute;inset:0;@media (width<=1024px) and (height<=600px),(orientation:portrait){grid-template-rows:20vh 1fr;height:57vh}}.experience h2{grid-area:1/1/2/2;place-self:self-start;@media (width<=1024px) and (height<=600px),(orientation:portrait){grid-area:1/1/2/2;align-self:start;width:100%}}.experience-h3{grid-area:2/1/3/2;align-self:start;padding-bottom:2rem;@media (width<=1024px) and (height<=600px),(orientation:portrait){grid-area:2/1/3/2;width:100%}}.experience-text{grid-area:2/1/3/2;align-self:self-end}.experience img{object-fit:cover;width:100%;max-height:75%}.experience p{padding-block:.5rem}.experience:after{content:"";background:linear-gradient(var(--tagline-font-clr) 5%, transparent 10%, var(--tagline-font-clr));background:linear-gradient(var(--tagline-font-clr) 10%, transparent 30%, var(--tagline-font-clr) 65%, transparent);mix-blend-mode:multiply;z-index:5;position:absolute;inset:0}.kitchens-main:after{@media (width<500px){content:"";min-height:10vh;position:absolute;inset:100% 0 0}}
