@font-face{font-family:Leaffes;src:url(../assets/fonts/leaffes.otf)}
@view-transition{navigation:auto}
@font-face{font-family:Manrope;src:url(../assets/fonts/manrope.ttf)}
:root{--ivory:#edece5;--green:#012b23;--black:#030b08;--line:#ffffff30}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--black);color:var(--ivory);font-family:Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
button:focus-visible,a:focus-visible{outline:2px solid #a7c9b9;outline-offset:7px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:100}
.wordmark{font-family:Leaffes,Georgia,serif;font-weight:400}
img{display:block;width:100%;height:100%;object-fit:cover}
.micro{font-size:10px;letter-spacing:2px;text-transform:uppercase}
.link{display:inline-block;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;padding:0 0 9px;border-bottom:1px solid currentColor}
.link:hover{opacity:.65}
.header{position:absolute;z-index:5;top:0;width:100%;height:110px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}
.wordmark{letter-spacing:9px;font-size:34px}
.header .wordmark{position:absolute;left:50%;transform:translateX(-50%)}
.header button,.header-right a{font-size:10px;letter-spacing:1.8px}
.header-right{display:flex;align-items:center;gap:34px}
.lang{font-size:10px;letter-spacing:1.8px;transform:translateY(4px);--w:2.6em;--g:4px;position:relative;display:grid;grid-template-columns:var(--w) var(--w);gap:var(--g);padding-bottom:8px;text-align:center}
.lang a{opacity:.4;transition:opacity .45s}
.lang a[aria-current],.lang a:hover{opacity:1}
.lang-bar{position:absolute;left:0;bottom:0;width:var(--w);height:1px;background:currentColor;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lang[data-cur=en] .lang-bar,.lang[data-cur=tr]:has(a:last-child:hover) .lang-bar{transform:translateX(calc(var(--w) + var(--g)))}
.lang[data-cur=en]:has(a:first-child:hover) .lang-bar{transform:none}
.menu-icon{position:relative;display:inline-block;width:18px;height:7px;margin-right:13px;vertical-align:middle}
.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0;width:100%;height:1px;background:currentColor;transition:transform .55s cubic-bezier(.2,.7,.2,1),width .55s cubic-bezier(.2,.7,.2,1)}
.menu-icon::before{top:0}.menu-icon::after{bottom:0}
.menu-text{display:inline-block;transition:letter-spacing .5s cubic-bezier(.2,.7,.2,1)}
#menu:hover .menu-text,.drawer .close:hover .menu-text{letter-spacing:3px}
#menu:hover .menu-icon::before{transform:translateY(2px)}#menu:hover .menu-icon::after{transform:translateY(-2px)}
.hero{min-height:680px;height:83vh;max-height:920px;position:relative;overflow:hidden;background:#001c15}
.hero-visual{position:absolute;inset:0 0 0 25%;overflow:hidden}
.hero-visual img{position:absolute;inset:0;object-position:center 46%;opacity:0;transition:opacity 1.6s ease-in-out}.hero-visual img.on{opacity:1}.hero-copy{transition:opacity .6s ease}.hero-copy.swap{opacity:0}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#00160ff5 0%,#00160fe0 19%,#00160f40 53%,transparent 85%),linear-gradient(0deg,#020e0860,transparent 45%)}
.hero-copy{position:absolute;z-index:1;left:5.6%;top:47%;transform:translateY(-10%)}
.hero-copy .micro{color:#c0d1c9;margin-bottom:26px}
h1{font-size:clamp(45px,5.4vw,86px);line-height:1.05;letter-spacing:-.5px}
.hero-copy .link{margin-top:36px}
.hero-bottom{position:absolute;z-index:2;bottom:33px;left:5.6%;right:5.6%;display:flex;justify-content:space-between;align-items:center;color:#c1ccc5}
.slide-dots{display:flex;gap:19px}
.slide-dots button{font-size:10px;opacity:.45;padding:9px 2px}
.slide-dots button[aria-pressed=true]{opacity:1;border-bottom:1px solid}
.split{display:grid;grid-template-columns:1fr 1fr}
.tile{aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid #ffffff20;border-left:0}
.tile img{transition:transform .6s}


.tile:after,.wide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020a08d9,transparent 70%)}
.tile:hover img{transform:scale(1.03)}
.tile-copy{position:absolute;left:9%;bottom:37px;z-index:1}
.tile h2{font-size:39px}
.wide{aspect-ratio:4/1;position:relative;overflow:hidden}
.wide>img{filter:brightness(.65)}
.wide:after{background:linear-gradient(90deg,#001e17e8,#001e1710)}
.wide-copy{position:absolute;top:50%;transform:translateY(-50%);left:5.6%;z-index:1}
.wide h2{font-size:46px;margin:16px 0 0}
.edit{padding:58px 4.5% 54px;background:var(--ivory);color:#15251e}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}
.section-head h2{font-size:36px;margin-top:10px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gallery button{padding:0;text-align:left}
.gallery-image{aspect-ratio:4/3;overflow:hidden;background:#082419}
.gallery img{transition:transform .6s}
.gallery button:hover img{transform:scale(1.035)}
.caption{display:flex;justify-content:space-between;align-items:center;padding-top:15px;font-size:10px;letter-spacing:1.4px}
.world{position:relative;min-height:400px;display:grid;place-items:center;text-align:center;overflow:hidden}
.world>img{position:absolute;inset:0;object-position:center 20%;filter:brightness(.22)}
.world-content{position:relative;padding:55px 25px}
.world h2{font-size:clamp(30px,3.4vw,52px);line-height:1.2;margin:23px 0}
.world p:not(.micro){max-width:490px;font-size:12px;line-height:1.9;color:#c3cec7;margin:0 auto 25px}
.footer{background:#021910;border-top:1px solid var(--line);padding:72px 4.5% 28px}
.footer-top{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start}
.footer-mid{text-align:center}
.footer .wordmark{display:block;font-size:44px;letter-spacing:8px}
.footer-mid .micro{margin-top:16px;color:#9bb7a8;font-size:8px;letter-spacing:2.4px}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:9px;letter-spacing:1.5px}
.footer-col .micro{font-size:8px;color:#6f8f7f;margin-bottom:6px}
.footer-col.end{align-items:flex-end}
.footer-col a{transition:opacity .4s,transform .4s}
.footer-col a:hover{opacity:.6;transform:translateX(4px)}
.footer-col.end a:hover{transform:translateX(-4px)}
.footer-bottom{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;font-size:8px;letter-spacing:1.5px;color:#9bb7a8}
.footer-bottom>:last-child{justify-self:end}
.footer-bottom a{transition:opacity .4s}.footer-bottom a:hover{opacity:.6}
.wa{position:fixed;right:clamp(16px,2.5vw,32px);bottom:clamp(16px,2.5vw,32px);z-index:15;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#03291f;border:1px solid #517263;color:var(--ivory);animation:waIn .9s cubic-bezier(.2,.7,.2,1) 1.4s backwards;transition:background .4s,color .4s,transform .4s}
.wa svg{width:26px;height:26px;fill:currentColor}
.wa::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--ivory);opacity:0;animation:waPulse 3.4s ease-out 3.4s infinite}
.wa:hover{background:var(--ivory);color:#03291f;transform:translateY(-4px)}
@keyframes waIn{from{opacity:0;transform:translateY(18px)}}
@keyframes waPulse{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(1.55);opacity:0}}
.drawer{position:fixed;z-index:20;inset:0;background:#01231cf2;backdrop-filter:blur(18px);padding:40px 6%;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .6s ease;outline:none}
.drawer.in{opacity:1}
.drawer[hidden]{display:none}
.close{position:absolute;right:5%;top:36px;font-size:13px}
.drawer .close{left:4.5%;right:auto;top:0;height:110px;display:flex;align-items:center;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}
.drawer.in .close .menu-icon::before{transform:translateY(3px) rotate(45deg);transition-delay:.25s}
.drawer.in .close .menu-icon::after{transform:translateY(-3px) rotate(-45deg);transition-delay:.25s}
.drawer .close:hover .menu-icon::before{transform:translateY(3px) rotate(135deg);transition-delay:0s}
.drawer .close:hover .menu-icon::after{transform:translateY(-3px) rotate(45deg);transition-delay:0s}
.drawer nav{display:flex;flex-direction:column;gap:22px;width:max-content}
.drawer nav a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(30px,6vw,70px);opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.drawer.in nav a{opacity:1;transform:none;transition-delay:var(--d)}
.drawer nav a:nth-child(1){--d:.2s}.drawer nav a:nth-child(2){--d:.27s}.drawer nav a:nth-child(3){--d:.34s}.drawer nav a:nth-child(4){--d:.41s}.drawer nav a:nth-child(5){--d:.48s}.drawer nav a:nth-child(6){--d:.55s}
.drawer nav a.contact-open{display:none}
.drawer.in nav:hover a{opacity:.35;transition-delay:0s}
.drawer.in nav a:hover{opacity:1;transform:translateX(16px);transition-delay:0s}
.drawer .micro{margin-bottom:30px;color:#9bb7a8;opacity:0;transition:opacity .8s ease .1s}
.drawer.in .micro{opacity:1}
dialog{color:var(--ivory);background:linear-gradient(160deg,#04382b,#021f18);border:1px solid var(--line);padding:72px clamp(28px,6vw,56px) 44px;max-width:640px;width:90%;max-height:90vh;opacity:0;transform:translateY(40px) scale(.96);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
dialog.in{opacity:1;transform:none}
dialog::backdrop{background:#000b;backdrop-filter:blur(8px);opacity:0;transition:opacity .7s ease}
dialog.in::backdrop{opacity:1}
html:has(dialog[open]){overflow:hidden}
#lightbox{width:100vw;height:100vh;max-width:none;max-height:none;background:none;border:0;padding:5vh 5vw;cursor:zoom-out}
#lightbox[open]{display:flex;align-items:center;justify-content:center}
#lightbox .close{display:none}
dialog img{display:block;width:auto;max-width:100%;height:auto;max-height:90vh;margin:auto}
#lightbox img{max-height:90vh;max-width:90vw}
dialog h2{font-size:clamp(28px,5vw,40px);line-height:1.15;margin:18px 0 22px}
dialog p{font-size:13px;line-height:1.9;color:#cfdcd3}
dialog .micro{color:#9bb7a8}
dialog .close{top:20px;right:20px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;transition:transform .5s,border-color .4s}
dialog .close::before,dialog .close::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1px;background:var(--ivory);transform:translate(-50%,-50%) rotate(45deg)}
dialog .close::after{transform:translate(-50%,-50%) rotate(-45deg)}
dialog .close:hover{transform:rotate(90deg);border-color:var(--ivory)}
.contact-copy{margin-top:30px}
.contact-copy br{display:none}
.contact-copy a.link{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);color:var(--ivory);transition:padding-left .4s,color .4s}
.contact-copy a.link:last-child{border-bottom:1px solid var(--line)}
.contact-copy a.link:hover{padding-left:12px}
body.lock{overflow:hidden}

@media(min-width:1700px){main,.header,.footer{max-width:1800px;margin:auto}
.header{left:50%;transform:translateX(-50%)}
}

@media(max-width:700px){.header{height:82px;padding:0 6%}
.header .wordmark{font-size:23px;letter-spacing:5px}
.header button,.header-right a{font-size:8px;letter-spacing:1px}
.header-right{gap:20px}
.lang{font-size:8px;letter-spacing:1px}
.header-right .contact-open{display:none}
.drawer nav a.contact-open{display:block}
.menu-icon{margin-right:0}
.menu-text{display:none}
.hero{height:82svh;min-height:600px;max-height:800px}
.hero-visual{inset:0 -24% 0 -17%}

.hero:after{background:linear-gradient(0deg,#00190ff5,transparent 78%),linear-gradient(90deg,#00160f70,transparent)}
.hero-copy{top:auto;bottom:110px;left:7%;transform:none}
.hero-copy .micro{font-size:8px;margin-bottom:17px}
h1{font-size:49px}
.hero-copy .link{margin-top:24px}
.hero-bottom{left:7%;right:7%}
.hero-bottom>.micro{font-size:7px;letter-spacing:1.2px}
.split{grid-template-columns:1fr 1fr}
.tile{aspect-ratio:4/5}
.tile-copy{left:12%;bottom:25px}
.tile h2{font-size:27px}


.wide{aspect-ratio:3/2}
.wide-copy{left:7%}
.wide h2{font-size:34px}
.edit{padding:38px 6%}
.section-head h2{font-size:27px}
.section-head>.micro{display:none}
.gallery{gap:12px;grid-template-columns:1fr 1fr 1fr}
.gallery-image{aspect-ratio:2/3}
.caption{font-size:7px;letter-spacing:.7px;line-height:1.7}
.caption span:last-child{display:none}
.world{min-height:360px}
.footer{padding:48px 6% 24px}
.footer-top{grid-template-columns:1fr 1fr;row-gap:40px}
.footer-mid{grid-column:1/-1;order:-1}
.footer .wordmark{font-size:34px;letter-spacing:6px}
.footer-bottom{margin-top:44px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.wa{width:52px;height:52px}
.micro{font-size:8px}
.link{font-size:9px}
}

@media(prefers-reduced-motion:reduce){.wa,.wa::after{animation:none}.drawer,.drawer nav a,.menu-icon::before,.menu-icon::after{transition:none!important}dialog,dialog::backdrop{transition:none}html{scroll-behavior:auto}
*{transition:none!important}
}
#lightbox:focus{outline:none}