*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}body{overflow-x:hidden;background:#efe0ae;color:#073f3a;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif}
:root{--sky:#2b9ba3;--cream:#efe0ae;--ink:#073f3a;--coral:#e85831}
.poster{position:relative;height:100svh;min-height:720px;overflow:hidden;isolation:isolate;background:var(--sky)}
.sky{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 42% 26%,rgba(255,255,255,.038),transparent 34%),linear-gradient(180deg,#2fa1a8 0%,#2b9ba3 62%,#278f98 100%)}
.art,.architecture{position:absolute;display:block;pointer-events:none;user-select:none}
.cloud-lower{z-index:2;width:min(80vw,1540px);left:5vw;bottom:16vh;opacity:.72;transform:translate(var(--x1,0),var(--y1,0))}
.cloud-wisps{z-index:3;width:min(43vw,860px);left:25vw;top:42.5%;opacity:.49;transform:translate(var(--x2,0),var(--y2,0))}
.cloud-right{z-index:4;height:82%;width:auto;right:-8%;top:2%;opacity:.86;transform:translate(var(--x3,0),var(--y3,0))}
.headline{position:absolute;z-index:7;top:clamp(52px,7.8vh,88px);left:clamp(40px,5.5vw,104px);font-size:clamp(16px,1.15vw,23px);line-height:1.43;letter-spacing:.15em;font-weight:700}
.headline p{margin:0 0 .28em}.ink{color:var(--ink)}.coral{color:var(--coral)}
.flying-people{z-index:6;width:clamp(300px,26vw,540px);left:49%;top:21%;transform:translate(var(--x4,0),calc(var(--y4,0) + var(--float,0px)))}

/* Brand now lives inside the architecture image, so it scales as one object. */
.architecture-wrap{
  position:absolute;
  z-index:8;
  left:0;
  right:0;
  bottom:0;
  height:0;
  pointer-events:none;
  overflow:visible;
}
.architecture{
  position:absolute;
  right:2vw;
  left:auto;
  bottom:0;
  height:min(49vh,430px);
  width:auto;
  max-width:none;
  object-fit:contain;
  display:block;
}

.grain,.paper-grain{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.grain{z-index:20;opacity:.115;mix-blend-mode:multiply}

/* Lower editorial section: content-driven height, not viewport-driven. */
.manifesto{position:relative;background:var(--cream);padding:56px clamp(30px,7vw,118px) 42px;overflow:hidden}
.manifesto-inner{position:relative;z-index:2;max-width:1240px;margin:0 auto}
.manifesto-intro{max-width:900px}
.manifesto-intro h1{margin:0 0 18px;font-size:clamp(42px,4.5vw,68px);line-height:.95;letter-spacing:-.045em}
.lead{margin:0;font:clamp(21px,1.85vw,28px)/1.4 Georgia,serif;max-width:820px}

.capital-block{
  margin-top:36px;
  padding-top:36px;
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(420px,1.22fr);
  gap:clamp(44px,5.5vw,82px);
  align-items:start;
  border-top:1px solid rgba(7,63,58,.22)
}
.capital-title{font-weight:900;letter-spacing:-.035em;line-height:.87;font-size:clamp(44px,4.45vw,68px);color:var(--ink);max-width:500px}
.capital-title span{display:block}
.capital-title .accent{color:var(--coral)}
.capital-copy{max-width:650px;padding-top:4px}
.capital-copy p{margin:0 0 24px;font:clamp(18px,1.45vw,24px)/1.5 Georgia,serif}
.capital-copy .primary{font-weight:700;margin-bottom:0}

.philosophy{
  margin-top:36px;
  padding-top:36px;
  border-top:1px solid rgba(7,63,58,.22)
}
.solid{margin:0;font-weight:900;letter-spacing:.075em;font-size:clamp(28px,2.6vw,42px)}
.fly{margin:10px 0 0;font:italic clamp(40px,4.4vw,68px)/1.02 Georgia,serif;color:var(--coral)}

.contact{
  margin-top:36px;
  padding-top:24px;
  border-top:1px solid rgba(7,63,58,.16);
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:30px;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
}
.contact a{color:var(--ink);font:inherit;letter-spacing:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
.contact span{font:inherit;letter-spacing:inherit}
.paper-grain{z-index:1;opacity:.055;mix-blend-mode:multiply}

@media(max-width:1000px){
.poster{min-height:720px}.cloud-right{height:86%;right:-24%;top:-1%}.cloud-lower{width:125vw;left:-14vw;bottom:23vh}.cloud-wisps{width:62vw;left:13vw;top:41%}.flying-people{width:40vw;left:43%;top:24%}.architecture-wrap{left:0;right:0;bottom:0;height:0}
.architecture{
  right:-4vw;
  left:auto;
  bottom:0;
  height:min(46vh,390px);
  width:auto;
  transform:none;
}
.capital-block{grid-template-columns:1fr;gap:30px}.capital-title{max-width:760px}
}
@media(max-width:600px){
.poster{min-height:680px}.headline{top:5vh;left:7vw;font-size:clamp(14px,4vw,17px)}.cloud-right{height:70%;right:-58%;top:2%}.cloud-lower{width:175vw;left:-50vw;bottom:27vh;opacity:.74}.cloud-wisps{width:98vw;left:-2vw;top:40%;opacity:.45}.flying-people{width:75vw;left:18vw;top:27%}.architecture-wrap{left:0;right:0;bottom:0;height:0}
.architecture{
  right:-34vw;
  left:auto;
  bottom:0;
  height:34vh;
  min-height:230px;
  width:auto;
  transform:none;
}
.manifesto{padding:48px 7vw 36px}.wide-only{display:none}.manifesto-intro h1{font-size:clamp(40px,13vw,58px)}.lead{font-size:21px}
.capital-block{margin-top:30px;padding-top:30px}.capital-title{font-size:clamp(38px,12vw,54px);line-height:.89}.capital-copy p{font-size:19px}
.philosophy{margin-top:30px;padding-top:30px}.solid{font-size:24px;line-height:1.18}.fly{font-size:43px;margin-top:12px}
.contact{margin-top:30px;padding-top:20px;align-items:flex-start;flex-direction:column;gap:12px;font-size:10px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art{transform:none!important}}