:root{
  --ground:#EAE4DA;        
  --ground-alt:#F4F1EA;    
  --pine:#173B39;
  --pine-deep:#12302D;     
  --ink:#171A19;
  --ink-rgb:23,26,25;
  --sage:#AAB5AF;
  --moss:#4E6660;          
  --wine:#8B4C55;          
  --mono-lite:#D8CDBB;     
  --lite:#EAE4DA;          
  --brass:#C5A059;         
  --display:"Cormorant Garamond",Didot,"Times New Roman",serif;
  --ui:"Poppins",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --pad:max(clamp(1.4rem,5vw,4.6rem),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));
  --mast:92px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:var(--ui);font-weight:300;font-size:16px;line-height:1.66;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ol,ul,figure,dl,dd{margin:0}
ol,ul{list-style:none;padding:0}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.label{
  font-family:var(--ui);font-weight:300;color:var(--wine);
  font-size:clamp(.82rem,1.15vw,1.05rem);letter-spacing:.2em;line-height:1.5;
}
.label--s{font-size:.66rem;letter-spacing:.2em;color:inherit}
.ulink{border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .35s}
.ulink:hover{border-bottom-color:currentColor}
.cta{
  display:inline-block;margin-top:clamp(1.2rem,3.2vh,1.8rem);
  font-family:var(--ui);font-weight:300;font-size:.72rem;letter-spacing:.16em;
}
.tt{
  font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(2rem,3.7vw,3.7rem);line-height:1.14;letter-spacing:-.01em;
  margin-top:clamp(.9rem,2.6vh,1.5rem);text-wrap:balance;
}
.tt span{display:block} 
.body{
  max-width:56ch;margin-top:clamp(1.3rem,3.6vh,2.1rem);
  font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.7;color:var(--moss);
}
.body + .body{margin-top:1em}
.pill{
  display:inline-block;border:1px solid var(--pine);border-radius:999px;
  padding:.85em 1.9em;margin-top:clamp(1.6rem,4.4vh,2.6rem);
  font-family:var(--ui);font-weight:300;font-size:clamp(.88rem,1vw,1rem);
  letter-spacing:.02em;color:var(--pine);background:none;cursor:pointer;
  transition:background-color .35s,color .35s,border-color .35s;
}
.pill:hover{background:var(--pine);color:var(--ground)}
.pill:focus-visible{outline:2px solid var(--pine);outline-offset:3px}
.pill--dark{border-color:rgba(234,228,218,.85);color:var(--lite);background:rgba(18,48,45,.35)}
.pill--dark:hover{background:var(--lite);border-color:var(--lite);color:var(--pine)}
.pill--dark:focus-visible{outline-color:var(--lite)}
.mast{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--mast);overflow:hidden;display:flex;align-items:center;transition:background-color .45s ease}
.mast__in{width:100%;display:flex;align-items:center;padding:0 var(--pad)}
.mast__logo{width:clamp(99px,9.375vw,135px);height:var(--mast);flex:none;overflow:hidden;display:flex;align-items:center}
.mast__logo img{width:200%;max-width:none;margin-left:-50%}
.mast__logo .on-dark{display:block}
.mast__logo .on-light{display:none}
.mast.is-solid{background:var(--mast-bg,var(--ground))}
.mast.is-band{background:var(--pine)}
.mast.is-solid .on-dark{display:none}
.mast.is-solid .on-light{display:block}
.nav{margin-left:auto;display:flex;gap:clamp(.9rem,2.1vw,2rem)}
.nav a{font-size:.66rem;letter-spacing:.15em;color:rgba(234,228,218,.88);transition:color .45s}
.nav a[aria-current="page"]{border-bottom:1px solid currentColor;padding-bottom:3px;margin-bottom:-4px}
.mast.is-solid .nav a{color:var(--pine)}
.lang{display:flex;align-items:center;gap:.45rem;margin-left:clamp(1.2rem,3vw,2.8rem);font-size:.66rem;letter-spacing:.15em}
.lang button{font:inherit;letter-spacing:inherit;background:none;border:0;padding:0;cursor:pointer;color:rgba(234,228,218,.5);transition:color .35s}
.lang button[aria-current="true"]{color:rgba(234,228,218,.96)}
.lang span{color:rgba(234,228,218,.4)}
.mast.is-solid .lang button{color:rgba(23,59,57,.48)}
.mast.is-solid .lang button[aria-current="true"]{color:var(--pine)}
.mast.is-solid .lang span{color:rgba(23,59,57,.34)}
.mast__menu{
  display:none;background:none;border:0;padding:0 0 3px;margin-bottom:-4px;cursor:pointer;
  margin-left:clamp(1rem,3vw,2rem);
  font-family:var(--ui);font-weight:300;font-size:.66rem;letter-spacing:.15em;
  color:rgba(234,228,218,.88);border-bottom:1px solid transparent;
  transition:color .45s,border-color .35s;
}
.mast__menu:hover{border-bottom-color:currentColor}
.mast.is-solid .mast__menu{color:var(--pine)}
.navover{
  position:fixed;inset:0;z-index:55;background:var(--pine);
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:calc(var(--mast) + clamp(1.4rem,5vh,2.6rem)) var(--pad) clamp(2rem,6vh,3rem);
}
.navover__in{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(2rem,7vh,3.4rem)}
.navover__nav{display:flex;flex-direction:column}
.navover__nav a{
  display:flex;align-items:baseline;gap:clamp(.8rem,4vw,1.4rem);
  padding:clamp(.6rem,2vh,1rem) 0;border-top:1px solid rgba(234,228,218,.18);
  font-family:var(--display);font-weight:300;color:var(--ground);
  font-size:clamp(1.7rem,7.5vw,2.6rem);line-height:1.15;letter-spacing:-.015em;
}
.navover__nav a:first-child{border-top:0;padding-top:0}
.navover__n{
  font-family:var(--display);font-size:.72rem;letter-spacing:.1em;
  color:rgba(234,228,218,.42);flex:none;
}
.navover__nav a[aria-current="page"] .navover__n{color:rgba(234,228,218,.9)}
.navover__nav a[aria-current="page"] .navover__t{border-bottom:1px solid currentColor;padding-bottom:2px}
.navover__foot{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,5vw,2.4rem)}
.navover__foot .label{color:rgba(234,228,218,.55);margin-bottom:.7rem;font-size:.66rem}
.navover__foot a,.navover__foot p{color:rgba(234,228,218,.86);font-size:.95rem;line-height:1.6;margin:0}
.navover__foot .navover__mail{font-size:clamp(1.05rem,4.6vw,1.35rem);color:var(--ground)}
.navover__links{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}
.navover__legal{
  display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;
  padding-top:clamp(1rem,3vh,1.6rem);border-top:1px solid rgba(234,228,218,.18);
  font-size:.66rem;letter-spacing:.14em;color:rgba(234,228,218,.5);
}
body.is-locked{overflow:hidden}
@media (max-width:430px){ .navover__foot{grid-template-columns:1fr} }
@media (prefers-reduced-motion:no-preference){
  .navover{animation:navin .28s ease}
  @keyframes navin{from{opacity:0}to{opacity:1}}
}
.scr{
  position:relative;min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--mast) + clamp(1.2rem,4vh,2.4rem)) var(--pad) clamp(2rem,6vh,3.4rem);
  overflow:hidden;
}
@media (min-width:901px), (min-width:601px) and (orientation:landscape){
  .scr{flex-direction:column;align-items:stretch;padding-top:0;padding-bottom:0}
  .scr::before,.scr::after{content:"";flex:1 1 0}
  .scr::before{min-height:calc(var(--mast) + clamp(1.2rem,4vh,2.4rem))}
  .scr::after{min-height:clamp(2rem,6vh,3.4rem)}
}
.scr--pine{background:var(--pine);color:var(--lite)}
.scr--sage{background:var(--sage)}
.scr--ivory{background:var(--ground)}
.scr--pine .label{color:var(--wine)}
.scr--pine .tt{color:var(--lite)}
.scr--pine .body{color:rgba(234,228,218,.82)}
.scr--sage .body{color:rgba(23,59,57,.9)}
.scr__in{
  position:relative;z-index:1;width:100%;
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2rem,6vw,6rem);align-items:center;
}
.scr__fig{margin:0;min-width:0}
.scr__fig--bleed-l{margin-left:calc(-1 * var(--pad))}
.scr--sahne{isolation:isolate}
.scr--sahne .scr__in{position:static}
.sahne--l + div{grid-column:2}
.sahne{
  position:absolute;z-index:-1;inset:0;margin:0;pointer-events:none;
  container-type:size;
}
.sahne__mono,.sahne__obj{
  position:absolute;height:auto;max-width:none;
  width:calc(var(--w) * 100cqh);
  left:calc(var(--cx) * 100cqw - var(--w) * 50cqh);
  top:calc(var(--t) * 100cqh);
}
.sahne__mono{aspect-ratio:198.425/174.774}
.scr--pine .sahne__mono{fill:#13322F}
.scr--ivory .sahne__mono{fill:#DED6C7}
.scr--sage .sahne__mono{fill:#9FABA5}
.scr__fig--bleed-r{margin-right:calc(-1 * var(--pad))}
.stats{margin-top:clamp(1.8rem,5vh,3rem)}
.stats p{
  font-family:var(--display);font-weight:400;color:rgba(234,228,218,.92);
  font-size:clamp(1.35rem,1.9vw,1.95rem);line-height:1.5;letter-spacing:.01em;
}
.steps{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(1.6rem,4.5vh,2.8rem) clamp(1.8rem,4vw,3.4rem);
  margin-top:clamp(1.8rem,5vh,3rem);
}
.steps h3{font-family:var(--ui);font-weight:500;font-size:clamp(.98rem,1.15vw,1.1rem);letter-spacing:.01em;color:var(--pine)}
.steps p{margin-top:.5rem;font-size:clamp(.85rem,.95vw,.95rem);line-height:1.65;color:var(--moss)}
.scr--sage .steps p{color:rgba(23,59,57,.88)}
.steps--row{grid-template-columns:repeat(4,1fr);text-align:center;max-width:76rem;margin-left:auto;margin-right:auto}
.steps--row .steps__n{
  display:block;font-family:var(--ui);font-weight:500;color:var(--pine);
  font-size:clamp(1.9rem,2.6vw,2.6rem);line-height:1.1;
}
.steps--row h3{margin-top:.1rem}
.steps--row p{margin-top:.9rem}
.scr__center{position:relative;z-index:1;width:100%;text-align:center}
.scr__center .label{display:block}
.scr__center .tt{margin-left:auto;margin-right:auto}
.scr__note{
  max-width:60ch;margin:clamp(2rem,5.5vh,3.2rem) auto 0;
  font-size:clamp(.95rem,1.05vw,1.05rem);line-height:1.7;color:rgba(23,59,57,.9);
}
.scr__mono{
  position:absolute;z-index:0;pointer-events:none;right:0;bottom:0;
  height:calc((100% - var(--mast)) * .92);width:auto;max-width:60%;
  aspect-ratio:198.425/174.774;
}
.scr--sage .scr__mono{fill:#9FABA5}
.scr--pine .scr__mono{fill:#13322F}
.scr--ivory .scr__mono{fill:#DED6C7}
.phero{
  background:var(--ground);color:var(--ink);
  padding:calc(var(--mast) + clamp(3rem,11vh,6.5rem)) var(--pad) clamp(3rem,9vh,5.5rem);
}
.phero--alt{background:var(--ground-alt)}
.phero--sage{background:var(--sage)}
.phero .label{color:var(--wine)}
.phero__line{
  font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(2.2rem,min(6vw,12vh),5rem);
  line-height:1.09;letter-spacing:-.015em;
  margin-top:clamp(.8rem,2.4vh,1.4rem);text-wrap:balance;
}
.phero__line span{display:block}
.phero__body{
  max-width:52ch;margin-top:clamp(1.4rem,4vh,2.4rem);
  font-size:1rem;line-height:1.7;color:var(--moss);
}
.phero--media{
  position:relative;overflow:hidden;color:var(--lite);
  min-height:min(100svh,860px);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.phero--media .phero__media{
  position:absolute;inset:0;z-index:0;
}
.phero--media .phero__media img{width:100%;height:100%;object-fit:cover}
.phero--media::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,
    rgba(var(--ink-rgb),var(--curtain-l,.62)) 0%,
    rgba(var(--ink-rgb),var(--curtain-r,.34)) 100%);
}
.phero--media > *:not(.phero__media){position:relative;z-index:2}
.phero--media .label{color:rgba(234,228,218,.85)}
.phero--media .phero__line{color:var(--ground)}
.phero--media .phero__body{color:rgba(234,228,218,.88)}
.phero--onlight{color:var(--pine)}
.phero--onlight .label{color:var(--wine)}
.phero--onlight .phero__line{color:var(--pine)}
.phero--onlight .phero__body{color:var(--moss)}
.phero--brand{justify-content:center;padding-top:var(--mast);padding-bottom:var(--mast)} 
.phero--brand .phero__line{font-size:clamp(2.2rem,3.6vw,4.6rem);max-width:5.2em;text-wrap:wrap}
.phero--brand .phero__body{max-width:30ch;font-size:clamp(.9rem,1.05vw,1.05rem)}
.phero--brand{--fade-rgb:var(--ink-rgb);--fade:.7}
.phero--brand.phero--onlight{--fade-rgb:234,228,218;--fade:.55}
.phero--brand::after{
  background:
    linear-gradient(0deg,
      rgba(var(--fade-rgb),var(--fade)) 0%,
      rgba(var(--fade-rgb),calc(var(--fade) * .5)) 38%,
      rgba(var(--fade-rgb),0) 80%),
    linear-gradient(90deg,
      rgba(var(--ink-rgb),var(--curtain-l,.62)) 0%,
      rgba(var(--ink-rgb),var(--curtain-r,.34)) 100%);
}
.houses{display:flex;flex-direction:column}
.house{
  display:grid;grid-template-columns:50vw 1fr;
  align-items:center;gap:5.1vw;
  padding:5.6vw var(--pad) 5.6vw 5.3vw;
  overflow:hidden;
}
.house:nth-child(even){grid-template-columns:1fr 50vw;padding-left:max(5vw,env(safe-area-inset-left,0px));padding-right:5.2vw}
.house:first-child{padding-top:11.4vw}
.house:last-child{padding-bottom:5.5vw}
.house__media{position:relative;min-width:0}
.house__media img,.house__media video{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}
.house:nth-child(even) .house__media{order:2}
.house__name{
  font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-.01em;
}
.house__kind{
  margin-top:clamp(.8rem,2.2vh,1.3rem);
  font-size:clamp(.8rem,1vw,.98rem);letter-spacing:.14em;color:var(--moss);
}
.house__line{
  max-width:38ch;margin-top:clamp(.9rem,2.6vh,1.5rem);
  font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.6;color:var(--moss);
}
.house__cta{
  display:inline-block;margin-top:clamp(1.2rem,3.4vh,1.9rem);
  font-size:clamp(.8rem,.95vw,.95rem);letter-spacing:.14em;color:var(--moss);
  border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .35s,color .35s;
}
.house__cta:hover{color:var(--pine);border-bottom-color:currentColor}
.houses.is-armed .house__media{
  transform:translateX(calc((-100% - var(--pad)) * (1 - var(--hx,1))));
  opacity:var(--ho,1);
}
.houses.is-armed .house:nth-child(even) .house__media{
  transform:translateX(calc((100% + var(--pad)) * (1 - var(--hx,1))));
}
.catband{
  background:var(--sage);
  display:grid;grid-template-columns:1.4fr 1fr;align-items:center;
  gap:clamp(1.6rem,4vw,4rem);
  padding:clamp(3.4rem,12vh,6.5rem) var(--pad);
}
.catband .tt{margin-top:0}
.catband__body{max-width:44ch;margin-top:1rem;font-size:.95rem;line-height:1.7;color:rgba(23,59,57,.9)}
.catband__cta{justify-self:center}
.catband__cta .pill{margin-top:0}
.catfloat{
  position:fixed;z-index:50;right:var(--pad);
  bottom:max(clamp(1.2rem,4vh,2.4rem),env(safe-area-inset-bottom));
  display:inline-flex;align-items:center;gap:1em;
  border:1px solid var(--pine);border-radius:999px;
  padding:.85em 1.2em .85em 1.9em;
  font-family:var(--ui);font-weight:400;font-size:clamp(.84rem,.95vw,.95rem);
  letter-spacing:.02em;color:var(--ground);background:var(--pine);
  opacity:0;visibility:hidden;
  transition:opacity .9s ease,visibility 0s linear .9s,
             background-color .45s ease,color .45s ease,border-color .45s ease;
}
.catfloat__meta{
  padding-left:1em;border-left:1px solid currentColor;
  font-size:.72em;letter-spacing:.14em;opacity:.7;
}
.catfloat.is-on{
  opacity:1;visibility:visible;
  transition:opacity .9s ease,visibility 0s,
             background-color .45s ease,color .45s ease,border-color .45s ease;
}
.catfloat.is-dark{background:var(--lite);border-color:var(--lite);color:var(--pine)}
.catfloat:hover{background:var(--pine-deep);border-color:var(--pine-deep)}
.catfloat.is-dark:hover{background:var(--sage);border-color:var(--sage)}
.catfloat:focus-visible{outline:2px solid var(--pine);outline-offset:3px}
.catfloat.is-dark:focus-visible{outline-color:var(--lite)}
body.is-locked .catfloat{opacity:0;visibility:hidden}
@media (prefers-reduced-motion:reduce){ .catfloat,.catfloat.is-on{transition:none} }
.bstory{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.bstory__media{min-height:60svh}
.bstory__media img{width:100%;height:100%;object-fit:cover}
.bstory__panel{
  background:var(--sage);display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--mast) + 2rem) max(clamp(1.6rem,5vw,5rem),env(safe-area-inset-right,0px)) clamp(2.4rem,7vh,4rem) max(clamp(1.6rem,5vw,5rem),env(safe-area-inset-left,0px));
}
.bstory__panel .tt{margin-top:0}
.bstory__panel .body{color:rgba(23,59,57,.9)}
.kunye{margin-top:clamp(1.8rem,5vh,2.8rem);display:grid;grid-template-columns:auto 1fr;gap:.35rem clamp(1.6rem,4vw,3.2rem)}
.kunye dt{font-weight:500;color:var(--pine);font-size:clamp(.92rem,1.05vw,1.02rem)}
.kunye dd{color:rgba(23,59,57,.92);font-size:clamp(.92rem,1.05vw,1.02rem)}
.kunye a{border-bottom:1px solid rgba(23,59,57,.4)}
.kunye a:hover{border-bottom-color:currentColor}
.picks{padding:calc(var(--mast) + clamp(1.4rem,4vh,2.4rem)) var(--pad) clamp(3rem,9vh,5rem);background:var(--ground);text-align:center;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.picks .label{color:var(--pine);letter-spacing:.22em;font-size:clamp(.9rem,1.2vw,1.15rem)}
.picks__grid{
  --pk-gap:clamp(1.6rem,4vw,4.5rem);
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(2.4rem,6vh,4rem) var(--pk-gap);max-width:78rem;margin:clamp(2rem,6vh,3.4rem) auto 0;
}
.picks__grid > li{flex:0 0 calc((100% - 2*var(--pk-gap))/3);min-width:0}
.picks__grid img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.picks__name{
  font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(1.7rem,2.6vw,2.6rem);line-height:1.1;margin-top:clamp(.9rem,2.4vh,1.4rem);
}
.picks__d{margin-top:.5rem;font-size:clamp(.88rem,1vw,.98rem);color:var(--moss)}
.bworld{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.bworld__big{position:relative;min-height:70svh}
.bworld__big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bworld__big::before{
  content:"";position:absolute;inset:0 0 auto 0;height:32%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--ink-rgb),.5) 0%,rgba(var(--ink-rgb),0) 100%);
}
.bworld__big::after{
  content:"";position:absolute;inset:auto 0 0 0;height:38%;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(var(--ink-rgb),0) 0%,rgba(var(--ink-rgb),.55) 100%);
}
.bworld__side{display:grid;grid-template-rows:1fr 1fr}
@media (min-width:901px), (min-width:601px) and (orientation:landscape){
  .phero--brand{min-height:56.25vw}
  .bstory{grid-template-columns:42.1875% 1fr;min-height:56.25vw}
  .bworld{min-height:56.25vw}
}
.bworld__side figure{position:relative;margin:0}
.bworld__side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bworld__label{
  position:absolute;z-index:2;top:calc(var(--mast) + clamp(1rem,4vh,2.4rem));left:var(--pad);
  color:rgba(234,228,218,.92);font-size:clamp(.85rem,1.1vw,1.05rem);letter-spacing:.2em;
  text-shadow:0 0 24px rgba(0,0,0,.35);
}
.bworld__others{
  position:absolute;z-index:2;bottom:clamp(1.4rem,5vh,2.6rem);left:var(--pad);
  color:var(--ground);text-shadow:0 0 24px rgba(0,0,0,.35);
}
.bworld__others p{font-weight:500;font-size:.95rem}
.bworld__others nav{display:flex;flex-wrap:wrap;gap:.2rem .6rem;margin-top:.3rem;font-size:.95rem}
.bworld__others a{border-bottom:1px solid transparent;transition:border-color .35s}
.bworld__others a:hover{border-bottom-color:currentColor}
.bworld__others span{opacity:.6}
.ppl{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.2rem);align-items:start}
.ppl h3{font-family:var(--display);font-weight:400;color:var(--pine);font-size:clamp(1.5rem,2.1vw,2.1rem);line-height:1.15}
.ppl__r{margin-top:.35rem;font-size:clamp(.88rem,1vw,.98rem);color:var(--pine);font-weight:400}
.ppl p:not(.ppl__r){margin-top:.8rem;font-size:clamp(.85rem,.95vw,.95rem);line-height:1.65;color:rgba(23,59,57,.88)}
@media (max-width:640px){ .ppl{grid-template-columns:1fr} }
/* Yatay telefon (601–760px, masaüstü düzeni): metin sütunu dar; kurucular alt alta (667'de rol satırı taşıyordu) */
@media (orientation:landscape) and (max-width:760px){ .ppl{grid-template-columns:1fr} }
.cform{
  display:grid;grid-template-columns:minmax(240px,1fr) 2fr;
  gap:clamp(2rem,6vw,6rem);width:100%;position:relative;z-index:1;
}
.cform__side .tt{margin-top:0}
.cinfo{margin-top:clamp(1.8rem,5vh,3rem);display:flex;flex-direction:column;gap:clamp(.9rem,2.6vh,1.4rem)}
.cinfo h3{font-family:var(--ui);font-weight:500;font-size:.98rem;color:var(--pine)}
.cinfo p,.cinfo a{font-size:.95rem;color:var(--moss)}
.cinfo a{border-bottom:1px solid rgba(78,102,96,.4)}
.cinfo a:hover{border-bottom-color:currentColor}
.cinfo__target{align-self:flex-start;scroll-margin-top:calc(var(--mast) + 2rem)}
.cinfo__target:focus{outline:1px solid var(--pine);outline-offset:.7rem}
.cform__main .label--form{
  display:block;font-family:var(--ui);font-weight:500;font-size:1rem;
  letter-spacing:.01em;color:var(--pine);margin-bottom:.9rem;
}
.gates{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin-bottom:clamp(1.4rem,3.6vh,2rem)}
.gate{position:relative;cursor:pointer}
.gate input{position:absolute;opacity:0;pointer-events:none}
.gate span{
  display:inline-block;padding:.5em 1.4em;border:1px solid transparent;border-radius:999px;
  font-size:clamp(.95rem,1.1vw,1.1rem);color:var(--moss);transition:color .3s,border-color .3s;
}
.gate:hover span{color:var(--pine)}
.gate input:checked + span{border-color:var(--pine);color:var(--pine)}
.gate input:focus-visible + span{outline:2px solid var(--pine);outline-offset:2px}
.gates{display:block}
.gates__btn{
  display:inline-flex;align-items:center;justify-content:space-between;gap:1.4em;
  max-width:100%;padding:.5em 1.2em .5em 1.4em;border:1px solid var(--pine);border-radius:999px;
  background:none;font-family:var(--ui);font-weight:300;font-size:clamp(.95rem,1.1vw,1.1rem);
  line-height:1.66;color:var(--pine);text-align:left;cursor:pointer;
}
.gates__btn svg{width:.75em;height:.5em;flex:none;transition:transform .3s ease}
.gates__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.gates__btn:focus-visible{outline:2px solid var(--pine);outline-offset:2px}
.gates__list{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;margin-top:.4rem}
.gates__list[hidden]{display:none}
.gates__list .gate input:checked + span{border-color:transparent;color:var(--pine);font-weight:400}
.form__row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2vw,1.6rem)}
.fld{position:relative}
.field{
  width:100%;background:none;border:1px solid rgba(23,59,57,.65);border-radius:999px;
  padding:.95em 1.5em;font-family:var(--ui);font-weight:300;font-size:.98rem;color:var(--ink);
}
textarea.field{border-radius:26px;min-height:9.5rem;resize:vertical;margin-top:clamp(.9rem,2vw,1.6rem)}
.field::placeholder{color:rgba(23,59,57,.6);opacity:1}
.field:focus-visible{outline:2px solid var(--pine);outline-offset:1px}
.field[aria-invalid="true"]{border-color:var(--wine)}
.fld__err{margin:.45rem 0 0 1.2rem;font-size:.78rem;color:var(--wine)}
.form__foot{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;margin-top:clamp(1.2rem,3vh,1.8rem)}
.consent{display:flex;align-items:flex-start;gap:.6rem}
.consent input{
  appearance:none;width:.85rem;height:.85rem;margin-top:.3rem;flex:none;cursor:pointer;
  border:1px solid rgba(23,59,57,.7);background:none;transition:background-color .25s;
}
.consent input:checked{background:var(--pine);border-color:var(--pine)}
.consent input:focus-visible{outline:2px solid var(--pine);outline-offset:2px}
.consent label{font-size:.85rem;color:var(--moss);cursor:pointer}
.consent .ulink{border-bottom-color:rgba(78,102,96,.45)}
.send{
  border:0;border-radius:999px;background:var(--sage);color:var(--pine);
  padding:.95em 2.2em;font-family:var(--ui);font-weight:400;font-size:.98rem;cursor:pointer;
  transition:background-color .35s,color .35s;
}
.send:hover{background:var(--pine);color:var(--ground)}
.send:focus-visible{outline:2px solid var(--pine);outline-offset:3px}
.cform__nda{margin-top:clamp(2rem,6vh,3.4rem);font-size:.9rem;color:var(--moss)}
.form__done{padding:clamp(2rem,6vh,3rem) 0}
.form__done:focus{outline:none}
.form__doneT{font-family:var(--display);font-weight:400;color:var(--pine);font-size:clamp(1.8rem,3vw,2.6rem)}
.form__done p:not(.form__doneT){margin-top:.8rem;max-width:44ch;color:var(--moss)}
.colophon{position:relative;--patH:clamp(30px,2.4vw,52px);background:var(--pine);color:rgba(234,228,218,.86);padding:clamp(3rem,9vh,5rem) var(--pad) calc(clamp(1.4rem,4vh,2.2rem) + var(--patH) + clamp(1rem,3vh,1.8rem))}
.colophon__pat{position:absolute;left:0;right:0;bottom:0;height:var(--patH);opacity:.22;
  background:url(medya/pattern-serit.svg) 0 50%/auto 100% repeat-x}
