@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');
:root{--paper:#f2efe8;--ink:#1b1b18;--muted:#7c7a72;--dark:#171814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-weight:300}.nav{position:fixed;z-index:10;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:24px 34px;color:white;mix-blend-mode:difference;font-size:11px;letter-spacing:.13em}.nav a{color:inherit;text-decoration:none}.brand span{margin-left:16px;opacity:.65}.nav nav{display:flex;gap:28px}.hero{height:100svh;position:relative;background:#111;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.74);transform:scale(1.08);transform-origin:0% 46%}.hero-copy{position:absolute;left:7vw;bottom:11vh;color:#f7f4ed}.eyebrow,.kicker,.section-head,.story-title>p,.contact>p,.farinera>div>p{font-size:10px;letter-spacing:.2em}.hero h1,.intro h2,.story-title h2,.farinera h2,.statement h2,.contact h2{font-family:Italiana,serif;font-weight:400;margin:.25em 0;line-height:.9}.hero h1{font-size:clamp(70px,10vw,150px)}em{font-weight:400}.sub{font-size:12px;letter-spacing:.08em}.scroll{position:absolute;right:34px;bottom:32px;color:white;font-size:9px;letter-spacing:.22em;writing-mode:vertical-rl}.intro{padding:15vh 8vw 18vh;display:grid;grid-template-columns:1fr 2.5fr;gap:3vw}.intro h2{font-size:clamp(45px,6vw,88px);grid-column:2}.intro-body{grid-column:2;max-width:590px;font-size:16px;line-height:1.7;margin-left:auto}.editorial-pair{padding:0 8vw 18vh;display:grid;grid-template-columns:1fr 1.4fr;gap:12vw;align-items:end}.editorial-pair img{width:100%;display:block}.portrait{margin:0 0 12vh}.landscape{margin:0}.section-head{display:flex;justify-content:space-between;border-top:1px solid #bbb7ad;padding:18px 0 80px}.places{padding:0 5vw 16vh}.project{display:block;color:inherit;text-decoration:none;margin-bottom:15vh}.project img{width:100%;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.008)}.project div{display:grid;grid-template-columns:60px 1fr auto;align-items:baseline;padding-top:14px}.project h3{font-family:Italiana,serif;font-size:clamp(28px,3.2vw,48px);font-weight:400;margin:0}.project span,.project p{font-size:10px;letter-spacing:.13em}.project-wide{width:78%}.project-tall{width:43%;margin-left:auto}.project-tall img{aspect-ratio:2/3;object-fit:cover}.project-offset{width:55%;margin-left:9vw}.project-wide img{aspect-ratio:16/9;object-fit:cover}.project-small{width:36%;margin-left:auto}.project-small img{aspect-ratio:2/3;object-fit:cover}.story{padding:16vh 5vw;background:#e8e4db}.story.dark{background:var(--dark);color:#eeeae2}.story-title{display:grid;grid-template-columns:1fr 2fr;gap:3vw;margin-bottom:10vh}.story-title h2{font-size:clamp(54px,7vw,105px);grid-column:2;margin:0}.story-title>p:last-child{grid-column:2;font-size:14px;letter-spacing:0;max-width:360px}.story img{display:block}.full{width:100%;max-height:88vh;object-fit:cover}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12vw;align-items:center;padding:18vh 7vw}.story-grid.reverse{grid-template-columns:1.2fr .8fr}.story-grid img{width:100%}.story-grid img:first-child{margin-top:10vh}.medium{width:58%;max-height:80vh;object-fit:cover}.medium.right{margin-left:auto}.medium.left{margin-right:auto}.farinera{padding:18vh 7vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}.farinera h2{font-size:clamp(52px,6vw,90px)}.far-images{display:grid;grid-template-columns:1fr 1fr;gap:2vw;align-items:start}.far-images img{width:100%}.far-images img:last-child{margin-top:18vh}.statement{padding:20vh 8vw;text-align:center;background:#d9d4c8}.statement>p{font-size:9px;letter-spacing:.18em}.statement h2{font-size:clamp(55px,7vw,110px)}.about{padding:18vh 8vw;display:grid;grid-template-columns:1fr 2fr;gap:3vw}.about .big{font-family:Italiana,serif;font-size:clamp(38px,5vw,72px);line-height:1.05;margin:0}.about .small{grid-column:2;max-width:520px;line-height:1.7;margin-left:auto}.contact{min-height:90vh;background:#171814;color:#efede7;padding:18vh 6vw 4vh;display:flex;flex-direction:column}.contact h2{font-size:clamp(70px,10vw,150px);margin:auto 0 8vh}.contact>a{color:inherit;text-decoration:none;border-bottom:1px solid #77736a;padding-bottom:12px;width:max-content;text-transform:uppercase;font-size:11px;letter-spacing:.16em}.contact footer{margin-top:auto;padding-top:12vh;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em}@media(max-width:760px){.nav{padding:18px}.nav nav a:not(:last-child){display:none}.brand span{display:none}.hero>img{object-position:50% 50%;transform:scale(1.03);transform-origin:0% 46%}.hero-copy{left:22px;bottom:12vh}.intro{display:block;padding:14vh 22px}.intro h2{font-size:49px}.intro-body{margin-top:45px}.editorial-pair{padding:0 22px 12vh;gap:18px}.places{padding:0 18px 10vh}.section-head{padding-bottom:45px}.project,.project-wide,.project-tall,.project-offset,.project-small{width:100%;margin:0 0 10vh}.project div{grid-template-columns:35px 1fr}.project div p{display:none}.project h3{font-size:31px}.story{padding:12vh 18px}.story-title{display:block;margin-bottom:7vh}.story-title h2{font-size:55px}.story-grid,.story-grid.reverse{grid-template-columns:1fr 1fr;gap:18px;padding:9vh 0}.medium{width:78%}.farinera{display:block;padding:12vh 18px}.far-images{margin-top:8vh}.statement{padding:14vh 20px}.statement h2{font-size:52px}.about{display:block;padding:14vh 22px}.about .small{margin-top:50px}.contact{padding:14vh 22px 25px}.contact h2{font-size:68px}.contact footer{gap:20px;flex-wrap:wrap}}

.filmstrip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2vw;padding:16vh 4vw 4vh;align-items:end}.filmstrip img{width:100%;height:auto;display:block}.filmstrip img:nth-child(2){transform:translateY(-8vh)}.filmstrip img:nth-child(3){width:82%;justify-self:end}.dark .filmstrip{border-color:#353630}@media(max-width:760px){.filmstrip{gap:10px;padding:9vh 0 2vh}.filmstrip img:nth-child(2){transform:translateY(-3vh)}.filmstrip img:nth-child(3){width:100%}}


/* V5 — opening editorial rhythm */
.opening-editorial{padding:0 5vw 20vh;display:grid;grid-template-columns:.48fr .72fr 1.45fr;gap:4.5vw;align-items:end}
.opening-editorial figure{margin:0}
.opening-editorial img{width:100%;display:block}
.opening-note{align-self:start;padding-top:7vh;border-top:1px solid #bbb7ad}
.opening-note span,.opening-editorial figcaption{font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.opening-note p{font-family:Italiana,serif;font-size:clamp(22px,2.2vw,34px);line-height:1.12;margin:3.5vh 0 0;max-width:280px}
.opening-small{transform:translateY(8vh)}
.opening-small img{aspect-ratio:3/4;object-fit:cover}
.opening-large img{aspect-ratio:4/5;object-fit:cover}
.opening-editorial figcaption{margin-top:12px;color:#6f6c64}
.places{padding-top:4vh}
@media(max-width:760px){
 .opening-editorial{padding:0 18px 14vh;grid-template-columns:1fr 1.35fr;gap:18px;align-items:end}
 .opening-note{grid-column:1/-1;padding-top:4vh;margin-bottom:4vh;display:grid;grid-template-columns:70px 1fr;gap:16px}
 .opening-note p{font-size:24px;margin:0;max-width:none}
 .opening-small{transform:translateY(4vh)}
 .opening-editorial figcaption{font-size:8px;line-height:1.4}
 .places{padding-top:0}
}
/* V6 — production refinements */
img{background:#e6e1d8}
a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img{transition:none!important}}

/* V8 — compact Selected Places index */
.places{padding:0 8vw 10vh;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 16px;align-items:start}
.places .section-head{grid-column:1/-1;padding-bottom:30px;margin-bottom:2px}
.places .project,.places .project-wide,.places .project-tall,.places .project-offset,.places .project-small{width:100%;margin:0}
.places .project img,.places .project-wide img,.places .project-tall img,.places .project-offset img,.places .project-small img{width:100%;aspect-ratio:4/5;object-fit:cover}
.places .project div{display:grid;grid-template-columns:25px 1fr;padding-top:10px}
.places .project h3{font-size:clamp(18px,1.65vw,27px);line-height:1.02}
.places .project p{display:none}
.places .project span{font-size:8px}
@media(max-width:760px){.places{padding:0 18px 8vh;grid-template-columns:1fr 1fr;gap:28px 10px}.places .section-head{padding-bottom:20px}.places .project,.places .project-wide,.places .project-tall,.places .project-offset,.places .project-small{margin:0}.places .project img,.places .project-wide img,.places .project-tall img,.places .project-offset img,.places .project-small img{aspect-ratio:3/4}.places .project div{grid-template-columns:20px 1fr;padding-top:8px}.places .project h3{font-size:20px}.places .project span{font-size:7px}}
/* V10 — preserve source proportions and tighten repetition */
.story img.natural{height:auto!important;object-fit:contain!important;max-height:none!important}
.story .full.natural{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}
.story .medium.natural{height:auto!important;max-height:none!important;object-fit:contain!important}
.story-grid img.natural,.filmstrip img.natural{height:auto!important;object-fit:contain!important}
/* The pre-project editorial bridge now uses only Nomading, avoiding a near-duplicate Santa Marta terrace. */
.opening-editorial{grid-template-columns:.58fr 1.6fr;max-width:1180px;margin:0 auto}
.opening-editorial .opening-large{grid-column:2}
@media(max-width:760px){.opening-editorial{grid-template-columns:1fr}.opening-editorial .opening-note,.opening-editorial .opening-large{grid-column:1}.opening-large img{aspect-ratio:auto;object-fit:contain}}

/* V15 — final responsive and navigation polish */
:root{--nav-pad:clamp(18px,2.2vw,34px)}
.nav{padding:20px var(--nav-pad);align-items:center}
.brand{white-space:nowrap}
.contact>a{transition:opacity .25s ease}.contact>a:hover{opacity:.62}
@media (min-width:761px) and (max-width:1050px){
 .nav{font-size:10px}.nav nav{gap:18px}
 .intro{padding-top:13vh;padding-bottom:14vh}
 .places{padding-left:5vw;padding-right:5vw}
 .story{padding-top:13vh;padding-bottom:13vh}
 .story-grid,.story-grid.reverse{gap:7vw;padding:12vh 4vw}
 .filmstrip{padding-top:12vh}
}
@media(max-width:760px){
 .nav{mix-blend-mode:normal;background:rgba(242,239,232,.94);color:var(--ink);padding:14px 16px;font-size:9px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 .nav nav{gap:0}.nav nav a{display:none!important}.nav nav a:last-child{display:block!important}
 .hero{height:92svh;margin-top:42px}.hero-copy{bottom:9vh}.hero h1{font-size:clamp(58px,19vw,92px)}.eyebrow{font-size:8px}.sub{font-size:10px}
 .scroll{display:none}.intro{padding-top:11vh;padding-bottom:12vh}.intro h2{font-size:clamp(42px,13vw,58px);line-height:.94}.intro-body{font-size:15px;line-height:1.65}
 .opening-editorial{padding-bottom:11vh}.opening-note{display:block}.opening-note span{display:block;margin-bottom:16px}.opening-note p{font-size:23px}
 .places{padding-bottom:11vh}.places .section-head{font-size:8px}.places .project h3{font-size:18px}
 .story{padding-top:10vh;padding-bottom:10vh}.story-title h2{font-size:clamp(44px,13vw,60px);line-height:.95}.story-title>p:last-child{font-size:13px}
 .story-grid,.story-grid.reverse{grid-template-columns:1fr;gap:24px;padding:7vh 0}.story-grid img:first-child{margin-top:0}.story-grid.reverse img:first-child{order:0}
 .filmstrip{grid-template-columns:1fr 1fr;gap:12px;padding:7vh 0 3vh}.filmstrip img:nth-child(2){transform:none}.filmstrip img:nth-child(3){width:72%;grid-column:2;justify-self:end}
 .medium,.medium.left,.medium.right{width:82%;margin-top:5vh;margin-bottom:5vh}.medium.right{margin-left:auto}.medium.left{margin-right:auto}
 .statement{padding-top:12vh;padding-bottom:12vh}.statement h2{font-size:clamp(43px,13vw,58px)}
 .about{padding-top:12vh;padding-bottom:12vh}.about .big{font-size:clamp(38px,11vw,52px)}.about .small{font-size:14px;line-height:1.65}
 .contact{min-height:82svh}.contact h2{font-size:clamp(56px,18vw,82px);line-height:.92}.contact footer{display:grid;gap:10px;padding-top:10vh}
}
.contact-intro{max-width:34rem;margin:1.5rem auto 2rem;line-height:1.55;opacity:.72}
/* V17 — hotel marketing director audit */
.contact-intro{max-width:38rem;margin:0 0 2.5rem;font-size:14px;line-height:1.65;opacity:.72}
@media(max-width:760px){.contact-intro{font-size:13px;margin-bottom:2rem}}

/* Selected Santa Marta cover: coastline framed by the window. */
.hero>img{transform:none;object-position:50% 50%}
@media(max-width:760px){.hero>img{transform:none;object-position:50% 50%}}