:root{
  --white:#FFFFFF;
  --shell:#FFFFFF;
  --oak:#F2F2F1;
  --ink:#1A1F22;
  --ink2:#5A6266;
  --ink3:#6F777B;
  --cognac:#2B6FAB;
  --cognac-d:#284E70;
  --d:'Archivo','Schibsted Grotesk',system-ui,sans-serif;
  --line:rgba(26,31,34,.13);
  --line2:rgba(26,31,34,.05);
  --f:'Schibsted Grotesk',system-ui,-apple-system,sans-serif;
  --m:'Inter Tight','Schibsted Grotesk',system-ui,sans-serif;
  --u:'Inter Tight','Schibsted Grotesk',system-ui,sans-serif;
  --e:cubic-bezier(.19,1,.22,1);
  --scroll-duration:1.7;
  --scroll-wheel:.9;
  --hero-drift-rate:.5;
  --logo-h:66px;   
  --paso-ms:90ms;       
  --ui-ms:.35s;         
  --hover-ms:.22s;      
  --ui-lenta:.5s;       
  --cubre-escala:.965;
  --cubre-opacidad:.45;
  --entra-y:16px;
  --entra-ms:700ms;
  --regla-ms:1.1s;
  --dur-fast:200ms;
  --dur-base:400ms;
  --ease-out:cubic-bezier(.2,.7,.2,1);
  --hero-ir-ms:900ms;
  --barrido-ms:400ms;
  --pad:clamp(22px,5vw,80px);
  --sec:clamp(90px,14vh,180px);
  --nav:92px;
  --hero-h1:   clamp(29px, 3.05vw, 44px);  
  --hero-a1:   8px;                        
  --hero-a2:   10px;                       
  --hero-pie:  clamp(40px, 6vh, 64px);     
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--white);color:var(--ink2);font-family:var(--f);font-size:16px;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--cognac);color:#fff}
a{color:inherit;text-decoration:none}
button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;text-align:left}
h1,h2,h3{color:var(--ink);font-weight:400;letter-spacing:-.035em;line-height:1}
.d1{font-size:clamp(31px,5.4vw,82px);line-height:1.05;letter-spacing:-.038em;font-weight:400;text-wrap:balance}
.d2{font-size:clamp(28px,4.4vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:400}
.mn{font-family:var(--m);font-weight:500;font-size:13.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink2)}
.lead{font-size:clamp(16px,1.5vw,19px);line-height:1.62;max-width:46ch;color:var(--ink2)}
.pad{padding-left:var(--pad);padding-right:var(--pad)}
.sec{padding-top:var(--sec);padding-bottom:var(--sec)}
.wrap{max-width:1360px;margin:0 auto}
.oakbg{background:var(--white)}
#nav{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--nav);display:flex;align-items:center;
  justify-content:space-between;gap:24px;padding:0 var(--pad);
  background:var(--white);border-bottom:1px solid transparent;
  transition:border-color var(--ui-lenta) var(--e),transform var(--ui-lenta) var(--e)}
#nav.solid{border-bottom-color:var(--line)}
#nav.up{transform:translateY(-100%)}
#nav.claro{background:transparent;border-bottom-color:transparent}
#nav.claro.solid{border-bottom-color:transparent}
#nav.claro .mk,#nav.claro .nlinks a,#nav.claro .nlinks a:hover{color:#fff}
#nav.claro .nlinks a::after{background:#fff}
#nav.claro .nlinks a:focus-visible{outline-color:#fff}
body.navup .gbar{top:0}
#nav>*{pointer-events:auto}
.nleft{display:flex;align-items:baseline;gap:clamp(16px,2.4vw,34px)}
.nlinks{display:flex;align-items:baseline;gap:clamp(20px,2.6vw,44px);margin-left:auto}
.nlinks .ncontact{text-decoration:none}
.nlinks a{position:relative;font-family:var(--u);font-weight:500;
  font-size:clamp(15px,1.15vw,18px);letter-spacing:-.005em;color:var(--ink);
  cursor:pointer;white-space:nowrap;padding-bottom:3px;transition:color var(--ui-ms) var(--e)}