.colophon__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2.4rem,6vw,5rem);align-items:start}
.colophon__logo{width:clamp(150px,14vw,210px);margin:0 0 clamp(1.8rem,6vh,3.2rem) calc(-1 * clamp(37px,3.5vw,52px))}
.colophon__mail{font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:300;color:var(--ground)}
.colophon__claim{margin-top:.55rem;font-size:.9rem;color:rgba(234,228,218,.72)}
.colophon__cols{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1.4rem,3vw,2.6rem)}
.colophon__cols .label{color:rgba(234,228,218,.55);font-size:.72rem;letter-spacing:.16em;margin-bottom:1rem}
.colophon__cols p{font-size:.92rem;line-height:1.7}
.colophon__visit{margin-top:.9rem}
.colophon__links{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}
.colophon__links a{font-size:.92rem;line-height:1.5}
.colophon__base{
  display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;
  margin-top:clamp(2.6rem,8vh,4.4rem);padding-top:clamp(1rem,3vh,1.5rem);
  border-top:1px solid rgba(234,228,218,.16);
  font-size:.66rem;letter-spacing:.14em;color:rgba(234,228,218,.5);
}
.colophon__legal{display:flex;gap:1.4rem}
.colophon__top{display:inline-flex;padding:.35rem;color:rgba(234,228,218,.7);transition:color .35s}
.colophon__top:hover{color:var(--ground)}
.colophon__top svg{width:18px;height:18px}
.legal{padding:clamp(2.6rem,8vh,4.5rem) var(--pad) clamp(4rem,12vh,7rem);background:var(--ground)}
.legal__wrap{max-width:88rem}
.legal__upd{margin-top:clamp(1rem,3vh,1.6rem);font-size:.68rem;letter-spacing:.14em;color:rgba(23,26,25,.5)}
.legal__wrap h2{
  margin:clamp(2.2rem,6vh,3.4rem) 0 .7rem;
  font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.25;letter-spacing:-.01em;
}
.legal__wrap h2:first-child{margin-top:0}
.legal__wrap p{margin:0 0 .9rem;font-size:.95rem;line-height:1.75;color:rgba(23,26,25,.8)}
.legal__wrap ul{margin:0 0 .9rem;padding:0}
.legal__wrap li{
  position:relative;padding-left:1.1rem;margin-bottom:.5rem;
  font-size:.95rem;line-height:1.75;color:rgba(23,26,25,.8);
}
.legal__wrap li::before{content:"—";position:absolute;left:0;color:rgba(23,59,57,.45)}
.legal__ph{color:rgba(23,59,57,.55)}
.legal__wrap .legal__note{
  margin-top:clamp(2.4rem,7vh,3.8rem);padding-top:clamp(1.2rem,3.4vh,1.8rem);
  border-top:1px solid rgba(23,59,57,.22);
  font-size:.8rem;line-height:1.7;color:rgba(23,26,25,.6);
}
.nf{background:var(--pine);color:var(--ground);min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.nf__text{padding:calc(var(--mast) + clamp(2rem,8vh,5rem)) var(--pad) clamp(3rem,9vh,6rem);display:flex;flex-direction:column;justify-content:center}
.nf .label{color:rgba(234,228,218,.8)}
.nf .phero__line{color:var(--ground)}
.nf .phero__body{color:rgba(234,228,218,.86)}
.nf__cta{display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;margin-top:clamp(1.6rem,4.5vh,2.6rem)}
.nf__cta .cta{color:var(--ground);margin-top:0}
.nf__pattern{margin:var(--mast) 0 0;overflow:hidden}
.nf__pattern img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){
  .nf{grid-template-columns:1fr;min-height:0}
  .nf__pattern{margin-top:0;height:clamp(180px,34vh,320px)}
}
@media (max-width:1080px){ .nav{display:none} .mast__menu{display:inline-block;margin-left:auto} .lang{margin-left:clamp(1rem,3vw,2rem)} }
@media (max-width:900px) and (orientation:portrait), (max-width:600px){
  .scr{min-height:0;padding-top:calc(var(--mast) + 1.6rem)}
  .scr__in{grid-template-columns:minmax(0,1fr);gap:2rem}
  .scr__fig{order:-1}
  .sahne{position:relative;inset:auto;width:200%;aspect-ratio:16/9;
    margin:calc(-.2 * 112.5%) 0 0 calc(-1 * var(--pad))}
  .sahne--r{margin-left:calc(-100% - var(--pad))}
  .scr__fig.sahne{order:-1;width:auto;aspect-ratio:1/var(--m-h);margin:0 calc(-1 * var(--pad))}
  .scr__fig.sahne > .sahne__mono,.scr__fig.sahne > .sahne__obj{
    width:calc(var(--m-w) * 100cqw);left:calc((var(--m-cx) - var(--m-w) / 2) * 100cqw);top:calc(var(--m-t) * 100cqw)}
  .phero--brand .phero__media img[src$="anatoline-detay-hero.jpg"]{object-position:75% 50%}
  .sahne--l + div{grid-column:auto}
  .sahne--arka{position:absolute;inset:auto 0 0 auto;width:200vw;margin:0}
  .sahne--orta{right:auto;left:50%;transform:translateX(-50%)}
  .scr__mono{max-width:85%}
  .steps--row{grid-template-columns:1fr 1fr;text-align:left}
  .house,.house:nth-child(even){min-height:0;grid-template-columns:1fr;gap:1.6rem;padding:calc(var(--mast) + 1rem) var(--pad) 2.5rem}
  .house + .house{padding-top:3rem}
  .house:nth-child(even) .house__media{order:0}
  .houses.is-armed .house__media,
  .houses.is-armed .house:nth-child(even) .house__media{transform:none;opacity:1}
  .catband{grid-template-columns:1fr}
  .catband__cta{justify-self:start}
  .bstory{grid-template-columns:1fr}
  .bstory__media{min-height:48svh}
  .bworld{grid-template-columns:1fr}
  .bworld__big{min-height:60svh}
  .bworld__side{grid-template-rows:none}
  .bworld__side figure{min-height:40svh}
  .cform{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}
  .picks__grid{--pk-gap:1.2rem;row-gap:2.2rem}
  .picks__grid > li{flex-basis:calc((100% - var(--pk-gap))/2)}
  .picks__name{font-size:clamp(1.3rem,5.2vw,1.7rem)}
  .picks__d{font-size:.82rem}
  .colophon__grid{grid-template-columns:1fr;gap:2.4rem}
  .colophon__cols{grid-template-columns:1fr 1fr}
  .colophon{padding-top:3.5rem}
  .colophon__logo{margin:-30px 0 calc(1.5rem - 30px) -37.5px}
  .colophon__legal{flex-wrap:wrap;gap:.5rem 1.4rem}
  .colophon__legal a{white-space:nowrap}
}
@media (max-width:380px){ .tt{font-size:1.8rem} }
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition-duration:.01ms !important}
  .houses.is-armed .house__media{transform:none;opacity:1}
}
.sec{padding:clamp(3rem,9vh,6.5rem) var(--pad)}
.sec--alt{background:var(--ground-alt)}
.sec .label{color:var(--pine)}
.jl__head{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:1rem 2.4rem;margin-bottom:clamp(2rem,6vh,3.4rem);
}
.jl__head .label{color:var(--pine)}
.jl__filter{display:flex;flex-wrap:wrap;gap:.55rem clamp(1rem,2.2vw,1.9rem)}
.jl__filter[hidden]{display:none}
.jl__filter button{
  font-family:var(--ui);font-weight:300;font-size:.66rem;letter-spacing:.16em;line-height:1.5;
  color:rgba(23,59,57,.74);background:none;border:0;border-bottom:1px solid transparent;
  padding:0 0 3px;cursor:pointer;transition:color .3s,border-color .3s;
}
.jl__filter button:hover{color:var(--pine);border-bottom-color:currentColor}
.jl__filter button[aria-pressed="true"]{color:var(--pine);border-bottom-color:var(--pine)}
.jl__filter button:focus-visible{outline:1px solid var(--pine);outline-offset:4px}
.jgrid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(2.8rem,8vh,4.6rem) clamp(1.2rem,2.2vw,2.2rem);
}
.jgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jcard[hidden]{display:none}
.jcard__in{position:relative;display:flex;flex-direction:column;height:100%}
.jcard__media{overflow:hidden;background:var(--ground-alt)}
.jcard__media img{width:100%;height:auto;aspect-ratio:4/5;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.jcard:hover .jcard__media img{transform:scale(1.035)}
.jcard__meta{margin-top:1.15rem;font-size:.62rem;letter-spacing:.18em;line-height:1.5;color:rgba(23,59,57,.72)}
.jcard__t{
  margin-top:.6rem;font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(1.3rem,1.7vw,1.6rem);line-height:1.14;letter-spacing:-.01em;
}
.jcard__t a{
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;
  text-decoration-color:transparent;transition:text-decoration-color .35s;
}
.jcard__t a::after{content:"";position:absolute;inset:0;z-index:1}
.jcard:hover .jcard__t a{text-decoration-color:currentColor}
.jcard__t a:focus-visible{outline:none;text-decoration-color:currentColor}
.jcard__t a:focus-visible::after{outline:1px solid var(--pine);outline-offset:8px}
.jcard__d{margin-top:.7rem;font-size:.88rem;line-height:1.6;color:rgba(23,26,25,.74)}
.jcard__more{margin-top:auto;padding-top:1.2rem;font-size:.66rem;letter-spacing:.16em;color:var(--pine)}
.ahead{min-height:min(60svh,540px);align-items:center;text-align:center;display:flex;flex-direction:column;justify-content:center}
.ahead__crumb{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .8rem;color:var(--pine)}
.ahead__crumb .label{color:var(--pine)}
.ahead__crumb span{opacity:.45}
.ahead__t{
  max-width:24ch;margin-top:clamp(.9rem,2.6vh,1.5rem);
  font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(2.1rem,min(4.6vw,9.5vh),4.4rem);line-height:1.09;letter-spacing:-.015em;
}
.ahead__d{max-width:50ch;margin-top:clamp(1.1rem,3vh,1.8rem);font-size:1rem;line-height:1.7;color:rgba(23,26,25,.78)}
.ahead__meta{margin-top:clamp(1.2rem,3.4vh,2rem);color:rgba(23,59,57,.72)}
.afig{position:relative;margin:0;padding:0 var(--pad);background:var(--ground)}
.afig::before{content:"";position:absolute;left:0;right:0;top:0;height:50%;background:var(--ground-alt)}
.afig img{position:relative;width:100%;max-width:72rem;height:auto;aspect-ratio:2/1;margin:0 auto;background:var(--ground-alt)}
.abody{padding:clamp(3rem,9vh,5.5rem) var(--pad) clamp(4rem,12vh,7rem);background:var(--ground)}
.abody__col{max-width:44rem;margin:0 auto}
.abody .lgbody{font-family:var(--display);font-weight:400;font-size:clamp(1.18rem,1.35vw,1.3rem);line-height:1.62;color:rgba(23,26,25,.86)}
.abody .lgbody p + p{margin-top:1em}
.abody__lead{font-weight:300;font-size:clamp(1.45rem,2vw,1.8rem);line-height:1.4;color:var(--pine);margin-bottom:1.4em}
.abody .lgbody h2{
  margin:2.2em 0 .6em;font-family:var(--display);font-weight:400;color:var(--pine);
  font-size:clamp(1.5rem,2.2vw,1.95rem);line-height:1.15;letter-spacing:-.01em;
}
.abody blockquote{margin:1.8em 0;padding-left:clamp(1rem,4vw,2.6rem)}
.abody blockquote p{font-weight:300;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.2;letter-spacing:-.01em;color:var(--pine)}
.abody .lgbody ul{margin:1em 0;padding:0}
.abody .lgbody li{position:relative;padding-left:1.4em;margin-bottom:.45em}
.abody .lgbody li::before{content:"—";position:absolute;left:0;color:rgba(23,59,57,.45)}
.abody__end{margin-top:clamp(2.8rem,8vh,4rem);padding-top:clamp(1.3rem,3.6vh,1.8rem);border-top:1px solid rgba(23,59,57,.22)}
.abody__end p{font-size:.95rem;line-height:1.7;color:rgba(23,26,25,.78);max-width:46ch}
.apn{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);
  padding:clamp(3rem,9vh,5.5rem) var(--pad);background:var(--pine);color:var(--ground);
}
.apn a{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem}
.apn__next{text-align:right;align-items:flex-end !important}
.apn .label{color:rgba(234,228,218,.62);font-size:.66rem}
.apn__t{
  max-width:24ch;font-family:var(--display);font-weight:400;
  font-size:clamp(1.4rem,2.4vw,2.1rem);line-height:1.14;letter-spacing:-.01em;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;
  text-decoration-color:transparent;transition:text-decoration-color .35s;
}
.apn a:hover .apn__t,.apn a:focus-visible .apn__t{text-decoration-color:currentColor}
.apn a:focus-visible{outline:1px solid rgba(234,228,218,.6);outline-offset:6px}
.jmore__all{color:var(--pine)}
.phero--jr{--curtain-l:.72;--curtain-r:.52}
.jl__more{display:flex;justify-content:center;margin-top:clamp(3.2rem,9vh,5.2rem)}
.jl__more[hidden]{display:none}
.jl__morebtn{
  background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 4px;cursor:pointer;
  font-family:var(--ui);font-weight:300;font-size:.72rem;letter-spacing:.16em;line-height:1.5;
  color:var(--pine);transition:color .35s;
}
.jl__morebtn:hover{color:var(--ink)}
.jl__morebtn:focus-visible{outline:1px solid var(--pine);outline-offset:6px}
@media (max-width:1180px){
  .jgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .jgrid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jgrid--3 > li:nth-child(3){display:none}
  .apn{grid-template-columns:1fr}
  .apn__next{text-align:left;align-items:flex-start !important}
}
@media (max-width:600px){
  .jgrid,.jgrid--3{grid-template-columns:1fr}
  .jgrid--3 > li:nth-child(3){display:block}
}
.jcard__t,.ahead__t,.apn__t,.abody .lgbody h2,.abody blockquote p{text-wrap:balance}
.abody .lgbody p{text-wrap:pretty}
@media (prefers-reduced-motion:reduce){
  .jcard:hover .jcard__media img{transform:none}
}
[data-i="abBody1"][data-i]{max-width:39.6em}              
[data-i="abBody2"][data-i]{max-width:41.5em}              
[data-i="gwBody1"][data-i],[data-i="gwBody2"][data-i]{max-width:38.3em} 
[data-i="pplBody"][data-i]{max-width:31.9em}              
[data-i="ppl1d"][data-i],[data-i="ppl2d"][data-i]{max-width:22.1em}     
[data-i="yaBody"][data-i]{max-width:42.5em}               
[data-i="byBody1"][data-i],[data-i="byBody2"][data-i]{max-width:38.9em} 
.steps--row p[data-i]{max-width:12.7em}                   
[data-i="prNote"][data-i]{max-width:39.4em}               
[data-i="itBody"][data-i]{max-width:25.5em}               
@media (min-width:901px), (min-width:601px) and (orientation:landscape){ .steps--row p[data-i]{margin-left:auto;margin-right:auto} }
[data-i="brBody"][data-i]{max-width:30.6em}               
.house__line[data-i]{max-width:19.9em}                    
[data-i="catBody"][data-i]{max-width:30.3em}              
[data-i="ctBody"][data-i]{max-width:28em}                 
[data-i="bhLine"][data-i]{max-width:25.8em}               
[data-i="stB1"][data-i],[data-i="stB2"][data-i]{max-width:36.7em}       
p,li,dd,blockquote,figcaption{text-wrap:pretty}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (min-width:901px), (min-width:601px) and (orientation:landscape){
  .scr--ct .tt{font-size:clamp(2rem,min(3.3vw,5.8svh),3.4rem)}
}

/* Kısa yatay ekran (yatay telefon, ≤500px yükseklik, 601px+ masaüstü düzeni): üst şerit 92→72px; bölüm payları da onunla kısalır */
@media (orientation:landscape) and (max-height:500px) and (min-width:601px){
  :root{--mast:72px}
}