@font-face{font-family:"Apfel Grotezk";src:url(../fonts/ApfelGrotezk-Regular.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Apfel Grotezk";src:url(../fonts/ApfelGrotezk-Mittel.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Apfel Grotezk";src:url(../fonts/ApfelGrotezk-Fett.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Apfel Grotezk";src:url(../fonts/ApfelGrotezk-Satt.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/Figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/Figtree-Italic.woff2) format("woff2");font-weight:300 900;font-style:italic;font-display:swap}

:root{
	--green:#017663;
	--green-deep:#0f4629;
	--gold:#fdca60;
	--gold-deep:#e9b43d;
	--cream:#f5f6f1;
	--dark:#0f3b2e;
	--pist:#8bc33d;
	--magenta:#db2e86;
	--text-font:"Figtree",system-ui,sans-serif;
	--hero-font:"Apfel Grotezk",sans-serif;
	--title-font:"Apfel Grotezk",sans-serif;
	--anim-font:"Apfel Grotezk",sans-serif;
	--menu-text-color:var(--cream);
	--ulu-curve:cubic-bezier(.28,.71,0,.98);
}
*{box-sizing:border-box;line-height:.9}
*::selection{background-color:var(--gold);color:var(--green-deep)}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background-color:transparent}
*::-webkit-scrollbar-thumb{background-color:var(--dark);border:2px solid var(--cream);border-radius:100px}
html{scroll-margin-top:120px;-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;padding:0;background-color:var(--cream);color:var(--dark);font-family:var(--text-font);font-size:1.1rem;position:relative;overflow-x:hidden}
main{position:relative;z-index:3;background-color:var(--cream)}
a{text-decoration:none;color:var(--dark)}
p{line-height:1.3}
ul{margin:0;padding:0;list-style:none}
img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}
button{font-family:inherit}
body>canvas{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}
#js-front-canvas{z-index:10000}
#js-back-canvas{z-index:-1}
.Hidden{display:none!important}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* yardımcılar */
.Absolute_Img{position:absolute;overflow:hidden}
.Centered{text-align:center}
.Fluid img,.Fluid svg,.Fluid video{width:100%;height:100%;object-fit:cover}
.Contain_Fluid img,.Contain_Fluid svg,.Contain_Fluid video{width:100%;height:100%;object-fit:contain}
.Contain_Fluid.Left img{object-position:left center}
.Rounded{border-radius:1000px}
.SectionPadded{padding:50px 4vw;overflow-x:hidden}
.Page_Section.SectionPadded{padding-top:140px}
h2.SectionTitle,h1.SectionTitle{text-transform:uppercase;font-family:var(--title-font);font-size:6rem;font-weight:600;line-height:.9;margin:.4em 0}
.Word{overflow:hidden;display:inline-block;margin-right:.3em}
.Word span{display:inline-block;transform-origin:top left}
.Line{overflow:hidden;display:inline-block;padding-top:2px}
.Line span{display:inline-block;margin-right:.6rem;transform-origin:top left}
.Grow_Anim{transition:all .1s ease-out;transform-origin:center;font-family:var(--anim-font);font-weight:400;text-decoration:none!important}
.Grow_Anim .word{text-align:left;display:inline-block;margin-right:0}
.Grow_Anim:hover{color:var(--gold);transform:scale(.95)}
.Grow_Anim .letter{transition:transform 3s ease-out,color .1s ease-out;transform-origin:center;display:inline-block}
.Grow_Anim .letter:hover{transform:scale(1.22)}
.Flex{display:flex;align-items:center}

/* buton: fare konumundan dolan daire */
.Form_Button{position:relative;border-radius:100px;overflow:hidden;cursor:pointer;display:inline-block}
.Form_Button:before{content:"";width:200%;aspect-ratio:1;position:absolute;top:var(--mouse-y,50%);left:var(--mouse-x,50%);border-radius:1000px;transform-origin:center;transform:translate(-50%,-50%) scale(0);transition:transform 1.2s var(--ulu-curve);z-index:1;background-color:var(--cream)}
.Form_Button button{border:none;background-color:transparent;width:100%;-webkit-user-select:none;user-select:none;position:relative;z-index:2;color:var(--dark);transition:all .8s var(--ulu-curve);cursor:pointer}
.Form_Button:hover button{transform:scale(.9)}
.Form_Button:hover:before{transform:translate(-50%,-50%) scale(1.05)}

/* sayfa geçiş perdesi */
svg.pagehide,svg.pageload{width:100%;height:auto;position:fixed;left:0;z-index:20000;pointer-events:none;fill:var(--green);stroke:0}
body svg.pagehide{bottom:0}
body svg.pageload{top:0}
.Popup{position:fixed;width:100%;padding:12px;display:flex;justify-content:center;top:0;left:0;transform:translateY(-100%);transition:all 1s var(--ulu-curve);background-color:var(--dark);color:#fff;z-index:1000;text-align:center}
.Popup.Active{transform:none}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10001;opacity:0;pointer-events:none;transition:opacity 1s var(--ulu-curve)}
.overlay.open{opacity:1;pointer-events:all}
.overlay-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity 1s var(--ulu-curve)}
.overlay-menu.open{opacity:1}

/* uyarı satırı */
.disclaimer{opacity:.9;font-size:.9em;font-weight:500;color:var(--green);margin:.6rem 0;display:flex;align-items:center;gap:.5rem}
.disclaimer_icon{display:inline-flex;width:18px;height:18px;flex:none}
.disclaimer_icon svg{width:100%;height:100%;color:var(--green)}

/* form girdileri */
.Form__Alert{font-size:.95rem;margin-top:.6rem;min-height:1.2em;color:var(--green)}
.Form__Alert.Error{color:var(--magenta)}

@media screen and (max-width:768px){
	:root{font-size:14px}
	h2.SectionTitle,h1.SectionTitle{font-size:3rem}
	svg.pagehide,svg.pageload{display:none}
}
@media (prefers-reduced-motion:reduce){
	.Marquee_Content,.Arches_Display_Inner,.Testimonials_Container{animation-duration:200s}
}
/* test modu */
.fdshot .Hero_Wrapper{height:900px!important;max-height:900px!important}
.fdshot .Collection_Display_Section{min-height:1100px}
@media screen and (max-width:768px){.fdshot .Hero_Wrapper{height:700px!important}}