@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-400-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
/* Modular scale: perfect fourth (1.333), base 1rem; fluid via clamp */
:root{--g:#00875A;--gd:#006B47;/* was --g:#009473 --gd:#00765B (brand file); retuned to fine Colombian emerald, pending brand reconciliation */--ink:#0a0a0a;--paper:#fff;
--s-1:.75rem;--s0:1rem;--s1:1.333rem;--s2:1.777rem;--s3:2.369rem;--s4:3.157rem;--s5:4.209rem;--s6:5.61rem;
--serif:"Bodoni Moda",Didot,"Bodoni 72",serif;--sans:Inter,system-ui,sans-serif;--pad:clamp(1.5rem,5vw,5rem)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:400 var(--s0)/1.6 var(--sans);color:var(--ink);background:var(--paper);overflow-x:hidden;
font-kerning:normal;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga"}
.bar{position:fixed;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1.25rem var(--pad);background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.logo img{display:block;height:auto;width:clamp(120px,14vw,176px)}
.lang{font:500 var(--s-1)/1 var(--sans);letter-spacing:.16em;color:var(--gd);background:none;border:1px solid var(--gd);padding:.55em .9em .5em 1.06em;cursor:pointer}
.lang:hover{background:var(--gd);color:#fff}
section{position:relative;overflow:hidden;padding:clamp(6rem,16vh,11rem) var(--pad)}
.wrap{position:relative;z-index:1;max-width:72rem;margin:0 auto}
.narrow{max-width:72rem}.narrow>*{max-width:30ch}.narrow p:not(.label){max-width:34em}
.right>*{margin-left:auto}.center{text-align:center}.center>*{margin-inline:auto}
.hero{min-height:100svh;display:flex;align-items:center;padding-top:8rem}
.hero .wrap{width:100%}
.kicker,.label{font:500 var(--s-1)/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gd);margin-bottom:2rem}
.label span{font:italic 400 var(--s0)/1 var(--serif);letter-spacing:0;text-transform:none;margin-right:.6em}
.label b{font-weight:500}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;font-variant-ligatures:common-ligatures discretionary-ligatures;text-wrap:balance}
h1{font-size:clamp(var(--s4),7.2vw,var(--s6));line-height:1.02;max-width:11ch;letter-spacing:-.028em}
h2{font-size:clamp(var(--s3),4.4vw,var(--s5));line-height:1.06;margin-bottom:1.5rem}
p{text-wrap:pretty}
.lede{font:italic 400 clamp(var(--s1),1.9vw,var(--s2))/1.4 var(--serif);margin-top:2rem;max-width:26ch;letter-spacing:-.005em}
.row p:not(.label),.close p{font-size:var(--s1);line-height:1.55;color:#333;font-weight:400;letter-spacing:-.006em}
.gem{position:absolute;z-index:0;pointer-events:none;user-select:none;height:auto}
.lab{background:#141414;color:#fff;min-height:min(70vw,720px);display:flex;align-items:center}
.lab .wrap{width:100%}.lab p:not(.label){color:#cfcfcf}.lab .label{color:var(--g)}
.gem-lab{right:0;top:0;height:100%;width:auto;max-width:none;min-width:100%;object-fit:cover;object-position:right center}
.lab::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#141414 25%,rgba(20,20,20,0) 65%);z-index:0}
.watch{min-height:min(56vw,760px);display:flex;align-items:center}.watch .wrap{width:100%}
.gem-watch{left:-6vw;top:50%;transform:translateY(-50%);width:min(92vw,1350px)}
.gem-r{right:-14vw;top:50%;transform:translateY(-50%);width:min(88vw,1300px)}
.gem-r2{right:-22vw;top:50%;transform:translateY(-50%);width:min(70vw,980px)}
.right{padding-left:56%}
.close{border-top:1px solid #e6e6e6}
.btn{display:inline-block;margin-top:2.5rem;font:500 var(--s-1)/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--gd);padding:1.15em 2.2em 1.1em 2.4em;text-decoration:none}
.btn:hover{background:var(--g)}
.foot{display:flex;justify-content:space-between;padding:2rem var(--pad);font:400 var(--s-1)/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#777;border-top:1px solid #e6e6e6}
.hero h1::after{content:"";display:block;width:3rem;height:2px;background:var(--g);margin-top:2rem}
/* Mobile: images flow above the text, bleeding off one side, so they are always fully visible */
@media (max-width:760px){
 section{padding-top:3rem;padding-bottom:4.5rem}
 .hero{display:block;min-height:0;padding-top:5.5rem}
 .lab,.watch{display:block;min-height:0}
 .gem,.gem-r,.gem-r2,.gem-watch,.gem-lab{position:relative;transform:none;top:auto;left:auto;right:auto;display:block;opacity:1;height:auto;min-width:0;max-width:none;margin-bottom:2rem}
 .gem-r{width:150vw;margin-left:calc(-1*var(--pad) - 52vw)}
 .gem-r2{width:120vw;margin-left:calc(-1*var(--pad) - 28vw)}
 .gem-lab{width:170vw;margin-left:calc(-1*var(--pad) - 68vw)}
 .gem-watch{width:155vw;margin-left:calc(-1*var(--pad) - 2vw)}
 .lab::after{display:none}
 .right{padding-left:0}
 .row p:not(.label),.close p{font-size:var(--s0)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (min-width:761px){.lab .wrap>*{max-width:min(30ch,40vw)}.lab p:not(.label){max-width:28em}.lab::after{background:linear-gradient(90deg,#141414 35%,rgba(20,20,20,.6) 52%,rgba(20,20,20,0) 70%)}}
@media (max-width:760px){.right>*{margin-left:0}}
.right>*{margin-left:0}
.gem-watch{left:auto;right:-8vw;top:50%;transform:translateY(-50%);width:min(110vw,1600px)}
.watch{min-height:min(60vw,820px)}
@media (max-width:760px){.gem-watch{width:175vw;right:auto;transform:none;margin-left:calc(-1*var(--pad) - 62vw);margin-top:-2rem}}
@media (min-width:761px){.gem-watch{right:-16vw}.watch .wrap>*{max-width:min(30ch,34vw)}}
@media (min-width:761px){.watch .wrap p:not(.label){max-width:min(22em,30vw)}}
@media (min-width:761px){.watch{min-height:calc(min(110vw,1600px)*.5625);padding-top:0;padding-bottom:0}}
/* rev: rough crystals + front-on watch */
@media (min-width:761px){
 .origin{min-height:calc(min(62vw,1000px)*.5625 + 4rem);display:flex;align-items:center}.origin .wrap{width:100%}
 .gem-r2{right:0;width:min(62vw,1000px);top:50%;transform:translateY(-50%)}
 .gem-watch{right:4vw;left:auto;top:0;transform:none;width:min(52vw,780px)}
 .watch{min-height:calc(min(52vw,780px)*.947)}
}
@media (max-width:760px){
 .gem-r2{width:135vw;margin-left:calc(-1*var(--pad) - 35vw);opacity:1}
 .gem-watch{width:100vw;margin-left:calc(-1*var(--pad));margin-top:0}
}
/* rev: origin clear of text, big watch */
.gem-r2{mix-blend-mode:multiply}
@media (min-width:761px){
 .origin{overflow:hidden;position:relative}
 .gem-r2{right:-2vw;width:min(54vw,1040px);-webkit-mask-image:radial-gradient(ellipse 72% 70% at 62% 52%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 62% 52%,#000 70%,transparent 100%)}
 .origin .wrap>*{max-width:min(30ch,38vw)}
}
@media (min-width:761px){
 .origin .wrap p:not(.label){max-width:min(24em,36vw)}
 .gem-r2{right:-8vw;width:min(54vw,1100px)}
}
@media (min-width:761px){.gem-r2{right:-3vw;width:min(64vw,1180px);-webkit-mask-image:none;mask-image:none}}
/* rev: origin mirrored */
@media (min-width:761px){
 .gem-r2{right:auto;left:0;width:min(46vw,860px)}
 .origin .wrap>*{margin-left:auto;margin-right:0}
 .origin .wrap>*{max-width:min(30ch,38vw)}
 .origin .wrap p:not(.label){max-width:min(24em,36vw)}
}
@media (max-width:760px){.gem-r2{width:115vw;margin-left:calc(-1*var(--pad));}}
@media (min-width:761px){
 .gem-r2{width:min(48vw,900px)}
 .origin .wrap{padding-left:54%}
 .origin .wrap>*{margin-left:0;margin-right:0;text-align:left}
}
@media (min-width:761px){.origin .wrap{max-width:none;margin:0;padding-left:min(calc(52vw - var(--pad)),1000px)}}