:root{--green:#0C3B2C;--green2:#124D3A;--cream:#FBF6EC;--sand:#E6D6BC;--taupe:#8F8069;--gold:#E6B422;--ink:#10201A;--m:clamp(20px,5vw,84px);--r:18px;--serif:"Bodoni Moda",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif}
.lnh2.lnh2,.lnh2.lnh2 *{box-sizing:border-box}
.lnh2.lnh2 p,.lnh2.lnh2 h1,.lnh2.lnh2 h2,.lnh2.lnh2 h3,.lnh2.lnh2 figure,.lnh2.lnh2 blockquote{margin:0}
.lnh2.lnh2{font:400 19px/1.65 var(--sans);color:var(--ink);background:var(--cream);overflow-x:clip}
body{background:#0C3B2C;overflow-x:hidden}
.lnh2.lnh2 h1,.lnh2.lnh2 h2,.lnh2.lnh2 h3{color:inherit;text-transform:none}
.lnh2.lnh2 img{display:block;max-width:100%}
.lnh2.lnh2 a{color:inherit;text-decoration:none}
.lnh2.lnh2 button,.lnh2.lnh2 button:hover,.lnh2.lnh2 button:focus{font:inherit;color:inherit;border:0;border-radius:0;background:none;cursor:pointer;text-align:left;padding:0;white-space:normal}
.lnh2.lnh2 :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.lnh2.lnh2 h2{font:500 clamp(42px,6vw,92px)/1.04 var(--serif);letter-spacing:-.015em}
.lnh2.lnh2 .b{display:inline-flex;align-items:center;justify-content:center;padding:17px 30px;border-radius:99px;font-weight:600;font-size:16px;line-height:1;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s,color .3s}
.lnh2.lnh2 .b:hover{transform:translateY(-3px)}
.lnh2.lnh2 .gold{background:var(--gold);color:var(--ink)}
.lnh2.lnh2 .gold:hover{background:#fff}
.lnh2.lnh2 .ghost{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}
.lnh2.lnh2 .ghost:hover{background:#fff;color:var(--ink)}
.lnh2.lnh2 .dark{background:var(--green);color:#fff}
.lnh2.lnh2 .dark:hover{background:var(--green2)}
.lnh2.lnh2 .ln{font-weight:600;box-shadow:inset 0 -2px 0 currentColor;padding-bottom:3px}
.lnh2.lnh2 .nav{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px var(--m);color:#fff;transition:transform .4s cubic-bezier(.2,.7,.2,1),background-color .3s,padding .3s}
.lnh2.lnh2 .nav.solid{background:#0C3B2C;padding-top:14px;padding-bottom:14px}
.lnh2.lnh2 .nav.hide{transform:translateY(-110%)}
.lnh2.lnh2 .logo{font:600 24px/1 var(--serif)}
.lnh2.lnh2 .nav nav{display:flex;gap:36px;font-weight:600}
.lnh2.lnh2 .nav nav a{position:relative}
.lnh2.lnh2 .nav nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}
.lnh2.lnh2 .nav nav a:hover::after{transform:scaleX(1)}
@media(max-width:860px){.lnh2.lnh2 .nav nav a:not(.c){display:none}}
.lnh2.lnh2 .fill{background:var(--green);color:#fff;padding:clamp(120px,16vw,240px) var(--m);min-height:100vh;display:grid;place-items:center}
.lnh2.lnh2 .fill p{font:500 clamp(34px,5.2vw,80px)/1.14 var(--serif);max-width:20em;text-align:center}
.lnh2.lnh2 .fill .wd{opacity:.14}
.lnh2.lnh2 .forest{position:relative;background:#A9C9AE}
.lnh2.lnh2 .pin{position:relative;height:100vh;height:100svh;overflow:hidden}
.lnh2.lnh2 #gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.lnh2.lnh2 .ftitle{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;text-shadow:0 4px 40px rgba(10,50,34,.6);pointer-events:none}
.lnh2.lnh2 .ftitle h2{font-size:clamp(58px,10.4vw,160px)}
.lnh2.lnh2 .ftitle p{font-size:21px;font-weight:500}
.lnh2.lnh2 .fcap{position:absolute;left:var(--m);bottom:58px;max-width:560px;background:var(--cream);border-radius:var(--r);padding:24px 30px;opacity:0;transform:translateY(20px);transition:opacity .45s,transform .45s}
.lnh2.lnh2 .fcap.on{opacity:1;transform:none}
.lnh2.lnh2 .fcap h3{font:500 clamp(26px,2.7vw,38px)/1.1 var(--serif)}
.lnh2.lnh2 .fcap i{display:block;font:italic 400 20px/1.3 var(--serif);color:#5b6a58;margin:3px 0 7px}
.lnh2.lnh2 .fbar{position:absolute;right:var(--m);bottom:66px;width:clamp(120px,18vw,260px);height:3px;background:rgba(255,255,255,.4);border-radius:3px;overflow:hidden}
.lnh2.lnh2 .fbar span{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}
@media(max-width:760px){.lnh2.lnh2 .fcap{left:16px;right:16px;bottom:32px;padding:18px 20px}
.lnh2.lnh2 .fbar{display:none}}
.lnh2.lnh2 .worlds{background:var(--cream);padding:clamp(100px,12vw,180px) var(--m)}
.lnh2.lnh2 .wh{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:56px;flex-wrap:wrap}
.lnh2.lnh2 .wg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,60px)}
.lnh2.lnh2 .tabs{display:flex;flex-direction:column;gap:8px}
.lnh2.lnh2 .tab{padding:18px 26px;border-radius:var(--r);transition:background .4s;display:block;width:100%}
.lnh2.lnh2 .tab b{display:block;font:500 clamp(24px,2.3vw,34px)/1.2 var(--serif)}
.lnh2.lnh2 .tab span,.lnh2.lnh2 .tab em{display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .6s cubic-bezier(.2,.7,.2,1),opacity .4s,margin .4s}
.lnh2.lnh2 .tab em{font-style:normal;font-weight:600;font-size:16px;color:#6c5522}
.lnh2.lnh2 .tab.on{background:var(--sand)}
.lnh2.lnh2 .tab.on span{max-height:200px;opacity:1;margin-top:10px}
.lnh2.lnh2 .tab.on em{max-height:90px;opacity:1;margin-top:12px}
.lnh2.lnh2 .tab:not(.on):hover{background:#F2E9D8}
.lnh2.lnh2 .tabp{position:relative;min-height:clamp(380px,48vw,680px);border-radius:var(--r);overflow:hidden;background:var(--green)}
.lnh2.lnh2 .tabp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.lnh2.lnh2 .tabp img.on{opacity:1;transform:none}
@media(max-width:860px){.lnh2.lnh2 .wg{display:block}
.lnh2.lnh2 .tabp{margin-top:20px;min-height:82vw}}
.lnh2.lnh2 .prints{background:var(--green);color:#fff}
.lnh2.lnh2 .pp{height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;justify-items:center;padding:clamp(80px,9vh,110px) var(--m) 30px;text-align:center}
.lnh2.lnh2 .pp h2{font-size:clamp(38px,5vw,78px);max-width:15em}
.lnh2.lnh2 .stack{position:relative;width:min(25vw,340px);align-self:center;aspect-ratio:4/5}
.lnh2.lnh2 .stack figure{position:absolute;inset:0;background:#fff;padding:12px 12px 0;color:var(--ink);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.lnh2.lnh2 .stack img{width:100%;aspect-ratio:1/1.05;object-fit:cover}
.lnh2.lnh2 .stack figcaption{font:italic 500 20px/1 var(--serif);padding:14px 0}
@media(max-width:760px){.lnh2.lnh2 .stack{width:52vw}}
.lnh2.lnh2 .journey{background:var(--cream)}
.lnh2.lnh2 .jpin{height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:70px 0 40px}
.lnh2.lnh2 .jh{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:0 var(--m);margin-bottom:38px;flex-wrap:wrap}
.lnh2.lnh2 .jh h2{font-size:clamp(38px,5vw,78px)}
.lnh2.lnh2 .jt{display:flex;gap:18px;padding:0 var(--m);width:max-content}
.lnh2.lnh2 .jt article{flex:none;width:clamp(280px,31vw,450px);background:var(--green);color:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.lnh2.lnh2 .jt img{width:100%;height:clamp(180px,30vh,320px);object-fit:cover}
.lnh2.lnh2 .jt b{font:500 clamp(46px,4.6vw,70px)/1 var(--serif);padding:20px 24px 4px}
.lnh2.lnh2 .jt p{padding:0 24px 26px}
.lnh2.lnh2 .jt .last{justify-content:center;background:var(--sand);color:var(--ink);padding-bottom:0}
.lnh2.lnh2 .jt .last .b{margin:0 24px 26px;align-self:flex-start}
@media(max-width:760px){.lnh2.lnh2 .jpin{height:auto;padding:90px 0 70px;overflow:visible}
.lnh2.lnh2 .jt{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.lnh2.lnh2 .jt article{scroll-snap-align:center;width:80vw}}
.lnh2.lnh2 .panels{position:relative}
.lnh2.lnh2 .panel{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--green);color:#fff}
.lnh2.lnh2 .panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lnh2.lnh2 .pc{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--m) 54px;background:linear-gradient(180deg,rgba(6,30,22,0) 46%,rgba(6,30,22,.55))}
.lnh2.lnh2 .pc h2{font-size:clamp(84px,20vw,320px);line-height:.86;letter-spacing:-.025em;margin-bottom:24px}
.lnh2.lnh2 .card{background:var(--cream);color:var(--ink);border-radius:var(--r);padding:22px 26px;max-width:460px}
.lnh2.lnh2 .card p{margin-bottom:14px}
.lnh2.lnh2 .about{background:var(--green);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);padding:clamp(90px,10vw,150px) var(--m);align-items:center}
.lnh2.lnh2 .af{border-radius:var(--r);overflow:hidden;height:clamp(420px,76vh,780px)}
.lnh2.lnh2 .af img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.lnh2.lnh2 .at{background:var(--cream);color:var(--ink);border-radius:var(--r);padding:clamp(30px,4vw,60px)}
.lnh2.lnh2 .at h2{font-size:clamp(38px,4.4vw,68px);margin-bottom:18px}
.lnh2.lnh2 .at blockquote{font:italic 500 clamp(24px,2.3vw,34px)/1.25 var(--serif);margin:20px 0 24px;color:var(--green2)}
@media(max-width:860px){.lnh2.lnh2 .about{display:block}
.lnh2.lnh2 .af{height:70vw;margin-bottom:20px}}
.lnh2.lnh2 .contact{position:relative;background:var(--green);color:#fff;overflow:hidden}
.lnh2.lnh2 .contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.lnh2.lnh2 .ci{position:relative;padding:clamp(110px,14vw,200px) var(--m) 26px}
.lnh2.lnh2 .cc{background:var(--cream);color:var(--ink);border-radius:var(--r);padding:clamp(28px,3.4vw,50px);max-width:520px;margin-bottom:clamp(70px,10vw,150px)}
.lnh2.lnh2 .cc h2{font-size:clamp(40px,4.6vw,70px);margin-bottom:10px}
.lnh2.lnh2 .cc p{margin-bottom:18px}
.lnh2.lnh2 .word{font:500 clamp(46px,13.1vw,208px)/.9 var(--serif);letter-spacing:-.02em;white-space:nowrap;text-align:center}
.lnh2.lnh2 .word span{display:inline-block}
.lnh2.lnh2 footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:32px;font-size:15px}
.lnh2.lnh2 footer nav{display:flex;gap:22px}

/* first section: the client's split-screen reference */
.lnh2.lnh2 .sh{--split:43.9%;--fs:10.6vw;--pos:60% 100%;--sz:170%;--grade:saturate(1.7) brightness(.78) contrast(1.1);position:relative;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:#0C3B2C;color:#fff}
.lnh2.lnh2 .sh-ph,.lnh2.lnh2 .sh-cut{background:var(--img) var(--pos)/var(--sz) no-repeat}
.lnh2.lnh2 .sh-ph{position:absolute;inset:0;filter:var(--grade);transition:opacity .6s}
.lnh2.lnh2 .sh-bl{position:absolute;inset:0;overflow:hidden;transition:opacity .6s;clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.lnh2.lnh2 .sh-bl::before{content:"";position:absolute;inset:-40px;background:var(--img) var(--pos)/var(--sz) no-repeat;filter:blur(22px) saturate(1.5) brightness(.86)}
.lnh2.lnh2 .sh-bl::after{content:"";position:absolute;inset:0;background:rgba(40,70,45,.3)}
.lnh2.lnh2 .sh-leaf{position:absolute;z-index:4;top:-16px;left:calc(var(--split) - 11vw);width:clamp(150px,13vw,240px);pointer-events:none}
.lnh2.lnh2 .sh-w{position:absolute;inset:0;z-index:3;margin:0;font:900 var(--fs)/1 var(--sans);letter-spacing:-.02em;text-transform:uppercase;pointer-events:none}
.lnh2.lnh2 .sh-w span{position:absolute;white-space:nowrap}
.lnh2.lnh2 .sh-w .l1{left:29.6vw;bottom:calc(190px + var(--fs) * 1.02)}
.lnh2.lnh2 .sh-w .l2{left:6.3vw;bottom:190px;font-size:9.5vw}
.lnh2.lnh2 .sh-cut{transition:opacity .6s;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;clip-path:inset(0 calc(100% - var(--split)) 0 0);filter:saturate(1.7) brightness(.62) contrast(1.15)}
.lnh2.lnh2 .sh-white{color:#fff;clip-path:inset(0 0 0 var(--split))}
.lnh2.lnh2 .sh-cap{position:absolute;z-index:5;left:29.8vw;bottom:calc(196px + var(--fs) * 2.08);font:italic 700 clamp(20px,1.6vw,26px)/1.2 var(--sans)}
.lnh2.lnh2 .sh-say{position:absolute;z-index:5;left:6.3vw;bottom:46px;width:min(36vw,520px)}
.lnh2.lnh2 .sh-say .a{font:italic 400 clamp(19px,1.5vw,24px)/1.3 var(--sans)}.lnh2.lnh2 .sh-say .s2{font:italic 400 clamp(18px,1.4vw,22px)/1.3 var(--sans);margin-bottom:14px}
.lnh2.lnh2 .sh-say .c{display:flex;gap:26px;font:italic 700 17px/1.2 var(--sans);text-transform:uppercase}.lnh2.lnh2 .sh-say .c a{color:#fff;transition:color .25s}.lnh2.lnh2 .sh-say .c a:hover{color:#E6B422}
.lnh2.lnh2 .sh-dots{position:absolute;z-index:6;right:6vw;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:17px}.lnh2.lnh2 .sh-dots::before,.lnh2.lnh2 .sh-dots::after{content:"";width:3px;height:46px;background:#fff}
.lnh2.lnh2 .sh-dots button{width:17px;height:17px;background:#fff;opacity:1;transform:rotate(45deg);transition:background .3s}.lnh2.lnh2 .sh-dots button:not(.on){background:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
.lnh2.lnh2 .sh-arw{position:absolute;z-index:6;right:6vw;bottom:54px;display:flex;gap:50px}.lnh2.lnh2 .sh-arw button{width:66px;height:62px;text-align:center;font-size:27px;color:#fff;background:rgba(20,50,35,.75);transition:background .25s}.lnh2.lnh2 .sh-arw button:first-child{background:rgba(200,215,195,.55)}.lnh2.lnh2 .sh-arw button:hover{background:#fff;color:#0C3B2C}
.lnh2.lnh2 .nav:not(.solid) nav{text-transform:uppercase}
@media(max-width:1024px){.lnh2.lnh2 .sh{--fs:12vw}.lnh2.lnh2 .sh-say{width:42vw}.lnh2.lnh2 .sh-say .c{flex-direction:column;gap:10px}.lnh2.lnh2 .sh-w .l1{bottom:calc(240px + var(--fs) * 1.02)}.lnh2.lnh2 .sh-w .l2{bottom:240px;font-size:10.6vw}.lnh2.lnh2 .sh-cap{bottom:calc(246px + var(--fs) * 2.08)}.lnh2.lnh2 .sh-arw{gap:14px}.lnh2.lnh2 .sh-dots{right:3vw}}
@media(max-width:767px){.lnh2.lnh2 .sh{--split:50%;--fs:16vw;--pos:58% 100%;--sz:auto 118%}.lnh2.lnh2 .sh-w .l1{left:27vw;bottom:calc(214px + var(--fs) * 1.02)}.lnh2.lnh2 .sh-w .l2{left:20px;bottom:214px;font-size:14vw}.lnh2.lnh2 .sh-cap{left:27vw;bottom:calc(220px + var(--fs) * 2.06)}.lnh2.lnh2 .sh-say{left:20px;right:20px;width:auto;bottom:26px}.lnh2.lnh2 .sh-say .c{flex-direction:row;font-size:14px;gap:18px}.lnh2.lnh2 .sh-dots{display:none}.lnh2.lnh2 .sh-arw{top:72px;bottom:auto;right:20px}.lnh2.lnh2 .sh-arw button{width:46px;height:44px;font-size:20px}.lnh2.lnh2 .sh-leaf{left:calc(50% - 74px);top:44px;width:120px}}
@media(max-aspect-ratio:1/1){.lnh2.lnh2 .sh{--pos:58% 100%;--sz:auto 118%}}