.nlinks a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--cognac);transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--e)}
.nlinks a:hover{color:var(--cognac)}
.nlinks a:hover::after,.nlinks a.on::after{transform:scaleX(1)}
.nlinks a:focus-visible{outline:1px solid var(--cognac);outline-offset:6px}
@media(max-width:860px){
  :root{--nav:124px}
  #nav{flex-wrap:wrap;align-content:center;row-gap:0;
    padding-top:10px;padding-bottom:10px}
  .nleft{order:1;height:36px;align-items:center}
  .nlinks{order:3;width:100%;justify-content:space-between;gap:10px;margin-left:0;
    padding-top:11px;margin-top:8px;border-top:1px solid var(--line)}
  .nlinks a{font-size:15px;line-height:20px}
  .nlinks a{padding:14px 0;height:48px;box-sizing:border-box}
  .nlinks a::after{bottom:14px}
  .nlinks .ncontact{margin-left:0}
}
@media(max-width:400px){.nlinks a{font-size:13px;line-height:20px}}
.mk{font-size:14px;font-weight:500;letter-spacing:.06em;color:var(--ink);cursor:pointer;white-space:nowrap}
#backBtn{display:inline-flex;align-items:center;gap:9px;font-family:var(--m);font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink3);opacity:0;transform:translateX(-6px);pointer-events:none;
  transition:opacity var(--ui-lenta) var(--e),transform var(--ui-lenta) var(--e),color var(--ui-ms) var(--e);white-space:nowrap}
#backBtn.on{opacity:1;transform:none;pointer-events:auto}
#backBtn:hover{gap:15px;color:var(--cognac)}
#backBtn:focus-visible{outline:1px solid var(--cognac);outline-offset:6px}
#stage{padding-top:var(--nav);transition:opacity .34s var(--e)}
#stage.out{opacity:0}
.im{position:relative;overflow:hidden;background:var(--oak);box-shadow:inset 0 0 0 1px rgba(26,31,34,.07)}
.im::after{content:attr(data-f);position:absolute;left:0;bottom:0;font-family:var(--m);font-size:14px;
  letter-spacing:.06em;color:rgba(26,31,34,.5);padding:8px 10px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.rv,.pt{opacity:1}
.js .rv{opacity:0;transform:translateY(var(--entra-y));
  transition:opacity var(--entra-ms) var(--e),transform var(--entra-ms) var(--e)}
.js .rv.in{opacity:1;transform:none}
.rv-line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.rv-line > span{display:block;transform:translateY(105%)}
.in .rv-line > span{transform:translateY(0);
  transition:transform var(--entra-ms) var(--e);
  transition-delay:calc(var(--i,0) * var(--paso-ms))}
@media(prefers-reduced-motion:reduce){
  .rv-line{overflow:visible;padding-bottom:0;margin-bottom:0}
  .rv-line > span{transform:none;transition:none}
}
.dl1{transition-delay:.08s}.dl2{transition-delay:.16s}.dl3{transition-delay:.24s}
.body{max-width:660px;margin:0 auto}
.body p{font-size:18px;line-height:1.72;margin-bottom:24px;color:var(--ink2)}
.body h2{font-size:clamp(21px,2.3vw,30px);margin:56px 0 18px;letter-spacing:-.03em}
.body strong{color:var(--ink);font-weight:500}
figure{margin:44px 0}
figcaption{font-family:var(--m);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:13px;line-height:1.7}
.pull{padding-left:26px;border-left:1px solid var(--cognac);margin:44px 0;font-size:clamp(19px,2vw,26px);
  font-weight:400;line-height:1.34;letter-spacing:-.026em;color:var(--ink)}
.qa{border-top:1px solid var(--line);padding:22px 0}
.qa:last-of-type{border-bottom:1px solid var(--line)}
.qa strong{display:block;font-size:17px;margin-bottom:7px}
.qa p{font-size:16px;margin:0}
#rp{position:fixed;top:0;left:0;height:2px;width:0;background:var(--cognac);z-index:70;opacity:0;transition:opacity var(--ui-ms) var(--e)}
#rp.on{opacity:1}
.btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--m);font-size:13.5px;letter-spacing:.06em;
  text-transform:uppercase;border-bottom:1px solid var(--ink);padding:0 0 8px;color:var(--ink);transition:.45s var(--e)}
