/* Kenza — architectural opening built around an authentic project photograph. */
:root{--forest:#142d28;--forest-3:#0e2521;--paper:#f6f5ef;--lime:#dce7bd}
.hero{min-height:max(760px,100svh);background:#142d28;grid-template-rows:1fr auto}
.hero-media{left:auto;right:0;top:0;bottom:0;width:53%;margin:0;overflow:hidden;border-top-left-radius:220px}
.hero-media img,.hero-video{object-position:50% 48%;filter:saturate(.76)}
.hero-media::after{background:linear-gradient(90deg,#142d28 0%,rgba(20,45,40,.5) 16%,rgba(20,45,40,0) 52%),linear-gradient(0deg,rgba(14,37,33,.85),transparent 45%)}
.hero-grid{position:relative;z-index:1;width:100%;grid-template-columns:minmax(0,1fr);gap:32px;padding-top:calc(var(--header-h) + 100px);padding-bottom:62px;align-self:center}
.hero-main{max-width:720px}.hero-title{font-size:clamp(76px,8.5vw,134px);line-height:.96;letter-spacing:-.075em;max-width:9.5ch;text-wrap:initial;text-shadow:0 2px 24px #142d2820}
.hero .eyebrow{font-size:10px;letter-spacing:.18em;max-width:32ch;margin-bottom:32px}
.hero-side{max-width:410px;justify-self:start;padding:0}.hero-project-note{font-size:11px;letter-spacing:.03em;display:flex;align-items:center;gap:10px;color:#dce7bd;margin:0 0 16px}.project-dot{height:5px;width:5px;border-radius:50%;background:#dce7bd;flex:none}.hero-lead{font-size:14px;line-height:1.8;color:#d4dcd4;max-width:385px}.hero-actions{margin-top:26px;gap:12px}.hero-actions .btn{width:auto;min-height:50px;padding-inline:24px;font-size:12px}
.hero-rail{position:relative;z-index:2;width:100%;border-color:#f6f5ef20;font-size:9px;letter-spacing:.14em;padding-block:18px;align-items:center}.hero-project-link{color:#f6f5ef;letter-spacing:0;text-transform:none;text-decoration:none;font-weight:500;min-height:32px;display:inline-flex;align-items:center}.hero-project-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-caption{top:auto;left:auto;right:32px;bottom:88px;max-width:250px;text-align:right;font-size:9px;letter-spacing:.08em;color:#fff;text-shadow:0 1px 8px #000}.hero-toggle{top:auto;right:32px;bottom:130px}
.site-header:not(.is-solid){background:linear-gradient(#142d2860,transparent)}.site-header .brand-mark{border-radius:8px}.hero .btn-lime{background:#dce7bd}.hero .btn-ghost-light{border-color:#f6f5ef60;background:#142d2833}
/* A short title sequence, never dependent on the generated film loading. */
.intro{background:#102923;overflow:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.intro-photo{position:absolute;inset:0 0 0 48%;background:linear-gradient(90deg,#102923,transparent 70%),url('assets/kenza-arches.webp') center 48%/cover no-repeat;opacity:.32;transform:scale(1.04)}.intro.is-playing .intro-photo{animation:introPhoto 1.9s ease both}.intro-stage{position:relative;gap:18px}.intro-mark{width:64px}.intro-word{font-size:clamp(64px,14vw,190px);letter-spacing:.1em;font-weight:650;line-height:1.1}.intro-tag{font-size:10px;letter-spacing:.2em}.intro-rule{display:block;width:min(320px,62vw);height:1px;background:#cbd9b4;transform:scaleX(0);transform-origin:left}.intro.is-playing .intro-rule{animation:introRule 1s ease .3s both}.intro-coordinate{position:absolute;left:32px;top:32px;font-size:9px;letter-spacing:.15em;line-height:1.8;color:#c7d3c0}.intro-coordinate span{display:block;color:#f6f5ef}.intro-skip{border-radius:6px;right:32px;bottom:32px;font-size:10px;letter-spacing:.08em;border-color:#f6f5ef55}.intro-replay{border:0;background:none;padding:0;min-height:44px;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:4px;font:inherit}.js.intro-active .hero-in{animation-delay:1.4s}.js.intro-active .hero-title.hero-in{animation-delay:1.48s}.js.intro-active .hero-side.hero-in{animation-delay:1.56s}
@keyframes introPhoto{from{opacity:0;transform:scale(1.06)}to{opacity:.32;transform:scale(1)}}@keyframes introRule{to{transform:scaleX(1)}}
/* Original photography leads the journal; supporting stories read as editorial rows. */
.journal-editorial{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 48px}.journal-image{grid-column:1;grid-row:1/4;margin:0;position:relative;min-height:600px;overflow:hidden;border-radius:120px 12px 12px 12px}.journal-image img{height:100%;width:100%;object-fit:cover;object-position:center;position:absolute;inset:0}.journal-image figcaption{position:absolute;left:24px;bottom:20px;right:20px;color:#fff;font-size:10px;letter-spacing:.06em;text-shadow:0 1px 8px #000}.journal-editorial .journal-card{padding:28px 0;border:0;border-bottom:1px solid #cbd4c4;border-radius:0;background:none;display:block}.journal-editorial .journal-card:first-of-type{padding-top:0}.journal-editorial .journal-card:last-child{border-bottom:0}.journal-editorial .journal-number{display:none}.journal-editorial .journal-card h3{font-size:27px}.journal-editorial .journal-card>p:not(.journal-type){margin-bottom:8px;font-size:14px}.journal-editorial .journal-card>a{font-size:12px;display:inline-flex;min-height:44px}
@media(min-width:960px){.hero-main{width:56%}.hero-side{width:42%}.hero-grid{gap:28px}.hero-actions{max-width:430px}.hero-rail{gap:20px}.header-inner{max-width:1600px}}
@media(min-width:768px) and (max-width:1100px){.hero-title{font-size:88px}.hero-media{width:56%}.hero-side{max-width:350px}.hero .eyebrow{max-width:27ch}}
@media(max-width:767px){.hero{min-height:auto;padding-bottom:0;display:flex;flex-direction:column;background:#142d28}.hero-media{position:relative;order:0;width:calc(100% - 32px);height:420px;top:auto;left:auto;right:auto;bottom:auto;margin:100px 16px 0;border-radius:150px 12px 12px 12px;z-index:0}.hero-media img{object-position:50% 49%}.hero-media::after{background:linear-gradient(0deg,#142d2840,transparent 45%)}.hero-caption{left:20px;right:20px;bottom:16px;text-align:left;max-width:none;font-size:8px}.hero-grid{order:1;padding-top:32px;padding-bottom:34px;gap:24px;align-self:auto}.hero-title{font-size:clamp(56px,14.2vw,88px);max-width:11ch;line-height:.96;letter-spacing:-.07em}.hero .eyebrow{font-size:8px;max-width:none;margin-bottom:18px;letter-spacing:.1em}.hero-side{max-width:none;width:100%}.hero-project-note{font-size:10px}.hero-lead{font-size:14px;max-width:none;color:#d8dfd7}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions .btn{width:100%;padding:12px;font-size:11px;min-height:48px}.hero-rail{order:2;font-size:8px;gap:10px;flex-direction:row;justify-content:space-between}.hero-rail>span:last-child{display:none}.hero-toggle,.hero-video{display:none!important}.site-header:not(.is-solid){background:#142d28}.journal-editorial{grid-template-columns:1fr}.journal-image{grid-row:auto;grid-column:auto;min-height:420px;margin-bottom:30px;border-top-left-radius:110px}.journal-editorial .journal-card{padding-block:22px}.journal-editorial .journal-card h3{font-size:24px}.intro-word{font-size:16vw;letter-spacing:.06em}.intro-photo{inset:0;opacity:.24;background-position:50% 40%;background-image:linear-gradient(#10292388,#102923dd),url('assets/kenza-arches.webp')}.intro-coordinate{left:20px;top:24px}.intro-skip{right:20px;bottom:24px}}
@media(max-width:390px){.hero-media{height:370px}.hero-title{font-size:56px}.hero-actions{grid-template-columns:1fr}.hero-actions .btn{min-height:48px}.hero-project-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.intro,.intro-replay,.hero-video,.hero-toggle{display:none!important}.hero-media img{filter:saturate(.76)}.js .hero-in{animation:none;opacity:1;transform:none}}