:root{--bg:#F7F5F1;--ink:#1A1A1A;--sand:#EFEBE4;--stone:#E4DED5;--taupe:#9A948B;--muted:#6B675F;--line:#DDD7CD;--yolk:#1A1A1A;--yolk-deep:#1A1A1A;--red:#1A1A1A;--blue:#1A1A1A;--blue-soft:#D9D3CA;--off:#F7F5F1;--dot:#5E1A24;--f-logo:"Montserrat","Helvetica Neue",Arial,sans-serif;--f-sans:"Montserrat","Helvetica Neue",Arial,sans-serif;--f-serif:var(--f-sans);--f-hand:"Nothing You Could Do","Snell Roundhand","Brush Script MT",cursive;--f-kid:var(--f-hand);--f-script:var(--f-hand);--f-mono:var(--f-sans);--gutter:clamp(16px,3.4vw,52px);--ease:cubic-bezier(.65,0,.25,1);--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::after{content:"";position:fixed;inset:-50%;z-index:150;pointer-events:none;background-image:var(--grain);opacity:.055}
.reveal-text .w,.us .stress,a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--f-sans);letter-spacing:-.045em;margin:0;text-wrap:balance}
.hero-col .hero-row,.nocat2 .nocat p,p{margin:0}
.lbl{font-family:var(--f-sans);letter-spacing:.16em;text-transform:uppercase}
.mono{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase}
.tiny{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;line-height:1.45}
.hand{font-family:var(--f-hand);font-weight:400;letter-spacing:.01em;line-height:.95}
.kid{font-family:var(--f-kid);font-weight:400;letter-spacing:.14em;line-height:.9}
.script{font-family:var(--f-script);font-weight:400;line-height:1.1}
.caps{font-family:var(--f-sans);text-transform:uppercase;letter-spacing:-.03em}
.wrap{padding-inline:var(--gutter)}
.mark{background:linear-gradient(transparent 52%,var(--yolk) 52% 92%,transparent 92%);padding-inline:.08em}
button{font:inherit;cursor:pointer}
.ph{background:var(--stone);isolation:isolate}
.ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.03)}
.ph::after{content:"";inset:0;background-image:var(--grain);opacity:.22;mix-blend-mode:multiply;pointer-events:none}
#intro{position:fixed;inset:0;z-index:100;background:var(--bg);overflow:hidden;cursor:pointer;transition:opacity .7s .9s}
#intro .word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-logo);letter-spacing:-.06em;line-height:1;user-select:none}
#intro .word i,.cta-txt h2 em,.giant i,.nocat h2 em,.nt-txt h2 em,.pg-txt h1 em{font-style:normal;color:var(--dot)}
#intro .frame{position:absolute;inset:0;transition:clip-path 1.2s var(--ease);z-index:2;clip-path:inset(14vh 22vw 14vh 22vw)}
#intro .frame img.on,.zshow img.on{opacity:1;transform:scale(1)}
#intro .hud{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);z-index:4}
#intro .enter{display:inline-flex;align-items:center;gap:10px;opacity:0;transition:opacity .6s;color:var(--ink)}
#intro.ready .enter{opacity:1;animation:2.4s ease-in-out infinite entpulse}
.dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:1.6s ease-in-out infinite pulse}
@keyframes pulse{50%{transform:scale(1.9);opacity:.35}}
#intro.open .frame{clip-path:inset(0 0 0 0)}
#intro.open .hud{opacity:0;transition:opacity .3s}
#intro.open{opacity:0;pointer-events:none}
#intro.gone,#mobile-menu[hidden],.bt-s,.door .hand-tag{display:none}
header.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gutter) 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:var(--off);transition:background .4s,color .4s}
.nav.scrolled{background:rgba(247,244,239,.94);color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nav ul{display:flex;gap:clamp(14px,1.8vw,26px);list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;position:relative}
.nav ul a::after{content:"";position:absolute;left:-2px;right:-2px;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease);height:1px;bottom:-3px;z-index:0;background:var(--dot)!important}
.nav ul a:hover::after{transform:scaleX(1);transform-origin:left}
.nav .logo{font-family:var(--f-logo);letter-spacing:-.04em;text-decoration:none;line-height:1;opacity:0;pointer-events:none;transition:opacity .4s}
.nav.scrolled .logo{opacity:1;pointer-events:auto}
.nav .logo i{color:var(--dot);font-style:normal}
.nav .right{display:flex;justify-content:flex-end;align-items:center;gap:18px}
.nav .menu-btn{display:none;background:0 0;border:0;padding:6px 0;color:inherit}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--off);text-decoration:none;border:1px solid var(--ink);transition:background .35s,color .35s,border-color .35s}
.btn.line{background:0 0;color:var(--ink)}
.btn.sm{padding:10px 16px}
.btn .arr{transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(5px)}
#mobile-menu{position:fixed;inset:0;z-index:60;padding:calc(90px + env(safe-area-inset-top,0px)) var(--gutter) 40px;display:flex;flex-direction:column;gap:8px;background:var(--bg)!important;color:var(--ink)!important}
#mobile-menu a{font-size:44px;text-decoration:none;line-height:1.1;font-family:var(--f-sans);font-weight:600;letter-spacing:-.03em}
#mobile-menu a:nth-child(odd){font-style:italic;color:var(--dot)}
#mobile-menu button{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:var(--gutter);background:0 0;border:0;color:var(--ink)}
.hero{position:relative;height:min(94vh,980px);min-height:580px;color:var(--off);overflow:hidden}
.hero>.ph{position:absolute;inset:0}
.hero>.ph::before{content:"";position:absolute;inset:0;z-index:1}
.hero-in{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(20px,3vw,40px)}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(12px,1.6vw,22px)}
.hero-row p{max-width:34ch;font-size:17px;text-shadow:none}
.rot i{display:inline-block;animation:rise .7s var(--ease)}
@keyframes rise{from{transform:translateY(40%);opacity:0}}
.wordmark{font-family:var(--f-logo);font-size:29.5vw;letter-spacing:-.06em;display:flex;justify-content:center;transform-origin:50% 100%;will-change:transform;user-select:none;margin-bottom:-.04em}
.wordmark span{display:inline-block;transition:transform 1.4s var(--ease)}
.wordmark span:nth-child(2){transition-delay:.06s}
.wordmark span:nth-child(3){transition-delay:.12s}
.wordmark span:nth-child(4){transition-delay:.18s}
.wordmark span:nth-child(5){transition-delay:.24s}
.door .badge,.nav .left a.on,.wordmark .dotr{color:var(--dot)}
.blurbg,.sea-bg,.wall2,.wm-clip{overflow:hidden}
body.pre .wordmark span{transform:translateY(105%)}
.write{display:block;overflow:visible;height:auto}
.marquee{overflow:hidden}
.marquee .m{display:flex;white-space:nowrap;width:max-content;animation:45s linear infinite slide}
.marquee span{display:inline-block}
@keyframes slide{to{transform:translateX(-100%)}}
.kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.kicker::before{content:""}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.bd-grid>*,.brief-grid>*,.contact-grid>div,.manifesto>*,.owners>*,.rent-grid>*,.sea-grid>*,.sec-head>*,.split>*,.us>*{min-width:0}
.sec-head p{max-width:40ch;justify-self:end;color:var(--muted)}
.manifesto{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,90px);align-items:center}
.manifesto .ph,.rent-grid .ph,.split .ph{aspect-ratio:4/5}
.manifesto .msub{margin-top:22px;color:var(--muted);max-width:40ch}
.reveal-text{font-family:var(--f-sans)}
.hero,.marquee span,.marquee span:nth-child(3n),.marquee span:nth-child(3n+2),.pg-back:hover,.reveal-text .w.lit,.wordmark,header.nav{color:var(--ink)}
.doors{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,1.4vw,20px)}
.door{position:relative;text-decoration:none;color:var(--off);min-width:0;display:block;overflow:hidden}
.door .ph{height:clamp(440px,46vw,660px);width:100%}
.door .ph img{transition:transform 1.4s var(--ease)}
.door:hover .ph img{transform:scale(1.07)}
.door .ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,.55))}
.door .ov{position:absolute;inset:0;z-index:3;padding:clamp(16px,2vw,26px);display:flex;flex-direction:column;justify-content:space-between}
.door .top{display:flex;justify-content:space-between;gap:10px}
.door .t{overflow-wrap:break-word;text-shadow:0 2px 24px rgba(0,0,0,.2)}
.door .claim{margin-top:12px;max-width:28ch}
.badge{padding:3px 8px;background:var(--off);color:var(--ink)}
.us{display:grid;gap:clamp(24px,4vw,72px);align-items:start;grid-template-columns:1.5fr 1fr}
.us .media{position:sticky;top:90px}
.us .copy-col{display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.card-m.polaroid .cap,.hunt .kicker,.hunt .sec-head p,.hunt .step .n,.hunt .step h4,.hunt .step p,.hunt .trail-hint,.hunt h2,.mood .hint,.note.kid,.note.script,.ticket .stampy,.tile .script,.trail-hint,.us .closer,.us .lead-q{color:var(--ink)!important}
.us .stress{text-transform:uppercase;letter-spacing:.02em}
.us .closer{margin-top:22px!important;padding-left:16px;border-left:3px solid var(--ink);color:var(--ink)!important}
.us h2{margin-bottom:24px}
.us p{color:var(--muted);max-width:46ch}
.us p+p{margin-top:14px}
.people,.tiles{display:grid;grid-template-columns:1fr 1fr}
.person{padding:18px 18px 18px 0;border-top:1px solid var(--ink);min-width:0}
.person+.person{padding-left:18px;border-left:1px solid var(--line)}
.person b{display:block;line-height:1.1}
.foot-sub,.person span,.tile p{color:var(--muted)}
.hunt{cursor:crosshair;color:var(--ink)}
.hunt .sec-head,.hunt .steps,.hunt .trail-hint{position:relative;z-index:2}
.trail-hint{display:inline-flex;align-items:center;gap:12px;margin-bottom:clamp(40px,5vw,70px)}
.trail-img{position:absolute;z-index:1;pointer-events:none;width:clamp(150px,16vw,250px);aspect-ratio:3/4;object-fit:cover;box-shadow:0 14px 40px rgba(0,0,0,.18);transform:translate(-50%,-50%) scale(.6);opacity:0;animation:pop 1.2s var(--ease) forwards}
@keyframes pop{15%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(var(--r))}
75%{opacity:1;transform:translate(-50%,-60%) scale(1) rotate(var(--r))}
100%{opacity:0;transform:translate(-50%,-80%) scale(.95) rotate(var(--r))}}
.steps{display:grid;grid-template-columns:repeat(5,1fr);background:0 0;border-top:1px solid var(--ink)}
.step{padding:22px 22px 28px 0;min-width:0}
.step+.step{padding-left:22px;border-left:1px solid rgba(26,26,26,.15)}
.step .n{line-height:1;font-family:var(--f-sans)}
.step h4{letter-spacing:.14em;text-transform:uppercase;margin:12px 0 8px}
.board{column-count:5;column-gap:clamp(12px,1.6vw,24px);margin-top:clamp(30px,4vw,60px)}
.board>*{break-inside:avoid;margin-bottom:clamp(14px,1.8vw,26px);display:block}
.board .note{text-align:center;padding-block:14px}
.card-m{position:relative;touch-action:none;cursor:grab;user-select:none;transition:box-shadow .3s}
.card-m.drag{cursor:grabbing;box-shadow:0 30px 60px rgba(0,0,0,.18)}
.card-m>.ph{box-shadow:0 12px 30px rgba(0,0,0,.12)}
.card-m img{pointer-events:none;-webkit-user-drag:none}
.card-m.polaroid{background:var(--off);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.card-m.polaroid>.ph{box-shadow:none}
.card-m.polaroid .cap{position:absolute;left:12px;right:12px;white-space:nowrap;overflow:hidden}
.note{position:relative;touch-action:none;cursor:grab;user-select:none;line-height:1;margin:0}
.sea{background:var(--ink);color:var(--off);position:relative;overflow:hidden}
.sea-grid{display:grid;gap:clamp(24px,5vw,90px);align-items:center}
.sea .big{font-family:var(--f-serif)}
.sea .scrawl{display:inline-block}
.sea p.body{max-width:42ch}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px);align-items:center}
.split+.split{margin-top:clamp(64px,8vw,120px)}
.split.rev .media,.zrow.rev .zshow{order:2}
.nc-img,.split .media{position:relative}
.split h3{margin:14px 0 22px}
.checks{list-style:none;padding:0;margin:26px 0 0;counter-reset:c}
.checks li{display:grid;grid-template-columns:36px 1fr;gap:6px;padding:16px 0;border-top:1px solid var(--line)}
.checks li::before{content:counter(c,decimal-leading-zero);counter-increment:c;font-family:var(--f-mono);padding-top:4px}
.foot-cta,.rent .big{font-family:var(--f-serif)}
.rent-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,72px);margin-top:clamp(40px,5vw,80px)}
.tile{padding:26px 24px 30px 0;border-top:1px solid var(--line);min-width:0}
.tile:nth-child(2n){padding-left:24px;border-left:1px solid var(--line)}
.tile h4{line-height:1.05}
.owners{margin-top:clamp(24px,3vw,40px);padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.owners h3{margin:10px 0 14px}
.langs{display:flex;gap:6px}
.langs span{line-height:1;border:1px solid #444}
.brief-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,72px);align-items:start}
.q{padding:24px 0;border-top:1px solid var(--ink)}
.ql{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.ql>:first-child{line-height:1.1}
.ql .mono{color:var(--taupe)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);transition:border-color .25s,background .25s,transform .25s}
.chip:hover{transform:translateY(-2px);border-color:var(--dot)}
input[type=range]{width:100%;height:28px;accent-color:var(--dot)!important}
.range-val{line-height:1;margin-bottom:8px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cta-form button,.cta-form input[name=n],.cta-form textarea,.cta-ok,.fields .full{grid-column:1/-1}
.fields input,.fields textarea{width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid var(--ink);padding:12px 2px;color:var(--ink);border-radius:0}
.fields textarea{resize:vertical;min-height:72px}
.fields input::placeholder,.fields textarea::placeholder{color:var(--taupe)}
.ticket{position:sticky;top:90px;background:var(--sand);padding:30px;border:1px solid var(--line)}
.quote .by,.ticket .t-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted)}
.ticket h3{margin:16px 0 26px}
.ticket dl{margin:0;display:grid}
.ticket dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.ticket dt{color:var(--taupe);padding-top:3px}
.ticket dd{margin:0;overflow-wrap:anywhere}
.ticket .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ticket .note-t{margin-top:14px;font-size:13px;color:var(--muted)}
.ticket .stampy{position:absolute}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.quote{margin:0;padding:34px 30px 10px 0;display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-width:0}
.quote+.quote{padding-left:30px;border-left:1px solid var(--line)}
.quote blockquote{margin:0;font-family:var(--f-serif);font-style:normal}
.quote blockquote::before{content:"“";display:block;line-height:.6;margin-bottom:10px;font-style:normal;font-family:var(--f-sans);font-weight:700}
footer{background:var(--sand)!important;color:var(--ink)!important;padding-bottom:0;padding-top:clamp(48px,6vw,80px)!important}
.foot-cta .hand{display:inline-block}
.foot-sub{margin-top:24px;max-width:46ch}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(56px,6vw,90px);padding-top:22px;border-top:1px solid var(--line)}
.contact-grid .lbl{margin-bottom:12px;display:block}
.copy{background:0 0;border:0;border-bottom:1px solid var(--line);color:var(--muted);padding:0 0 1px;margin-left:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.copy:hover{color:var(--dot)!important;border-color:var(--dot)}
.giant{font-family:var(--f-logo);text-align:center;margin-top:60px;user-select:none;transition:color 1s}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:18px calc(18px + env(safe-area-inset-bottom,0px));position:relative;background:var(--sand)!important;border-top:1px solid var(--line)!important;color:var(--muted)!important}
.legal a{text-decoration:none}
.legal a:hover{color:var(--dot)}
#cursor{position:fixed;left:0;top:0;width:7px;height:7px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:200;transform:translate(-50%,-50%);transition:width .25s var(--ease),height .25s var(--ease);display:none}
#cursor.big{width:22px;height:22px}
#cursor.label{width:7px;height:7px}
#cursor.label::after{content:attr(data-l);position:absolute;left:14px;top:-8px;white-space:nowrap;font-family:var(--f-sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff}
@media (pointer:fine){#cursor{display:block}}
@supports (animation-timeline:view()){.reveal{animation:linear both up;animation-timeline:view();animation-range:entry 0% entry 40%}
@keyframes up{from{transform:translateY(40px)}
to{transform:none}}}
em,i{font-style:normal}
.hand,.kid,.langs span,.marquee span,.mood .hint,.note.kid,.script,.step .n{letter-spacing:0!important}
h1,h2,h3{font-family:var(--f-sans);line-height:1;font-weight:300!important;letter-spacing:-.035em!important}
.caps{font-weight:500;letter-spacing:.02em;line-height:.95}
.person b,.ql>:first-child,.range-val,.tile h4{font-weight:400}
.foot-cta em,.mark,.mark em,.owners h3 em,.rent .big em,.reveal-text em,.sea .big em,h2 em,h3 em{background:0 0!important;color:inherit!important;font-style:italic;text-decoration:none}
.btn:hover{background:#3a3a3a;border-color:#3a3a3a;color:var(--off)}
.btn.line:hover{background:var(--ink);color:var(--off);border-color:var(--ink)}
.nav:not(.scrolled) .btn{background:var(--ink);border-color:var(--ink);color:var(--off)}
.nav:not(.scrolled) .btn:hover{background:#3a3a3a;border-color:#3a3a3a}
.door .t,.hero-row .rot,.rot i{color:var(--off)}
.hunt .sec-head p,.hunt .step p{color:#4a463f!important}
.contact-grid .lbl,.foot-cta .hand,.langs span,.sea .scrawl{color:var(--off)!important}
.band-door{background:var(--bg);padding-block:clamp(40px,6vw,90px);padding-inline:var(--gutter)}
.bd-grid{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:clamp(16px,3vw,48px);align-items:center}
.bd-grid .ph:first-child{aspect-ratio:818/1132}
.bd-grid .ph:last-child{aspect-ratio:566/862;align-self:end}
.bd-big{margin:16px 0 18px}
.bd-sub{color:var(--muted);max-width:32ch}
.sea{min-height:clamp(560px,92vh,900px);display:flex;align-items:flex-end}
.sea-bg{position:absolute;inset:-10% 0;z-index:0}
.sea-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 80%}
.sea-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,16,.55) 0,rgba(10,14,16,.2) 55%,rgba(10,14,16,0) 100%)}
.sea-grid{position:relative;z-index:2;grid-template-columns:1fr;width:100%}
.sea-grid>div{max-width:640px}
.sea .big,.sea .scrawl{text-shadow:0 2px 30px rgba(0,0,0,.25)}
.sea .tiny,.sea p.body{color:#eae5dd!important}
#intro .hud,.hero-in,.nocat .kicker{justify-content:center}
.hero-col{display:flex;flex-direction:column;align-items:flex-start}
.hero-col .hero-row p{max-width:36ch;font-size:clamp(16px,1.2vw,18px)}
.owners .checks li::before{color:rgba(247,245,241,.7)!important}
.chip[aria-pressed=true]{background:var(--dot)!important;border-color:var(--dot)!important;color:var(--off)!important}
.bd-big em,.checks li::before,.contact-grid .lbl,.foot-cta .hand,.giant i,.kicker,.manifesto .reveal-text em,.nocat2 .nocat h2 em,.quote blockquote::before,.sec-head h2 em,.step .n,.us h2 em{color:var(--dot)!important}
.giant{color:var(--ink)!important;margin-bottom:2vw!important;font-size:24vw!important}
.kicker::before{height:1px;width:28px;background:var(--dot)!important}
#intro .word,.giant,.nav .logo,.wordmark{font-family:var(--f-logo)!important;font-weight:500!important;letter-spacing:.01em!important}
.giant,.wordmark{line-height:.9!important}
.nav .logo{font-size:24px}
.hero-col .wm-clip{width:auto;display:inline-block}
.hero-col .tagline{font-family:var(--f-logo);font-weight:500;text-transform:uppercase;color:var(--ink);white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity 1s,transform 1s}
.hero-col .tagline.go{opacity:1;transform:none}
body{font-weight:300;font-size:14px;line-height:1.85;letter-spacing:.02em}
.hero-col .lockup{display:inline-flex;flex-direction:column;transform-origin:0 50%;max-width:100%}
.hero-col .lockup .wm-clip{width:auto!important;padding-right:.04em}
.hero-col .lockup .wordmark{font-size:1em!important;margin:0!important;transform:none!important}
.hero-col .lockup .tagline{padding:0!important}
.split .media .tag-h{position:static!important;display:block;margin-top:14px;text-shadow:none!important;transform:none!important;font-size:11px!important;letter-spacing:.34em;text-transform:uppercase;color:var(--muted)!important}
#intro .word{z-index:3;mix-blend-mode:difference;color:#fff!important;font-size:24vw!important}
#intro .word i{color:#94d6c8!important;display:inline-block;scale:.6;transform-origin:15% 80%}
.wall2{position:absolute;inset:0;background:#d9cdb8;isolation:isolate}
.wall2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wall2 .bg{transform-origin:70% 50%;animation:24s ease-in-out infinite alternate pan;object-position:30% 45%!important;filter:saturate(.75) sepia(.25) brightness(.78) contrast(1.05)!important}
@keyframes pan{from{transform:scale(1.08) translateX(-2%)}
to{transform:scale(1.08) translateX(2%)}}
.wall2::after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse 65% 60% at 50% 50%,rgba(35,26,18,.42),rgba(35,26,18,.22) 80%)!important}
.hero-in{justify-content:center!important;align-items:center;padding-top:60px}
.hero-col{width:auto!important;margin:0 auto!important;align-items:center!important;text-align:center}
.hero-col .lockup{align-items:center!important;margin-bottom:clamp(28px,3.5vw,48px)!important;font-size:min(17vw,300px)!important}
.hero-col .lockup .tagline{align-self:center!important;margin:.5em 0 0!important;letter-spacing:.32em!important;font-size:.075em!important}
.hero .tagline,.hero .wordmark,.hero-meta{color:#f7f3ec!important}
.hero .wordmark .dotr{color:#7a2230!important}
.hero-col .hero-row{flex-direction:column;align-items:center;gap:clamp(26px,3vw,40px)!important}
.hero-meta{font-family:var(--f-logo);font-size:clamp(11px,.95vw,14px);letter-spacing:.18em;text-transform:uppercase;line-height:1.75;max-width:none!important;text-shadow:none!important;margin:0}
header.nav:not(.scrolled){color:#f7f3ec}
header.nav:not(.scrolled) .btn{background:#f7f3ec;border-color:#f7f3ec;color:var(--ink)}
@media (max-width:1000px){.hero-col .lockup{font-size:25vw!important}
.hero-col .lockup .tagline{font-size:.1em!important}
.wall2::after{background:rgba(40,30,20,.28)!important}
.hero-col{background:0 0!important;width:100%!important}}
.hero-rot{font-size:clamp(17px,2vw,30px)!important;letter-spacing:.32em!important;font-weight:400;min-height:1.6em;overflow:hidden;line-height:1.5!important}
.hero-meta:not(.hero-rot){font-size:clamp(9px,.72vw,11px)!important;letter-spacing:.34em!important;opacity:.82;position:relative;padding-top:22px}
.hero-meta:not(.hero-rot)::before{content:"";position:absolute;top:0;left:50%;width:28px;height:1px;background:currentColor;opacity:.6;transform:translateX(-50%)}
.hero-rot .rot,.hero-rot .rot i{font-family:var(--f-logo)!important;font-style:normal!important;font-size:1em!important}
.hero-rot .rot i{display:inline-block;animation:.9s cubic-bezier(.2,.7,.2,1) rotin}
@keyframes rotin{from{transform:translateY(100%);opacity:0;letter-spacing:.6em}
to{transform:none;opacity:1}}
.giant i,.nav .logo i,.wordmark .dotr{display:inline-block;scale:.6;transform-origin:15% 80%;margin-left:-.06em}
.marquee{background:var(--bg)!important;border-block:1px solid var(--line)!important;padding:20px 0!important}
.marquee .m{animation-duration:80s!important}
.marquee span,.marquee span:nth-child(3n),.marquee span:nth-child(3n+2){font-family:var(--f-logo)!important;font-style:normal!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.38em!important;font-size:11px!important;color:var(--ink)!important;padding-right:0!important;display:inline-flex;align-items:center}
.marquee span::after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--dot);margin:0 3.2em}
.sec{padding-block:clamp(100px,13vw,190px)!important}
.door .claim{letter-spacing:.32em!important;text-transform:uppercase;font-weight:400!important;font-size:10px!important;opacity:.9}
.card-m.polaroid .cap,.foot-cta .hand,.manifesto .msub,.mood .hint,.note.kid,.note.script,.ticket .stampy,.tile .script,.trail-hint{font-family:var(--f-logo)!important;font-style:normal!important}
.note.kid,.note.script{font-size:11px!important;letter-spacing:.34em!important;text-transform:uppercase;color:var(--muted)!important;rotate:0deg!important}
.mood .hint,.trail-hint{font-size:11px!important;letter-spacing:.32em!important;text-transform:uppercase;transform:none!important;color:var(--muted)!important}
.tile .script{font-size:10px!important;letter-spacing:.32em;text-transform:uppercase;color:var(--dot)!important}
.card-m.polaroid .cap{font-size:10px!important;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)!important;bottom:15px!important}
.card-m{rotate:0deg!important;-webkit-touch-callout:none;-webkit-user-select:none}
.card-m.polaroid{padding:8px 8px 40px!important}
.sea .scrawl{font-family:var(--f-logo)!important;font-size:12px!important;letter-spacing:.36em!important;text-transform:uppercase;transform:none!important;margin-block:18px 22px!important}
.foot-cta .hand{font-size:1em!important;transform:none!important;color:var(--dot)!important;text-decoration:none}
.hunt,footer{position:relative;isolation:isolate;overflow:hidden}
.blurbg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.blurbg img{width:100%;height:100%;object-fit:cover}
.blurbg::after{content:"";position:absolute;inset:0;background:rgba(242,238,231,.82)}
.hunt,.legal,footer{background:0 0!important}
.mood{background:var(--bg)!important;overflow:visible!important;position:relative;z-index:2}
.rent{background:var(--sand)!important}
.bd-big,.foot-cta,.mood h2,.owners h3,.rent .big,.reveal-text,.sea .big,.sec-head h2,.split h3,.ticket h3,.us h2{font-family:var(--f-logo)!important;font-weight:300!important;text-transform:uppercase!important;letter-spacing:.14em!important;line-height:1.35!important;font-style:normal!important}
.mood h2,.sec-head h2,.us h2{font-size:clamp(22px,2.3vw,36px)!important}
.owners h3,.split h3{font-size:clamp(18px,1.7vw,26px)!important}
.bd-big,.rent .big,.sea .big{font-size:clamp(22px,2.4vw,38px)!important;max-width:24ch}
.foot-cta{max-width:24ch;font-size:clamp(26px,3vw,46px)!important}
.reveal-text{font-size:clamp(17px,1.55vw,24px)!important;letter-spacing:.08em!important;line-height:1.7!important}
.ticket h3{font-size:22px!important;letter-spacing:.3em!important}
.bd-big em,.foot-cta .hand,.foot-cta em,.mood h2 em,.owners h3 em,.rent .big em,.reveal-text em,.sea .big em,.sec-head h2 em,.split h3 em,.us h2 em{font-style:normal!important;color:var(--dot)!important;font-weight:300!important;font-family:var(--f-logo)!important;text-decoration:none!important;background:0 0!important}
.owners h3 em,.sea .big em{color:inherit!important}
.bd-sub,.checks li,.foot-sub,.manifesto .msub,.sea p.body,.sec-head p,.split p,.step p,.tile p,.us p{font-size:13px!important;line-height:1.95!important;letter-spacing:.03em;font-weight:300}
.us .lead-q{font-size:15px!important;font-weight:400!important}
.us .stress{font-weight:500!important;letter-spacing:.14em;font-size:.9em}
.us .closer{font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;font-weight:400!important;border-left-width:1px!important}
.kicker,.lbl,.mono,.tiny{font-family:var(--f-logo)!important;font-size:10px!important;letter-spacing:.36em!important;font-weight:400!important}
.checks b,.person b{font-weight:500!important}
.person b,.ql>:first-child,.step h4,.tile h4{font-family:var(--f-logo)!important;font-size:12px!important;letter-spacing:.28em!important;text-transform:uppercase;font-weight:500!important}
.tile h4{margin:10px 0!important}
.step .n{font-size:11px!important;letter-spacing:.3em;color:var(--dot)!important;font-weight:400!important}
.checks li::before{font-size:10px!important;letter-spacing:.2em}
.range-val{font-family:var(--f-logo);font-size:clamp(26px,2.4vw,36px)!important;font-weight:300!important;letter-spacing:.06em!important}
.door .t{font-family:var(--f-logo);text-transform:uppercase;font-size:clamp(16px,1.5vw,22px)!important;letter-spacing:.3em!important;font-weight:300!important}
.btn{font-family:var(--f-logo)!important;font-size:10px!important;letter-spacing:.32em!important;font-weight:400!important;padding:14px 26px!important;text-transform:uppercase}
.chip{font-family:var(--f-logo);font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;padding:9px 16px!important;font-weight:400}
.fields input,.fields textarea{font-size:13px!important;letter-spacing:.06em}
.owners{background:0 0!important;color:var(--ink)!important;border:1px solid var(--line)}
.owners .checks li{border-color:var(--line)!important}
.owners .lbl{color:var(--muted)!important}
.langs span{font-family:var(--f-logo)!important;font-size:11px!important;letter-spacing:.3em!important;padding:9px 14px!important;color:var(--ink)!important;border-color:var(--line)!important;background:0 0!important}
.langs span:first-child{background:var(--ink)!important;color:var(--off)!important;border-color:var(--ink)!important}
.quote blockquote{font-size:clamp(15px,1.25vw,19px)!important;letter-spacing:.04em!important;line-height:1.7!important;font-weight:300!important}
.quote blockquote::before{font-size:40px!important}
.contact-grid p{overflow-wrap:anywhere;font-size:13px;letter-spacing:.04em}
.giant{letter-spacing:.08em!important;white-space:nowrap}
.q,.quotes,.steps{border-top-width:1px!important}
i.en{font-style:italic!important;letter-spacing:inherit}
.blurbg::before,.ph::after,.wall2::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background-image:var(--grain);background-size:180px 180px;opacity:.14!important;mix-blend-mode:overlay;animation:none!important;transform:none!important}
.blurbg img,.ph img,.wall2 img{filter:saturate(.82) sepia(.12) contrast(1.06)}
.ph img{filter:saturate(.82) sepia(.1) contrast(.97)!important}
.hero .wordmark span:not(.dotr){background:linear-gradient(100deg,#f6f2ea 0,#ece6dc 30%,#fbf8f2 46%,#e3ddd2 62%,#f4efe6 80%,#e8e2d8 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:9s ease-in-out infinite alternate silver;filter:drop-shadow(0 1px 18px rgba(0,0,0,.18))}
@keyframes silver{from{background-position:0 0}
to{background-position:100% 0}}
.hero .tagline,.hero-meta,.hero-rot .rot,.hero-rot .rot i{color:#f3eee5!important}
.hero-expl{font-family:var(--f-logo);font-size:clamp(12px,1vw,15px);letter-spacing:.08em;color:#f3eee5;opacity:.88;margin:-14px 0 0!important;font-weight:300;min-height:1.6em;max-width:none!important;white-space:nowrap}
.hero-expl.in{animation:.9s fadeup}
@keyframes fadeup{from{opacity:0;transform:translateY(6px)}
to{opacity:.88;transform:none}}
.facts{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line)}
.facts li{padding:18px 16px 18px 0;min-width:0;border-bottom:1px solid var(--line)}
.facts li:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}
.facts b{display:block;font-family:var(--f-logo);font-weight:300;letter-spacing:.08em;color:var(--dot);text-transform:uppercase;font-size:clamp(20px,2vw,30px)!important;font-variant-numeric:tabular-nums}
.facts span{display:block;font-size:11px;letter-spacing:.06em;color:var(--muted);margin-top:6px;line-height:1.6}
.facts li:nth-child(4) b{font-size:clamp(14px,1.2vw,18px)!important;line-height:1.6}
.facts b .cnt{display:inline!important;font-size:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important;line-height:inherit!important}
.door .cdesc{font-size:12px;margin-top:8px;max-width:30ch;opacity:.9;line-height:1.6}
.zg{font-family:var(--f-logo);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin:14px 0 10px}
.zg:first-of-type{margin-top:0}
.nocat{max-width:720px;margin:0 auto clamp(70px,9vw,130px);text-align:center;padding-top:clamp(40px,6vw,90px)}
.nocat h2{margin-bottom:22px;font-family:var(--f-logo)!important;font-weight:300!important;text-transform:uppercase;letter-spacing:.14em!important;font-size:clamp(22px,2.3vw,36px)!important;line-height:1.35}
.nocat p{color:var(--muted);font-size:14px;line-height:1.9;max-width:56ch;margin:0 auto}
.msub b{font-weight:500;color:var(--ink)}
.tl-anim span{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(.5em);transition:opacity 1s,filter 1.2s,transform 1.2s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i)*60ms)}
.tl-anim.go span{opacity:1;filter:blur(0);transform:none;animation:5s ease-in-out infinite tlwave;animation-delay:calc(2s + var(--i) * 120ms)}
@keyframes tlwave{0%,100%,70%{opacity:1;transform:none;text-shadow:none}
35%{opacity:.35;transform:translateY(-2px);text-shadow:0 0 14px rgba(255,248,235,.9)}}
.us .ph{aspect-ratio:1060/1272!important}
.us .ph img{filter:none!important;object-fit:cover;object-position:50% 20%}
.us .ph::after{opacity:.08!important;animation:none!important}
.wallbg img{object-position:55% 45%;animation:14s ease-in-out infinite alternate wallbreath;filter:saturate(.9) sepia(.08)!important}
@keyframes wallbreath{from{transform:scale(1.04)}
to{transform:scale(1.1) translateX(-1.5%)}}
.wallbg::after{background:linear-gradient(90deg,rgba(242,236,226,.84) 0,rgba(242,236,226,.72) 55%,rgba(242,236,226,.66) 100%)!important}
.footbg img{object-position:50% 50%;filter:saturate(.9)}
.footbg::after{background:linear-gradient(180deg,rgba(242,236,226,.42),rgba(242,236,226,.8) 75%)!important}
.ticket{padding-top:0!important;overflow:hidden}
.t-cover{position:relative;margin:0 -30px 24px;height:230px;overflow:hidden}
.t-cover img{width:100%;height:100%;object-fit:cover;object-position:62% 74%;display:block;transform:scale(1.04);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.ticket:hover .t-cover img{transform:scale(1)}
.t-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,26,26,0) 45%,rgba(26,26,26,.38))}
.t-cap{position:absolute;left:20px;bottom:14px;z-index:1;color:#f6f2ea;font-size:9px;letter-spacing:.32em;text-transform:uppercase}
.ticket .stampy{font-size:10px!important;letter-spacing:.32em;text-transform:uppercase;transform:none!important;border:1px solid rgba(246,242,234,.85);padding:4px 10px;top:18px!important;right:18px!important;z-index:2;color:#f6f2ea!important;background:rgba(26,26,26,.12)}
.nocat2{display:grid;grid-template-columns:.9fr 1fr;gap:clamp(30px,6vw,110px);align-items:center;margin:0 0 clamp(80px,10vw,150px);padding-top:clamp(30px,5vw,70px)}
.nocat2 .nocat{text-align:left;margin:0;padding-top:0;max-width:560px}
.nocat2 .nocat .kicker{justify-content:flex-start}
.nocat2 .nc-cta{margin-top:30px!important}
.cta-img,.nc-img .ph{aspect-ratio:4/5;overflow:hidden}
.nc-img .ph img,.pg-img img{width:100%;height:100%;object-fit:cover}
.nc-img .tag-h{display:block;margin-top:12px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
#mood{padding-bottom:clamp(90px,12vw,170px)!important}
#intro .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;object-position:50% 50%;transform:scale(1.07);transition:opacity .6s,transform 2s cubic-bezier(.2,.7,.2,1)}
#intro .hud{justify-content:space-between!important;align-items:center}
#intro .hud .ix{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);min-width:7em}
#intro .hud .ix:last-child{text-align:right}
#intro .enter{padding:12px 22px;border:1px solid var(--ink);letter-spacing:.32em;text-transform:uppercase;font-size:11px;background:rgba(247,245,241,.6)}
@keyframes entpulse{50%{background:rgba(26,26,26,.06)}}
.card-m.lift{scale:1.04;box-shadow:0 26px 50px rgba(0,0,0,.22)!important;transition:scale .2s,box-shadow .2s}
.foot-sub{color:#5e5850!important}
.board.js{column-count:auto!important;display:flex;align-items:flex-start;gap:clamp(12px,1.6vw,24px)}
.board.js .mcol{flex:1 1 0;min-width:0}
.board.js .mcol>*{display:block;break-inside:avoid;margin-bottom:clamp(14px,1.8vw,26px)}
.sea{z-index:1}
.ph{overflow:hidden!important;position:relative}
body::after{animation:none!important;opacity:.03!important}
.rev-btns{display:flex;flex-wrap:wrap;gap:10px}
.pg-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px);align-items:end;padding-top:clamp(120px,14vw,190px);padding-bottom:clamp(60px,8vw,120px)}
.pg-txt h1{font-family:var(--f-logo);font-weight:300!important;text-transform:uppercase;letter-spacing:.12em!important;font-size:clamp(30px,4.4vw,68px);line-height:1.15;margin:0 0 26px}
.pg-txt p{max-width:46ch;color:var(--muted);line-height:1.9;font-size:15px;margin:0}
.pg-back{display:inline-block;margin-bottom:34px;color:var(--muted);font-size:10px;letter-spacing:.3em;text-decoration:none}
.pg-img{aspect-ratio:4/5;max-height:76vh;width:100%;overflow:hidden}
.nos-teaser{display:grid;grid-template-columns:.9fr 1fr;gap:clamp(30px,6vw,110px);align-items:center}
.nt-img{aspect-ratio:1060/1272;overflow:hidden}
.nt-img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.nt-txt h2{margin-bottom:22px;font-family:var(--f-logo)!important;font-weight:300!important;text-transform:uppercase;letter-spacing:.12em!important;font-size:clamp(22px,2.6vw,38px)!important;line-height:1.3}
.nt-txt p{color:var(--muted);line-height:1.9;max-width:46ch;margin:0 0 30px}
.pg-cta{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px);align-items:start;padding-block:clamp(70px,9vw,140px);border-top:1px solid var(--line);background:var(--sand)}
.cta-txt h2{font-family:var(--f-logo);font-weight:300!important;text-transform:uppercase;letter-spacing:.12em!important;font-size:clamp(22px,2.6vw,38px);line-height:1.3;margin:0 0 20px}
.cta-txt p{color:var(--muted);line-height:1.9;max-width:42ch;margin:0}
.cta-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.cta-form input,.cta-form textarea{font:inherit;font-size:14px;background:0 0;border:0;border-bottom:1px solid var(--ink);padding:12px 2px;color:var(--ink);border-radius:0;outline:0}
.cta-form .bad,.cta-form input:focus,.cta-form textarea:focus,.zona-otra:focus{border-bottom-color:var(--dot)}
.cta-form textarea{min-height:80px;resize:vertical}
.cta-form button{justify-self:start;margin-top:10px;cursor:pointer}
.cta-ok{color:var(--dot);font-size:11px;letter-spacing:.2em;margin:4px 0 0}
.zshow{position:relative;overflow:hidden}
.zshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.6s,transform 6s ease-out}
.zrows{display:grid;gap:clamp(70px,9vw,140px);margin-top:clamp(40px,5vw,80px)}
.zrow{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(30px,6vw,110px);align-items:center}
.zrow .zshow{aspect-ratio:4/3}
.ztxt h3{font-family:var(--f-logo);font-weight:300!important;text-transform:uppercase;letter-spacing:.14em!important;font-size:clamp(22px,2.4vw,36px);margin:0 0 12px;line-height:1.3}
.ztxt .zn{display:block;color:var(--dot);font-size:10px;letter-spacing:.3em;margin-bottom:16px}
.ztxt .zs{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
.ztxt p:not(.zs){color:var(--muted);line-height:1.9;max-width:42ch;margin:0 0 30px}
.beyond{margin-top:clamp(40px,5vw,70px)}
.by-en{font-family:"Montserrat",var(--f-sans),sans-serif;font-style:normal;font-weight:300;font-size:clamp(30px,3.6vw,58px);line-height:1.15;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin:0}
.mx .by-en{opacity:0;letter-spacing:.5em;filter:blur(6px);transition:opacity 1.6s cubic-bezier(.2,.7,.2,1),letter-spacing 2s cubic-bezier(.2,.7,.2,1),filter 1.6s ease}
.mx .by-en.in{opacity:1;letter-spacing:.16em;filter:blur(0)}
.mx .beyond .by-es{opacity:0;transform:translateY(8px);transition:opacity 1s ease .9s,transform 1s ease .9s}
.mx .beyond:has(.by-en.in) .by-es{opacity:1;transform:none}
.rule-break{position:relative;display:inline;color:var(--dot)!important;text-transform:uppercase;font-weight:500;letter-spacing:.14em;font-size:.88em;font-style:normal;background-image:linear-gradient(var(--dot),var(--dot));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;padding-bottom:3px}
.mx .rule-break{background-size:0 1px;opacity:.25;transition:background-size 1.8s cubic-bezier(.65,0,.35,1) .3s,opacity 1.2s ease}
.mx .rule-break.in{background-size:100% 1px;opacity:1}
.us .rule-break{font-size:.9em!important;font-weight:500!important}
@media (prefers-reduced-motion:reduce){.mx .by-en,.mx .rule-break,.mx .beyond .by-es{transition:none;opacity:1;filter:none;letter-spacing:.16em;background-size:100% 1px;transform:none}}
.by-es{margin:14px 0 0;color:var(--dot);font-size:10px;letter-spacing:.34em;text-transform:uppercase}
.by-es i{font-style:italic}
.pg-cta.has-img{grid-template-columns:.8fr 1fr 1.1fr;align-items:center}
.cta-img img{width:100%;height:100%;object-fit:cover;object-position:62% 74%}
.zona-otra{margin-top:16px;width:100%;font:inherit;font-size:14px;background:0 0;border:0;border-bottom:1px solid var(--line);padding:10px 2px;color:var(--ink);outline:0}
footer .giant{font-size:15vw!important;margin-top:30px!important;margin-bottom:1vw!important}
#mood .sec-head p .hint{display:inline-block;margin-top:16px}
@media (max-width:1000px){.bd-grid,.contact-grid,.pg-cta.has-img,.steps{grid-template-columns:1fr 1fr}
.cta-img{grid-column:1/-1;aspect-ratio:16/9}
header.nav{grid-template-columns:1fr auto}
.nav .left,.nav .right>span.lbl{display:none}
.nav .right .btn{padding:9px 12px;font-size:10px;letter-spacing:.1em}
.nav .menu-btn{display:inline-block}
.nav .logo{order:-1}
.brief-grid,.manifesto,.owners,.quotes,.rent-grid,.sea-grid,.sec-head,.split,.us{grid-template-columns:1fr}
.sea .ph,.sec-head p{justify-self:start}
.split.rev .media{order:0}
.doors{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.doors .door:first-child{grid-column:1/-1}
.doors .door .ph{height:clamp(360px,60vw,520px)}
.step,.step+.step{padding:22px 16px 26px 0;border-left:0;border-bottom:1px solid rgba(20,20,20,.18)}
.quote,.quote+.quote{padding:30px 0;border-left:0;border-bottom:1px solid var(--line)}
.ticket,.us .media{position:relative;top:0}
#intro .frame{clip-path:inset(24vh 16vw 24vh 16vw)}
.board{column-count:3}
.card-m,.note{touch-action:auto;cursor:default}
.note{justify-self:center;align-self:center}
.bd-txt{grid-column:1/-1;order:-1}}
@media (max-width:860px){.sea-bg img{object-position:45% 60%}
.cta-form,.nocat2,.nos-teaser,.pg-cta,.pg-cta.has-img,.zrow{grid-template-columns:1fr}
.nc-img .ph,.zrow .zshow{aspect-ratio:4/4.4}
.t-cover{margin:0 -22px 20px;height:190px}
#mood{padding-bottom:110px!important}
.manifesto .ph{aspect-ratio:736/972!important}
.manifesto .ph img{object-fit:cover;object-position:50% 50%}
.pg-head{grid-template-columns:1fr;padding-top:110px;gap:30px}
.pg-img{aspect-ratio:4/4.6;max-height:none}
.zrow.rev .zshow{order:0}
.cta-img{aspect-ratio:4/3}
footer .giant{font-size:19vw!important}}
@media (max-width:700px){#intro .frame{clip-path:inset(26vh 8vw 26vh 8vw)}
#intro .word{font-size:26vw!important}
#intro .hud .ix:last-child,.bt-l{display:none}
.bt-s{display:inline}
header.nav{padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:12px}
.nav .btn.sm{padding:9px 14px!important;font-size:9px!important}
.nav .logo{font-size:20px}
.hero-col .lockup{font-size:27vw!important}
.hero-rot{font-size:15px!important;letter-spacing:.24em!important}
.chip{font-size:10px!important;padding:8px 12px!important;letter-spacing:.12em}
.sea .big{font-size:22px!important}
.sea p.body{font-size:12px!important}
.sec{padding-block:76px!important}
.mood h2,.sec-head h2,.us h2{font-size:20px!important}
.reveal-text{font-size:15px!important}
.door .ph{height:400px!important}
.contact-grid{gap:28px}
.giant{font-size:21vw!important;white-space:nowrap}
.ticket dl div{grid-template-columns:118px 1fr!important}
.ticket dt{letter-spacing:.2em!important;font-size:9px!important}
.marquee span{font-size:10px!important}
.hero-expl{white-space:normal;max-width:30ch!important}
.facts{grid-template-columns:1fr}
.facts li:nth-child(2n){padding-left:0;border-left:0}
.facts li{padding:14px 0}}
@media (max-width:600px){.hero-col .wm-clip{padding-top:.12em}
.card-m.polaroid{padding:7px 7px 34px}
.card-m.polaroid .cap{font-size:16px;white-space:normal;line-height:1;bottom:7px;left:8px;right:8px}
.giant{margin-bottom:6vw!important}
.contact-grid p{font-size:15px}
.ticket{padding:22px}
.board{column-count:2}
.contact-grid,.doors,.fields,.people,.steps,.tiles{grid-template-columns:1fr}
.doors .door .ph{height:440px}
.person+.person,.tile:nth-child(2n){padding-left:0;border-left:0}
.ticket dl div{grid-template-columns:90px 1fr}
.manifesto .ph{aspect-ratio:4/3}}
@media (prefers-reduced-motion:reduce){.wall2 *{animation:none!important}
.tl-anim span{opacity:1;filter:none;transform:none}
*,::after,::before{animation:none!important;transition:none!important}
#intro{display:none}}
.page[hidden]{display:block!important}
body.admin-bar .nav{top:32px}
@media (max-width:782px){body.admin-bar .nav{top:46px}}
/* CTA Hablemos v2: imagen grande a sangre */
.pg-cta.has-img{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0;padding:0;align-items:stretch;background:var(--sand);border-top:0}
.pg-cta.has-img .cta-img{grid-column:1;grid-row:1/3;aspect-ratio:auto;min-height:clamp(560px,56vw,900px);position:relative}
.pg-cta.has-img .cta-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.pg-cta.has-img .cta-txt{grid-column:2;grid-row:1;align-self:end;padding:clamp(56px,8vw,140px) clamp(24px,6vw,120px) 34px}
.pg-cta.has-img .cta-txt h2{font-size:clamp(26px,3vw,46px)}
.pg-cta.has-img .cta-form{grid-column:2;grid-row:2;align-self:start;padding:0 clamp(24px,6vw,120px) clamp(56px,8vw,140px)}
@media (max-width:860px){
  .pg-cta.has-img{grid-template-columns:1fr;grid-template-rows:auto}
  .pg-cta.has-img .cta-img{grid-column:1;grid-row:auto;min-height:0;aspect-ratio:4/5;max-height:88vh}
  .pg-cta.has-img .cta-txt{grid-column:1;grid-row:auto;padding:44px var(--gutter) 26px}
  .pg-cta.has-img .cta-form{grid-column:1;grid-row:auto;padding:0 var(--gutter) 64px}
}
/* Idiomas */
.langs a{color:inherit;text-decoration:none;opacity:.55;transition:opacity .3s}
.langs a:hover,.langs a.on{opacity:1}
.langs{white-space:nowrap}
#mobile-menu .langs{display:flex;gap:18px;font-size:12px;letter-spacing:.2em;margin-top:24px}
#trp-floater-ls{display:none!important}
.api-badge{margin:clamp(36px,5vw,64px) 0 0}.api-badge img{display:block;height:44px;width:auto}
/* Páginas legales */
.pg-head.legal-head{grid-template-columns:1fr;padding-bottom:clamp(30px,4vw,56px);border-bottom:1px solid var(--line);max-width:none}
.legal-doc{max-width:780px;margin:0 auto;padding:clamp(40px,6vw,80px) var(--gutter) clamp(90px,11vw,160px);color:var(--muted);font-size:15px;line-height:1.95}
.legal-doc h2{font-family:var(--f-logo);font-weight:500;text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--ink);margin:48px 0 14px}
.legal-doc h2:first-child{margin-top:0}
.legal-doc p{margin:0 0 14px}
.legal-doc strong{color:var(--ink);font-weight:500}
.legal-doc ul,.legal-doc ol{margin:0 0 18px;padding-left:22px}
.legal-doc li{margin:8px 0}
.legal-doc a{color:var(--dot);text-underline-offset:3px}
.legal-doc em{font-size:13px}
.legal-other{margin-top:56px!important;padding-top:24px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.14em}
.legal-other a{color:var(--ink)}