.btn:hover{gap:18px;border-bottom-color:var(--cognac);color:var(--cognac)}
.btn:focus-visible{outline:1px solid var(--cognac);outline-offset:6px}
.chips{display:flex;gap:14px 26px;flex-wrap:wrap;align-items:baseline}
.chip{font-family:var(--m);font-size:13.5px;letter-spacing:.055em;text-transform:uppercase;color:var(--ink2);
  padding-bottom:6px;border-bottom:1px solid transparent;transition:var(--ui-ms) var(--e)}
.chip sup{font-size:11px;margin-left:3px;letter-spacing:0}
.chip:hover{color:var(--ink)}
.chip.on{color:var(--ink);border-bottom-color:var(--cognac)}
.chip:focus-visible{outline:1px solid var(--cognac);outline-offset:5px}
footer{background:var(--white);padding:clamp(56px,8vh,96px) var(--pad) 30px;border-top:1px solid rgba(26,31,34,.09)}
.fg{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:44px}
footer a,footer button{display:block;margin-bottom:9px;color:var(--ink2);transition:color var(--ui-ms) var(--e);font-size:14px}
footer a:hover,footer button:hover{color:var(--ink)}
.fc{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--m);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.vtop{padding-top:clamp(70px,11vh,140px)}
@media(max-width:620px){
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
    margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);padding:0 var(--pad) 3px;gap:22px}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  .js .rv,.js .pt{opacity:1;transform:none;transition:none}
}
.door{position:relative;min-height:clamp(460px,78svh,760px);display:flex;align-items:flex-end;
  cursor:pointer;border-top:1px solid var(--line);background:var(--white)}
.door::after{content:'';position:absolute;inset:0;background:var(--cognac);opacity:0;
  transition:opacity .55s var(--e);pointer-events:none}
.door:hover::after{opacity:.09}
.door>*{position:relative;z-index:1}
.dlb{font-family:var(--m);font-size:13.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--cognac);margin-bottom:20px}
.door h2{font-size:clamp(30px,5.2vw,80px);letter-spacing:-.042em;line-height:1.02;font-weight:400}
.door p{margin-top:22px;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--ink2);max-width:40ch}
.dar{display:flex;align-items:center;gap:11px;margin-top:26px;font-family:var(--m);font-size:13.5px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--ink);opacity:0;transform:translateX(-8px);transition:.55s var(--e)}
.door:hover .dar{opacity:1;transform:none}
@media(max-width:1000px){
}
@media(hover:none){.door .dar{opacity:1;transform:none}}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:clamp(34px,5vh,50px)}
.cta{display:inline-flex;align-items:center;gap:12px;font-family:var(--m);font-size:13px;
  letter-spacing:.15em;text-transform:uppercase;padding:17px 26px;background:var(--ink);color:var(--white);
  transition:.45s var(--e)}
.cta:hover{background:var(--cognac);gap:20px}
.cta.ghost{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.cta.ghost:hover{background:var(--ink);color:var(--white);box-shadow:none}
.cta:focus-visible{outline:1px solid var(--cognac);outline-offset:4px}
@media(max-width:1000px){
  .ctas{flex-direction:column;align-items:flex-start}
}
#load{position:fixed;inset:0;z-index:9999;background:var(--shell);display:none;
  flex-direction:column;align-items:center;justify-content:center;
  transition:opacity var(--ui-lenta) var(--e)}
html.is-loading #load{display:flex}
#load.out,#load.gone{opacity:0;pointer-events:none}
#load .plate{width:min(45vw,560px);aspect-ratio:1024/682;overflow:hidden;
  opacity:0;animation:lfade 1.4s var(--e) .15s forwards}
#load .plate img{width:100%;height:100%;object-fit:cover;
  filter:grayscale(1) contrast(1.02) brightness(1.03)}
#load .rule{width:min(45vw,560px);height:1px;background:var(--line2);margin-top:26px;position:relative}
#load .rule i{position:absolute;left:0;top:0;height:1px;width:var(--p,0%);background:var(--cognac)}
#load .wm{margin-top:clamp(34px,5.5vh,58px);text-align:center}
#load .wm b{display:block;font-family:var(--f);font-weight:400;
  font-size:clamp(17px,2.2vw,27px);letter-spacing:.36em;color:var(--ink);text-indent:.36em;
  opacity:0;animation:lfade 1.2s var(--e) var(--ui-lenta) forwards}
