.hh-hero{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding-top:75px;padding-bottom:75px}.hh-hero h1{font-size:clamp(3.4rem,6.5vw,7rem);line-height:.99;letter-spacing:-.06em}.hh-hero figure{margin:0;align-self:stretch;display:flex;flex-direction:column}.hh-hero figure img{width:100%;height:100%;min-height:430px;object-fit:cover;border-radius:3px}.hh-hero figcaption{font:11px monospace;letter-spacing:.1em;color:#8faaa0;padding-top:12px}.hh-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.hh-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}.hh-section-head>p{max-width:400px;color:#a5b5ad}.hh-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo{display:block;background:#0c1712;color:#dae5dd;border:1px solid #25362c;padding:0;text-align:left;cursor:pointer;overflow:hidden;font:inherit}.photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .35s}.photo:hover img{transform:scale(1.025)}.photo span{padding:16px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.photo b{color:#4ae2a3}.photo:focus-visible,.hh-close:focus-visible{outline:3px solid #4ae2a3;outline-offset:4px}#hh-lightbox{width:min(1100px,94vw);max-height:94vh;background:#09100e;color:#fff;border:1px solid #42604d;padding:20px}#hh-lightbox::backdrop{background:#000e}#hh-lightbox img{width:100%;max-height:73vh;object-fit:contain;display:block}.hh-close{display:block;margin:0 0 16px auto;background:transparent;color:white;border:1px solid #53675a;padding:10px 18px;cursor:pointer}.hh-field{scroll-margin-top:110px}@media(max-width:850px){.hh-hero{grid-template-columns:1fr}.hh-hero figure img{min-height:0;max-height:530px}.hh-gallery{grid-template-columns:repeat(2,1fr)}.hh-section-head{display:block}}@media(max-width:550px){.hh-gallery{grid-template-columns:1fr}.hh-hero{padding-top:40px}.hh-hero h1{font-size:3.6rem}}@media(prefers-reduced-motion:reduce){.photo img{transition:none}}.hh-banner figure{margin:0}.hh-banner img{display:block;width:100%;height:auto;border-radius:3px}.hh-banner figcaption{font:11px monospace;color:#8faaa0;padding-top:12px;letter-spacing:.08em}.hh-hero figure img{object-fit:contain;min-height:0;background:#e8edef;aspect-ratio:4/3}.hh-concept-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.concept-photo img{aspect-ratio:3/2;object-fit:contain;background:#edf0f1}.concept-photo:first-child{grid-column:span 2}.concept-photo:first-child img{aspect-ratio:2/1}.hh-plan{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}.hh-plan-image img{height:auto;aspect-ratio:auto;object-fit:contain;background:white}.hh-plan-note{color:#8ca798;font:12px monospace;line-height:1.6;margin-top:30px}.hh-design{scroll-margin-top:80px}@media(max-width:700px){.hh-plan,.hh-concept-gallery{grid-template-columns:1fr}.concept-photo:first-child{grid-column:auto}.concept-photo:first-child img{aspect-ratio:3/2}}
/* A preserved project, explored through layers of the growing environment. */
.hh-archive{background:#040906;isolation:isolate}.hh-environment{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hh-environment-image{position:absolute;inset:-7%;background:url('/assets/harvest-hub/pxl_20230703_115757372.webp') center/cover;transform:scale(var(--hh-depth,1));will-change:transform}.hh-environment-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020805f5,#020805ce 55%,#020805a8),linear-gradient(0deg,#020805c9,transparent 55%)}.hh-environment-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#c6f3d50b 50%,transparent calc(50% + .5px));background-size:25% 100%}.hh-archive main>section{position:relative;border-bottom:1px solid #c5efd51c}.hh-archive .hh-hero{min-height:calc(100svh - 90px);padding-top:70px;padding-bottom:80px}.hh-status{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hh-status span,.hh-archive-label{font:10px monospace;letter-spacing:.12em;text-transform:uppercase;color:#c3d2c8;border:1px solid #91b69f55;padding:9px 12px;background:#06140d88}.hh-status span:first-child:before{content:'';display:inline-block;width:6px;height:6px;background:#92a89a;border-radius:50%;margin-right:9px}.hh-scroll{display:flex;align-items:center;gap:22px;width:max-content;margin-top:32px;font:11px monospace;letter-spacing:.08em;text-decoration:none}.hh-scroll span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #9bccb277;border-radius:50%;color:#b9ff81;font-size:20px;transition:transform .3s}.hh-scroll:hover span{transform:translateY(5px)}.hh-archive .hh-hero figure{align-self:center;transform:translateY(var(--hh-hero-shift,0px));will-change:transform}.hh-hero figure img{box-shadow:0 30px 80px #0009;border:1px solid #c2e3cb44}.hh-recognition{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center}.hh-recognition p{max-width:620px}.hh-award{padding:45px;border:1px solid #a9dbb747;background:linear-gradient(145deg,#14271bda,#06100bd9);position:relative;overflow:hidden}.hh-award:after{content:'';position:absolute;inset:15px;border:1px solid #a9dbb712;pointer-events:none}.hh-award-number{font-size:clamp(90px,11vw,155px);line-height:1.1;letter-spacing:-.08em;color:#b9ff81;display:block}.hh-award-number>span{font-size:.26em;letter-spacing:-.03em;vertical-align:super;margin-left:9px}.hh-award h3{margin:20px 0 8px}.hh-award p{color:#b7cbbd;margin-bottom:30px}.hh-archive-label{display:inline-block;font-size:9px}.hh-archive .panel{background:#031008a6}.hh-archive .photo{background:#09180ee8;transition:border-color .3s,box-shadow .3s}.hh-archive .photo:hover{border-color:#9bccb2aa;box-shadow:0 15px 40px #0007}.hh-archive .photo img{transition:transform .7s cubic-bezier(.2,.65,.3,1)}.hh-archive .photo:hover img{transform:scale(1.045)}.hh-motion .hh-enter{opacity:0;transform:translateY(32px);transition:opacity .85s ease var(--hh-delay,0ms),transform .85s cubic-bezier(.2,.65,.3,1) var(--hh-delay,0ms)}.hh-motion .hh-enter.hh-visible{opacity:1;transform:translateY(0)}.hh-archive footer{background:#040906ed}.hh-archive .reading-progress{background:#b9ff81}
@media(max-width:850px){.hh-archive .hh-hero{min-height:auto}.hh-archive .hh-hero figure{transform:none;will-change:auto}.hh-recognition{grid-template-columns:1fr;gap:35px}.hh-award{max-width:550px;width:100%}.hh-environment-image{background-position:65% center}.hh-environment-shade{background:#020805dd}}@media(prefers-reduced-motion:reduce){.hh-environment-image,.hh-archive .hh-hero figure{transform:none;will-change:auto}.hh-motion .hh-enter{opacity:1;transform:none;transition:none}.hh-archive .photo img,.hh-scroll span{transition:none}.hh-scroll:hover span{transform:none}}