:root{--ink:#091614;--paper:#e9e7df;--river:#005b67;--reed:#6c8737;--gold:#c69b45;--line:#09161433}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip;overflow-y:auto;height:auto;}
body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;overflow:visible;height:auto;min-height:100%;}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{width:100%;display:block}
p{font-size:17px;line-height:1.58}
.topbar{z-index:20;color:#fff;mix-blend-mode:normal;grid-template-columns:1fr auto 1fr;align-items:center;height:88px;padding:16px 34px;display:grid;position:fixed;top:0;left:0;right:0}
.brand{width:150px}
.brand img{filter:grayscale()brightness(7)}
nav{text-transform:uppercase;letter-spacing:.12em;gap:28px;font-size:11px;display:flex}
.tools{justify-content:flex-end;align-items:center;gap:22px;display:flex}
.languages{gap:8px;display:flex}
.languages button{color:#fff;opacity:1;cursor:pointer;background:0 0;border:0;padding:3px;font-size:11px;font-weight:800}
.languages .active{opacity:1;border-bottom:1px solid}
.eyebrow,.kicker{letter-spacing:.22em;text-transform:uppercase;font-size:11px}
.dark{background:var(--ink);color:var(--paper)}
.manifesto{padding:16vh 12vw}
.manifesto p{letter-spacing:-.035em;max-width:1300px;margin:0;font-family:Georgia,serif;font-size:clamp(36px,5.4vw,82px);line-height:1.08}
.chapter{border-bottom:1px solid var(--line);grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;min-height:0;padding:130px 6vw;display:grid;position:relative}
.chapter:nth-of-type(2n){background:#dce1db}
.chapter:nth-of-type(odd) figure{order:-1}
.chapter:nth-of-type(odd){grid-template-columns:.9fr 1.1fr}
.section-number{letter-spacing:.18em;font-size:11px;position:absolute;top:42px;right:5vw}
.chapter-copy{padding:3vh 0}
.chapter .kicker{color:var(--river)}
.chapter h2,.app-section h2,.independence h2,.privacy h2,.contact-section h2,.closing h2{letter-spacing:-.045em;font-family:Georgia,serif;font-weight:400}
.chapter h2{margin:24px 0 40px;font-size:clamp(48px,6vw,92px);line-height:.95}
.chapter-copy>p:not(.kicker){white-space:pre-line;max-width:720px;font-family:Georgia,serif;font-size:clamp(19px,1.75vw,27px);line-height:1.48}
.chapter blockquote{border-left:1px solid var(--gold);color:var(--river);margin:60px 0 0;padding:0 0 0 28px;font-family:Georgia,serif;font-size:clamp(24px,2.4vw,37px);line-height:1.25}
.chapter>figure{border-radius:2px;height:min(76vh,760px);margin:0;position:static;overflow:hidden}
.chapter>figure img{object-fit:cover;filter:saturate(.8);height:100%}
.chapter-2>figure img{object-position:center 55%}
.chapter-3>figure img{object-position:center 65%}
.market-rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:40px;display:grid}
.market-rules article{border-right:1px solid var(--line);padding:24px 28px 46px 0}
.market-rules article+article{padding-left:28px}
.market-rules span,.app-list span{opacity:.55;font-size:10px}
.market-rules h3,.app-list h3{margin:55px 0 12px;font-family:Georgia,serif;font-size:28px;font-weight:400}
.market-rules p,.app-list p{margin:0}
.app-section{grid-template-columns:.72fr 1.28fr;align-items:start;gap:6vw;padding:140px 6vw;display:grid}
.app-heading{align-self:start;position:static}
.app-section h2{margin:25px 0 40px;font-size:clamp(52px,6vw,92px);line-height:.94}
.app-heading>p:not(.kicker){font-family:Georgia,serif;font-size:clamp(19px,1.8vw,27px);line-height:1.45}
.round-link{text-transform:uppercase;letter-spacing:.1em;border:1px solid #ffffff73;border-radius:50px;justify-content:space-between;align-items:center;width:240px;margin-top:46px;padding:18px 20px;font-size:10px;display:flex}
.round-link b{font-size:18px}
.app-collage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;margin-top:110px;display:grid}
.app-collage figure{min-width:0;margin:0;overflow:hidden}
.app-collage img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.82);width:100%;height:100%}
.app-collage figure:first-child img,.app-collage figure:nth-child(2) img{object-position:center}
.app-collage figure:nth-child(3) img{object-position:50% 58%}
.app-list{border-top:1px solid #ffffff3b;grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:65px;display:grid}
.app-list article{border-right:1px solid #ffffff3b;padding:25px 28px 45px 0}
.app-list article+article{padding-left:28px}
.independence{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:120px 6vw;display:grid}
.independence figure{aspect-ratio:1;border-radius:50%;width:min(100%,720px);margin:0;overflow:hidden}
.independence figure img{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.03);width:100%;height:100%}
.independence h2{margin:25px 0 38px;font-size:clamp(45px,5.2vw,80px);line-height:.98}
.independence p:not(.kicker){font-family:Georgia,serif;font-size:clamp(19px,1.8vw,27px);line-height:1.45}
.independence strong{color:#d5c28a;margin-top:42px;font-family:Georgia,serif;font-size:25px;font-weight:400;display:block}
.privacy{grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding:120px 7vw;display:grid}
.privacy h2{margin:24px 0 44px;font-size:clamp(50px,7vw,110px);line-height:.91}
.privacy p:not(.kicker){font-family:Georgia,serif;font-size:clamp(19px,2vw,29px);line-height:1.45}
.privacy img{object-fit:cover;border-radius:50% 50% 0 0;height:70vh}
.contact-section{background:#dce1db;grid-template-columns:.75fr 1.25fr;gap:9vw;padding:190px 7vw 150px;display:grid}
.contact-section h2{margin:24px 0 35px;font-size:clamp(46px,5vw,78px);line-height:.96}
.contact-intro>p:not(.kicker){font-family:Georgia,serif;font-size:clamp(18px,1.5vw,23px);line-height:1.5}
.contact-list{border-top:1px solid var(--line)}
.contact-list a{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto 20px;align-items:center;gap:18px;padding:24px 0;display:grid}
.contact-list span{opacity:.55;font-size:10px}
.contact-list strong{font-family:Georgia,serif;font-size:22px;font-weight:400}
.contact-list em{color:var(--river);font-size:13px;font-style:normal}
.contact-list b{font-weight:400}
.closing{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:80px;display:flex}
.closing>img{width:min(560px,72vw);margin-bottom:70px}
.closing h2{max-width:1250px;margin:0;font-size:clamp(52px,8vw,122px);line-height:.94}
.closing>a{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:7px;font-size:11px}
footer{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:1fr 1fr auto;gap:30px;padding:28px 35px;font-size:10px;display:grid}
.soon-page{background:var(--ink);color:#f4f2ea;min-height:100svh;position:relative;overflow:hidden}
.soon-photo,.soon-wash{width:100%;height:100%;position:absolute;inset:0}
.soon-photo{object-fit:cover;object-position:center;filter:saturate(.72)contrast(1.06)}
.soon-wash{background:linear-gradient(90deg,#021110f0,#0211106b)}
.soon-header{z-index:2;justify-content:space-between;align-items:center;padding:26px 5vw;display:flex;position:relative}
.soon-brand{width:150px}
.soon-brand img{filter:grayscale()brightness(7)}
.soon-languages{gap:10px;display:flex}
.soon-languages button{color:#fff;opacity:.5;cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px}
.soon-languages button.active{opacity:1;border-bottom:1px solid}
.soon-content{z-index:2;flex-direction:column;justify-content:center;max-width:1100px;min-height:calc(100svh - 100px);padding:7vh 8vw 12vh;display:flex;position:relative}
.soon-content h1{letter-spacing:-.05em;margin:24px 0 38px;font-family:Georgia,serif;font-size:clamp(58px,8vw,120px);font-weight:400;line-height:.92}
.soon-content>p:not(.kicker){max-width:680px;font-family:Georgia,serif;font-size:clamp(20px,2vw,30px);line-height:1.45}
.soon-content>a{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;align-self:flex-start;margin-top:42px;padding-bottom:7px;font-size:11px}
@media (width<=900px){.topbar{grid-template-columns:1fr auto;height:72px;padding:12px 18px}
.brand{width:118px}
.manifesto{padding:110px 23px}
.chapter,.chapter:nth-of-type(odd),.app-section,.independence,.privacy,.contact-section{grid-template-columns:1fr}
.chapter{gap:45px;min-height:0;padding:105px 22px}
.chapter:nth-of-type(odd) figure{order:initial}
.chapter-copy{padding:0}
.chapter>figure{height:58vh}
.chapter blockquote{margin-top:42px}
.market-rules,.app-list{grid-template-columns:1fr 1fr;margin-top:30px}
.app-section{padding:100px 22px}
.app-collage{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:72px}
.app-collage img{min-height:240px}
.app-list{grid-column:auto;margin-top:52px}
.independence,.privacy{padding:100px 22px}
.independence figure{height:auto}
.privacy img{height:58vh}
.contact-section{gap:58px;padding:150px 22px 110px}
.closing{min-height:76vh;padding:70px 22px}
footer{grid-template-columns:1fr;line-height:1.5}}
@media (width<=560px){.manifesto p{font-size:36px}
.chapter h2,.app-section h2,.independence h2,.privacy h2,.contact-section h2{font-size:45px;line-height:1}
.chapter-copy>p:not(.kicker),.app-heading>p:not(.kicker),.independence p:not(.kicker),.privacy p:not(.kicker){font-size:19px}
.chapter blockquote{font-size:25px}
.chapter>figure,.privacy img{height:54vh;min-height:390px}
.independence figure{height:auto;min-height:0}
.market-rules,.app-list,.app-collage{grid-template-columns:1fr}
.app-collage{gap:20px;margin-top:58px}
.app-collage img{aspect-ratio:4/3;min-height:0}
.market-rules article,.app-list article{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}
.app-list article{border-bottom-color:#ffffff3b}
.contact-section{gap:64px;padding-top:135px}
.contact-list a{grid-template-columns:30px 1fr 18px;gap:12px}
.contact-list em{overflow-wrap:anywhere;grid-column:2/-1;font-size:12px}
.contact-list b{grid-area:1/3}
.closing>img{width:min(420px,88vw);margin-bottom:48px}
.closing h2{font-size:48px;line-height:1}
.soon-header{padding:20px}
.soon-brand{width:124px}
.soon-content{padding:6vh 22px 10vh}
.soon-content h1{font-size:52px}
.soon-content>p:not(.kicker){font-size:19px}
.soon-wash{background:linear-gradient(#02111094,#021110f0)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip;overflow-y:auto;height:auto;}}
/* Humedal — original photograph, real HTML controls, responsive layout. */
.topbar nav a,.languages button{color:#fff;opacity:1;font-weight:800;text-shadow:0 1px 3px #0008;}
.topbar nav a:focus-visible,.languages button:focus-visible,.hero-app-cta:focus-visible,.round-link:focus-visible{outline:2px solid #fff;outline-offset:5px;}
section[id]{scroll-margin-top:100px;}
.hero{position:relative;isolation:isolate;color:#f4f2ea;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;min-height:880px;min-height:max(880px,100svh);height:auto;padding:104px 5vw 72px;background:#061311;overflow:clip;}
.hero-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 74%;-webkit-mask-image:none;mask-image:none;}
.wash{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#021110a3 0%,#02111080 36%,#0211102e 72%,#02111014 100%),linear-gradient(0deg,#02111048,transparent 40%);}
.hero-actions{display:flex;justify-content:center;align-items:center;flex:none;width:100%;margin:0 0 42px;}
.hero-app-cta{display:inline-flex;justify-content:center;align-items:center;flex:none;width:auto;max-width:100%;min-height:46px;padding:13px 24px;margin:0;border:1px solid #dce3df;border-radius:999px;background:#fff;color:#061712;font:800 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 5px 18px #0002;}
.hero-app-cta:hover{background:#f4f2ea;}
.hero-text{width:100%;}
.hero .eyebrow{margin:0 0 30px;font:500 11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.22em;text-transform:uppercase;}
.hero h1{width:43%;max-width:670px;margin:0 0 32px;font:400 clamp(64px,5.45vw,106px)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.045em;}
.hero-title-line{display:block;}
.hero-intro{width:43%;max-width:650px;margin:0;font:400 clamp(19px,1.68vw,28px)/1.4 Georgia,'Times New Roman',serif;text-wrap:pretty;}
@media(min-width:1600px){.hero{min-height:max(950px,100svh);}}
@media(max-width:1100px) and (min-width:901px){.hero h1{width:52%;font-size:65px;}.hero-intro{width:50%;font-size:21px;}}
@media(max-width:900px){
 .topbar nav{display:none;}
 .hero{min-height:max(840px,100svh,178vw);height:auto;padding:100px 5.5vw 25vw;background-image:none;}
 .hero-photo{object-fit:cover;object-position:center center;-webkit-mask-image:none;mask-image:none;}
 .wash{background:linear-gradient(180deg,#02111022 0%,#02111038 35%,#02111070 61%,#02111018 82%,#02111028 100%);}
 .hero-actions{margin:0 0 32px;}
 .hero .eyebrow{text-align:center;font-size:clamp(9px,2.55vw,14px);letter-spacing:.17em;margin:0 0 24px;}
 .hero h1{width:100%;max-width:none;margin:0 0 25px;font-size:clamp(44px,13vw,86px);line-height:.98;letter-spacing:-.045em;}
 .hero-intro{width:100%;max-width:none;margin:0;font-size:clamp(17px,4.2vw,27px);line-height:1.46;}
 .hero-app-cta{font-size:10px;min-height:44px;padding:13px 24px;}
}
@media(max-width:370px){.hero{padding-left:6vw;padding-right:6vw;}.hero .eyebrow{letter-spacing:.10em;font-size:9px;}.hero h1{font-size:11.7vw;}.hero-intro{font-size:16px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}