#load .wm i{display:block;margin-top:15px;font-style:normal;font-family:var(--m);
  font-size:13.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink3);
  opacity:0;animation:lfade 1.2s var(--e) .95s forwards}
@keyframes lfade{to{opacity:1}}
@media(prefers-reduced-motion:reduce){#load{display:none}}
@keyframes hpush{to{transform:scale(1)}}
.door{min-height:0;display:block;border-top:1px solid var(--line);
  padding:clamp(54px,9vh,120px) 0}
.door::after{display:none}
.dsplit{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,86px);
  align-items:center;padding:0 var(--pad)}
.dsplit .dpic{overflow:hidden;aspect-ratio:4/3;background:var(--oak)}
.dsplit .dpic img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);
  transition:transform 1.6s var(--e)}
.door:hover .dpic img{transform:scale(1.07)}
.dsplit .dtx{padding-right:clamp(0px,2vw,40px)}
.door:nth-of-type(even) .dpic{order:2}
.door:nth-of-type(even) .dtx{order:1;padding-right:0;padding-left:clamp(0px,2vw,40px)}
.door h2{font-size:clamp(28px,3.9vw,58px);letter-spacing:-.038em}
.door p{margin-top:20px;max-width:38ch}
.dhead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:22px}
.door .dar{margin-top:clamp(28px,3.6vh,44px);display:inline-block;
  border-bottom:1px solid var(--line);padding-bottom:5px;transition:.45s var(--e)}
.door:hover .dar{border-bottom-color:var(--cognac);color:var(--cognac)}
@media(max-width:860px){
  .dsplit{grid-template-columns:1fr;gap:30px}
  .door:nth-of-type(even) .dpic{order:0}
  .door:nth-of-type(even) .dtx{order:1;padding-left:0}
}
.ctb{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,80px);
  align-items:center;padding:0 var(--pad)}
.ctb .cpic{overflow:hidden;aspect-ratio:3/2;background:var(--oak)}
.ctb .cpic img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
@media(max-width:860px){.ctb{grid-template-columns:1fr;gap:30px}}
@keyframes hpush{to{transform:scale(1)}}
#load .plate{position:relative}
#load .plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#load .plate .bw{filter:grayscale(1) contrast(1.02) brightness(1.04)}
#load .plate .col{filter:none;
  -webkit-mask-image:linear-gradient(90deg,#000 0 var(--p,0%),transparent var(--p,0%));
  mask-image:linear-gradient(90deg,#000 0 var(--p,0%),transparent var(--p,0%))}
.tally{display:grid;grid-template-columns:repeat(4,auto);gap:clamp(28px,5vw,80px);
  justify-content:start;margin-top:clamp(34px,5vh,56px);
  padding-top:26px;border-top:1px solid var(--line)}
.tally b{display:block;font-family:var(--f);font-weight:400;color:var(--ink);
  font-size:clamp(26px,3.2vw,42px);letter-spacing:-.03em;line-height:1}
.tally em{display:block;font-style:normal;font-family:var(--m);font-size:13.5px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-top:10px}
.chips{margin-top:clamp(30px,4.4vh,48px)}
.chip{font-size:13px;letter-spacing:.1em}
.chip span{font-family:var(--m);font-size:13px;color:var(--ink3);
  vertical-align:super;margin-left:3px}
.chip.on span{color:var(--cognac)}
.stsplit{display:grid;grid-template-columns:1fr .9fr;gap:clamp(32px,5vw,86px);align-items:end}
@media(max-width:860px){.stsplit{grid-template-columns:1fr;gap:34px;align-items:start}}
@media(max-width:640px){.tally{grid-template-columns:repeat(2,auto);gap:24px 40px}}
.chip,.tally em,
.dcap span{
  font-family:var(--u)!important;letter-spacing:.055em!important;font-weight:500}
.mn{font-family:var(--u);letter-spacing:.075em;font-weight:500}
@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:0}}
.contact{border-top:1px solid var(--line);background:var(--shell);
  padding-top:var(--sec);padding-bottom:var(--sec);
  margin-bottom:clamp(60px,9vh,120px)}
footer{border-top:1px solid var(--line)}
a,button,.door,.chip,.cta,.btn,.im{transition:
  color .45s var(--e),background .45s var(--e),border-color .45s var(--e),
  opacity .45s var(--e),transform .55s var(--e)}
.chip:hover{color:var(--ink)}
.chip::after{content:'';display:block;height:1px;background:var(--cognac);
  transform:scaleX(0);transform-origin:left;transition:transform var(--ui-lenta) var(--e);margin-top:6px}
.chip:hover::after,.chip.on::after{transform:scaleX(1)}
.btn,.cta{position:relative;overflow:hidden}
.btn:hover,.cta:hover{transform:translateY(-1px)}
.dar,.go{position:relative}
.chips{display:flex;gap:clamp(18px,3vw,44px);flex-wrap:wrap}
.stsplit{align-items:start}
.stpic{position:relative}
.stpic .dcap{margin-top:14px}
.dcap{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}
.dcap .nm{color:var(--ink)}
@media(max-width:520px){.dcap{gap:6px}.dcap span{width:100%}}
.stinfo h1{font-weight:500;letter-spacing:-.028em}
.body p{font-size:clamp(17px,1.55vw,20px);line-height:1.62;color:var(--ink2);max-width:62ch}
.body p+p{margin-top:24px}
.body p strong,.body p b{color:var(--ink);font-weight:500}
.tally b{font-weight:500}
.im.shot{background:none}
.im.shot img{display:block;width:100%;height:100%;object-fit:cover}
.stinfo h1,.d1,h2,h3{font-family:var(--d)}
.d1{font-weight:500;letter-spacing:-.028em;font-size:clamp(29px,3.9vw,58px);line-height:1.09}
.im.shot::before,.im.shot::after{display:none}
.im.shot{box-shadow:inset 0 0 0 1px rgba(26,31,34,.07)}
.portrait{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:72% 22%;
  padding:clamp(8px,.8vw,13px);background:var(--white);border:1px solid var(--line);
  box-shadow:0 1px 2px rgba(26,31,34,.04),0 18px 46px -22px rgba(26,31,34,.24)}
@media(max-width:860px){.portrait{aspect-ratio:3/2;object-position:70% 18%}}
.im.shot{position:relative;background:var(--oak)}
.im.shot>img{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.prow + .prow{margin-top:clamp(30px,4.6vh,54px)}
.prow h2{font-family:var(--d);font-weight:500;font-size:clamp(19px,1.7vw,24px);
  letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.prow p{margin-top:12px;max-width:62ch;font-size:17px;line-height:1.62;color:var(--ink2)}
.prow p + p{margin-top:10px}
.prow a{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:1px}
.prow a:hover{color:var(--cognac);border-bottom-color:var(--cognac)}
.endcta{padding-top:var(--sec);padding-bottom:var(--sec);border-top:1px solid var(--line)}
.ecrow{display:flex;justify-content:space-between;align-items:end;gap:clamp(24px,4vw,70px);flex-wrap:wrap}
.endcta h2{font-family:var(--d);font-weight:500;letter-spacing:-.025em;
  font-size:clamp(25px,2.7vw,38px);line-height:1.1;color:var(--ink)}
.endcta p{margin-top:12px;color:var(--ink2);font-size:17px}
.ryanpic{aspect-ratio:4/5}
.ryanpic img{object-position:70% 20%}
@media(max-width:820px){.ryanpic{aspect-ratio:3/2}.ryanpic img{object-position:70% 16%}}
:root{--gut:clamp(10px,.9vw,18px)}
.gbar{position:sticky;top:var(--nav);z-index:40;background:var(--shell);
  transition:top var(--ui-lenta) var(--e);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding-left:var(--pad);padding-right:var(--pad)}
.gbin{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 0}
.gbrt{margin-left:auto;display:flex;align-items:center;gap:16px}
.gcount{font-family:var(--m);font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
@media(max-width:680px){.gbrt{width:100%;margin-left:0}}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(22px,2.4vh,32px) var(--gut)}
@media(max-width:1080px){.pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.pgrid{grid-template-columns:repeat(2,1fr);gap:20px 10px}}
.js .pt{opacity:0;transform:translateY(14px);
  transition:opacity .6s var(--e),transform .6s var(--e)}
.js .pt.in{opacity:1;transform:none;
  transition-duration:var(--hover-ms),var(--hover-ms)}
.pt.hide{display:none}
.ptb{display:block;width:100%;position:relative;overflow:hidden;background:var(--oak);
  border:0;padding:0;cursor:pointer;aspect-ratio:3/2}
.ptb .base,.ptb .lay{position:absolute;inset:0;display:block}
.ptb img{display:block;width:100%;height:100%;object-fit:cover;
  transition:transform var(--hover-ms) var(--e)}
.ptb .look em{font-style:normal}
.pt:hover .ptb img{transform:scale(1.03)}
.ptb .lay{position:absolute;inset:0;opacity:0;transition:opacity var(--hover-ms) var(--e)}
.ptb .lay img{transform:scale(1.04)}
.pt:hover .ptb .lay{opacity:1}
.pt:hover .ptb .base img{transform:scale(1.04)}
.ptb::after{content:'';position:absolute;inset:0;background:var(--ink);opacity:0;
  transition:opacity var(--hover-ms) var(--e);pointer-events:none}
.pt:hover .ptb::after{opacity:.06}
.ptb .look{position:absolute;left:0;right:0;bottom:0;padding:12px 13px;color:#fff;
  font-family:var(--m);font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  display:flex;justify-content:space-between;gap:10px;
  background:linear-gradient(to top,rgba(26,31,34,.62),rgba(26,31,34,0));
  opacity:0;transform:translateY(7px);
  transition:opacity var(--hover-ms) var(--e),transform var(--hover-ms) var(--e);pointer-events:none}
.pt:hover .ptb .look{opacity:1;transform:none}
.pt figcaption{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-top:8px}
.pt .rm{font-family:var(--u);font-weight:500;font-size:15px;letter-spacing:-.005em}
.pt .ty{font-family:var(--m);font-size:13px;letter-spacing:.055em;text-transform:uppercase;
  color:var(--ink3);margin-left:auto}
@media(max-width:620px){.pt .rm{font-size:13.5px}.pt .ty{font-size:14px}}
@media(hover:none){.ptb .look{display:none}}
html:not(.js) img.difer{display:none}
.js img.difer{background:var(--oak);min-height:1px}
.js img.difer.puesta{background:none}
.depth{display:flex;align-items:baseline;gap:clamp(14px,2vw,32px);flex-wrap:wrap;
  cursor:pointer;text-decoration:none;color:inherit;
  border-top:1px solid var(--line);padding-top:22px}
.depth .dk{font-family:var(--m);font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink3)}
.depth .dt{font-family:var(--d);font-weight:500;letter-spacing:-.025em;
  font-size:clamp(22px,2.4vw,34px);line-height:1.1}
.depth .dg{margin-left:auto;font-family:var(--m);font-size:13.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--cognac);transition:transform .45s var(--e)}
.depth:hover .dg{transform:translateX(7px)}
@media(max-width:640px){.depth .dg{margin-left:0}}
.xlink{padding-top:clamp(26px,4vh,46px);padding-bottom:0}
.xlink .wrap{border-top:1px solid var(--line);padding-top:22px}
.xlink a{display:inline-flex;align-items:baseline;gap:14px;flex-wrap:wrap;
  color:var(--ink);transition:color var(--ui-ms) var(--e)}
.xlink a:hover{color:var(--cognac)}
.xlink .mn{color:var(--ink3)}
.xlink em{font-style:normal;font-family:var(--d);font-weight:500;
  letter-spacing:-.022em;font-size:clamp(20px,2.1vw,30px)}
.xlink i{font-style:normal}
.ctgrid{display:grid;grid-template-columns:.72fr 1fr;gap:clamp(30px,5vw,84px);align-items:start}
.ctcol{display:flex;flex-direction:column;gap:clamp(24px,3.4vh,40px)}
.ctblk{padding-top:14px}
.ctblk .cl{display:block;font-family:var(--u);font-weight:500;font-size:13.5px;
  letter-spacing:.075em;text-transform:uppercase;color:var(--ink3);
  margin-bottom:9px}
.ctblk p{font-size:16px;line-height:1.55;color:var(--ink);max-width:34ch}
.ctblk a{color:var(--ink);border-bottom:1px solid var(--line);
  transition:border-color var(--ui-ms) var(--e),color var(--ui-ms) var(--e)}
.ctblk a:hover{color:var(--cognac);border-bottom-color:var(--cognac)}
.ctshots{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.ctshots figure:first-child{grid-column:1 / -1}
.ctshot{position:relative;overflow:hidden;background:var(--oak);aspect-ratio:3/2}
.ctshot img{display:block;width:100%;height:100%;object-fit:cover;
  transition:transform 1.6s var(--e)}
.ctshots figure:hover .ctshot img{transform:scale(1.03)}
.ctshots figcaption{margin-top:9px;font-family:var(--m);font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink3)}
@media(max-width:860px){.ctgrid{grid-template-columns:1fr}}
.pt[hidden]{display:none}
.pt a{display:block;color:inherit;text-decoration:none}
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .28s var(--e) both}
::view-transition-new(root){animation:vtIn .42s var(--e) both}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(8px)}}
#nav{view-transition-name:nav}
footer{view-transition-name:foot}
::view-transition-group(nav),
::view-transition-group(foot){animation-duration:.01s}
.pt.going .ptb{view-transition-name:cover}
.shot.arriving .fr{view-transition-name:cover}
::view-transition-group(cover){animation-duration:var(--ui-lenta)}
@media(prefers-reduced-motion:reduce){
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*){animation:none!important}
}
#pgrid:hover .pt.in:not(:hover){opacity:.55}
.pt{transition:opacity var(--hover-ms) var(--e),transform var(--hover-ms) var(--e)}
.pt:hover{transform:translateY(-3px)}
.pt:hover .rm{color:var(--cognac)}
.pt .rm{transition:color .4s var(--e)}
@media(hover:none){#pgrid:hover .pt:not(:hover){opacity:1}.pt:hover{transform:none}}
#load{view-transition-name:none}
img{height:auto}
.ptb img,.ctshot img{height:100%}
.im > img{display:block;width:100%;height:100%;object-fit:cover}
.pend{
  position:absolute;
  inset:var(--pend-inset,0);
  display:none;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px;
  font-family:var(--u);
  font-weight:500;
  font-size:12px;
  line-height:1.7;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink3);
  background:repeating-linear-gradient(45deg,
    rgba(26,31,34,.04) 0 7px, transparent 7px 14px);
}
.pending .pend{display:flex}
.pending img{visibility:hidden}
.ptb.pending .base,
.ptb.pending .lay,
.ptb.pending .look{display:none}
.scrimnav{position:absolute;top:0;left:0;right:0;height:170px;z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(8,10,12,.68) 0%,
    rgba(8,10,12,.60) 28%,rgba(8,10,12,.30) 62%,rgba(8,10,12,0) 100%)}
.hnpage{min-height:calc(100svh - var(--nav));
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(60px,10vh,120px) var(--pad)}
.hnpage .wrap{width:100%}
@media(min-width:981px){
  .hnpage .wrap{display:grid;grid-template-columns:1.15fr .85fr;
    gap:80px;align-items:center}
}
.hnp-izq{min-width:0}
.hnp-der{min-width:0}
.hnp-regla{height:2px;width:150px;background:var(--cognac);
  margin-bottom:34px}
@media(max-width:980px){.hnp-regla{display:none}}
.hnpage h1{margin-top:20px;max-width:15ch}
.hnpage .lead{margin-top:24px}
.hn{background:var(--oak);padding:72px var(--pad)}
.hn-band + .hn-band{border-top:1px solid var(--line)}
.hn-page{background:none;padding:clamp(34px,5vh,56px) 0 0}
.hn-card{background:none;padding:22px}
.hn-page .wrap{padding:0}
.hn-page .subsay{display:none}
.hn-page .subin{grid-template-columns:minmax(0,1fr)}
.hn-page .subdo{max-width:560px}
.hnlab{font-family:var(--m);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink3)}
.hnby{font-size:15px;line-height:1.6;color:var(--ink2);margin-top:6px}
.subfine{font-size:13px;line-height:1.6;color:var(--ink3);margin-top:12px}
.subfine a{color:var(--ink3);text-decoration:underline;
  text-underline-offset:3px}
.subfine a:hover{color:var(--cognac)}
.subin{max-width:1360px;margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(24px,5vw,80px);align-items:end}
.subsay h2{font-family:var(--d);font-weight:500;
  font-size:clamp(22px,2.6vw,36px);letter-spacing:-.028em;
  line-height:1.08;max-width:19ch;margin-top:10px}
.subdo{min-width:0}
.subdo{display:flex;flex-direction:column}
.subform{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.subform[hidden]{display:none}
.subfield{flex:1 1 240px}
.sublabel{display:block;font-family:var(--u);font-weight:500;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.subinput{width:100%;margin-top:9px;padding:10px 0;background:transparent;
  border:0;border-bottom:1px solid var(--line);color:var(--ink);
  font-family:var(--f);font-size:17px}
.subinput::placeholder{color:var(--ink3)}
.subinput:focus{outline:0;border-bottom-color:var(--cognac)}
.subbtn{font-family:var(--u);font-weight:500;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;padding:13px 26px;
  background:var(--ink);color:var(--white);border:0;cursor:pointer;
  transition:background .4s var(--e),color .4s var(--e)}
.subbtn:hover{background:var(--cognac);color:var(--white)}
.subbtn:focus-visible{outline:2px solid var(--cognac);outline-offset:4px}
.subbtn[disabled]{opacity:.5;cursor:default}
.subhp{display:none}
.submsg{margin-top:16px;grid-column:1/-1}
.submsg:not(.lead){font-size:15px;line-height:1.55}
.sub .submsg{color:rgba(255,255,255,.72)}
.submsg a{text-decoration:underline}
@media(max-width:860px){.subin{grid-template-columns:1fr}}
.logo{display:block;height:var(--logo-h);width:auto;color:inherit}
.mk a{display:block;line-height:0}
.logo-nav-marca{display:none}
@media(max-width:860px){
  .logo-nav-marca{display:block}
  .logo-nav-lockup{display:none}
}
.fg > :first-child{width:fit-content}
.flogo{margin-bottom:14px;color:var(--ink);display:flex;justify-content:center}
@media(max-width:860px){ :root{ --logo-h:30px } }   
.hnsent{height:0;margin:0;padding:0}
.hnav{position:fixed;right:24px;bottom:24px;z-index:70;width:360px;
  background:var(--white);border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(8,10,12,.14);
  opacity:0;transform:translateY(16px);
  transition:opacity var(--dur-base) var(--ease-out),
    transform var(--dur-base) var(--ease-out)}
.hnav.on{opacity:1;transform:none}
.hnav[hidden]{display:none}
.hnav .subin{display:block}
.hnav .subsay h2{font-size:18px;max-width:none;margin-top:6px}
.hnav .hnby{font-size:14px}
.hnav .subdo{margin-top:16px}
.hnav .subform{gap:10px}
.hnav .sublabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hnav .subbtn{padding:11px 18px;font-size:12px}
.hnav .subfine{font-size:12px}
.hnav-x{position:absolute;top:0;right:0;width:44px;height:44px;
  background:none;border:0;cursor:pointer;font-size:20px;line-height:1;
  color:var(--ink3)}
.hnav-x:hover{color:var(--ink)}
.hnav-x:focus-visible{outline:2px solid var(--cognac);outline-offset:-4px}
@media(max-width:620px){
  .hnav{right:12px;left:12px;bottom:12px;width:auto;
    max-height:30svh;overflow:visible}
  .hnav .hnby{display:none}
  .hnav .subsay h2{font-size:15px;line-height:1.25;margin-top:4px}
  .hnav .subdo{margin-top:12px}
  .hnav .subfine{display:none}
  .hnav .subform{flex-wrap:nowrap;gap:8px;align-items:flex-end}
  .hnav .subfield{flex:1 1 auto;min-width:0}
  .hnav .subbtn{flex:0 0 auto;white-space:nowrap;padding:11px 14px}
  .hnav .subbtn{font-size:0}
  .hnav .subbtn::after{content:'Get \2192';font-size:12px;
    letter-spacing:.1em;text-transform:uppercase}
  .hnav-x{z-index:2}
  .hnav .subsay{padding-right:44px}
}
@media(prefers-reduced-motion:reduce){
  .hnav{transform:none;transition:opacity var(--dur-base) linear}
  .hnav.on{transform:none}
}
.shero-tx .mn,.shero-tx h1,
.sttxt .mn,.sttxt h1{text-shadow:0 1px 30px rgba(8,10,12,.45)}
.m2d-tagline{fill:var(--ink3)}