/*
Theme Name: HERE NOW GONE
Theme URI: https://herenowgone.com
Author: HERE NOW GONE
Description: Media-first bespoke portfolio theme for HERE NOW GONE. Gallery-led, cinematic, editorial and consistent across every page type.
Version: 3.9.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: hng
*/
:root{
  --ink:#090909;--paper:#fff;--muted:#6d6d6d;--soft:#f2f2ef;--line:#d9d9d5;
  --pad:clamp(18px,3.1vw,58px);--max:1920px;--header:78px;
  --identity:'HNG Identity','Arial Narrow','Helvetica Neue Condensed',Arial,sans-serif;
  --editorial:'HNG Editorial','Times New Roman',Times,serif;
  --utility:'HNG Utility','Helvetica Neue',Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--utility);line-height:1.35;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video,iframe{display:block;max-width:100%}img,video{width:100%;height:auto}.shell{max-width:var(--max);margin:auto;padding-inline:var(--pad)}.site-main{overflow:clip}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;z-index:999;background:#fff;padding:10px}.identity-display{font-family:var(--identity);font-stretch:condensed}.editorial{font-family:var(--editorial)}
.site-header{height:var(--header);display:flex;align-items:center;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;transition:transform .45s var(--ease),border-color .35s ease}.site-header.scrolled{border-color:rgba(0,0,0,.08)}.site-header.hidden{transform:translateY(-100%)}.header-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.mark{display:inline-flex;align-items:center;min-width:90px}.mark-word{font-size:18px;line-height:.76;letter-spacing:-.02em;font-weight:800}.custom-logo{max-height:42px;width:auto}.nav{display:flex;align-items:center;gap:clamp(16px,2.15vw,40px);font-size:10px;letter-spacing:.13em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .35s var(--ease)}.nav a:hover:after,.nav a:focus-visible:after{right:0}.nav-toggle{display:none;border:0;padding:8px 0;background:transparent;font:inherit;font-size:10px;letter-spacing:.13em;cursor:pointer}
.hero{height:calc(100svh - var(--header));min-height:560px;background:var(--soft);position:relative;overflow:hidden}.hero-media,.hero-media>*{width:100%;height:100%}.hero img,.hero video{width:100%;height:100%;object-fit:cover}.hero iframe{width:100%;height:100%;border:0;transform:scale(1.012);pointer-events:none}.hero-placeholder,.media-placeholder{height:100%;display:grid;place-items:center;text-align:center;padding:30px;font-size:9px;letter-spacing:.16em;color:#7d7d7d;background:var(--soft)}
.section{padding:clamp(88px,10vw,190px) 0}.section-tight{padding:clamp(62px,7vw,126px) 0}.section-rule{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:clamp(35px,5vw,78px)}.eyebrow,.meta,.micro{font-family:var(--utility);font-size:9px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}.eyebrow{margin:0}.meta{color:var(--muted)}.display{font-size:clamp(64px,10vw,188px);line-height:.75;letter-spacing:-.035em;font-weight:700;margin:0}.statement{font-size:clamp(58px,8.3vw,154px);line-height:.78;letter-spacing:-.035em;font-weight:700;margin:0;max-width:1500px}.lede{font-size:clamp(24px,2.6vw,46px);line-height:1.18;max-width:1080px}.link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.link:hover{opacity:.55}.empty-state{font-size:clamp(26px,3vw,50px);max-width:850px;line-height:1.2}
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(18px,2vw,34px);row-gap:clamp(76px,9vw,165px)}.work-card{grid-column:span 6}.work-card:nth-child(6n+1){grid-column:span 8}.work-card:nth-child(6n+2){grid-column:9/span 4;margin-top:14vw}.work-card:nth-child(6n+3){grid-column:2/span 5}.work-card:nth-child(6n+4){grid-column:7/span 6;margin-top:5vw}.work-card:nth-child(6n+5){grid-column:span 5}.work-card:nth-child(6n){grid-column:7/span 6;margin-top:10vw}.home-work .work-card:first-child{grid-column:1/-1}.home-work .work-card:first-child .card-media{aspect-ratio:16/8.6}.card-link{display:block}.card-media{position:relative;overflow:hidden;background:var(--soft);aspect-ratio:16/10}.card-media img,.card-media video,.card-media iframe{width:100%;height:100%;object-fit:cover;border:0;transition:transform 1.15s var(--ease)}.card-media iframe{transform:scale(1.01);pointer-events:none}.card-link:hover .card-media img{transform:scale(1.018)}.card-copy{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;padding-top:14px}.card-title{font-family:var(--identity);font-size:clamp(28px,2.7vw,50px);line-height:.86;letter-spacing:-.025em;font-weight:700;margin:0}.card-copy .meta{text-align:right;max-width:280px}.filters{display:flex;gap:25px;flex-wrap:wrap;margin:32px 0 78px}.filter{border:0;background:none;padding:0;font:inherit;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer}.filter.active,.filter:hover{color:var(--ink)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,8vw,150px)}.split-35{grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line)}.service{padding:18px 0 30px}.service h3{font-family:var(--utility);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;margin:0 0 14px}.service p{font-family:var(--editorial);font-size:clamp(18px,1.45vw,25px);line-height:1.42;margin:0;color:#333}
.note-list{border-top:1px solid var(--line)}.note-row{display:grid;grid-template-columns:60px minmax(0,1.35fr) minmax(160px,.65fr);gap:24px;padding:25px 0;border-bottom:1px solid var(--line);align-items:baseline}.note-title{font-family:var(--identity);font-size:clamp(30px,3vw,54px);line-height:.88;letter-spacing:-.02em}.note-row:hover .note-title{font-family:var(--editorial);font-style:italic;font-weight:400}.note-row .meta:last-child{text-align:right}.notes-head{display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:end;margin-bottom:clamp(70px,10vw,170px)}.notes-head .display{grid-column:1/-1}.notes-head .lede{grid-column:2}
.edition{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(35px,8vw,140px);align-items:end}.edition-media{aspect-ratio:4/5;overflow:hidden}.edition-copy{padding-bottom:1vw}.edition-title{font-size:clamp(66px,8.5vw,152px);line-height:.72;letter-spacing:-.03em;font-weight:700;margin:22px 0 28px}.edition-sub{font-size:clamp(25px,2.8vw,48px);line-height:1.15;margin:0 0 25px}.founder-block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,140px);align-items:start}.founder-title{font-size:clamp(72px,10vw,180px);line-height:.72;letter-spacing:-.03em;font-weight:700;margin:25px 0 0}.founder-copy{max-width:680px;font-size:clamp(21px,1.65vw,29px);line-height:1.45}.founder-copy>p:first-child{font-family:var(--utility);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.project-hero{padding:clamp(52px,6vw,100px) 0 0}.project-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-bottom:34px}.project-title{font-family:var(--identity);font-size:clamp(72px,11vw,208px);line-height:.7;letter-spacing:-.035em;font-weight:700;margin:0}.project-meta{text-align:right}.project-hero-media{width:100%;height:min(78vw,88vh);min-height:520px;background:var(--soft);overflow:hidden}.project-hero-media img,.project-hero-media video,.project-hero-media iframe{width:100%;height:100%;object-fit:cover;border:0}.project-hero-media iframe{transform:scale(1.01);pointer-events:none}.project-intro{padding:clamp(90px,11vw,200px) 0}.project-proposition{font-size:clamp(30px,3.7vw,64px);line-height:1.08;letter-spacing:-.02em;max-width:1100px}.project-proposition p{margin-top:0}.project-facts{margin-top:clamp(50px,6vw,95px);max-width:620px}.fact{display:grid;grid-template-columns:90px 1fr;gap:20px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.fact:last-child{border-bottom:1px solid var(--line)}.project-film{width:100%;height:min(70vw,86vh);background:#000;overflow:hidden}.project-film video,.project-film iframe{width:100%;height:100%;object-fit:cover;border:0}.project-content{max-width:1180px;margin:0 auto;padding:clamp(65px,8vw,140px) var(--pad) clamp(100px,13vw,230px)}.project-content>p,.note-content>p{font-family:var(--editorial);font-size:clamp(20px,1.55vw,28px);line-height:1.55;max-width:820px;margin:1.3em auto}.project-content>.wp-block-image,.project-content>.wp-block-video,.project-content>.wp-block-gallery,.project-content>.wp-block-columns,.project-content>.wp-block-embed,.project-content>figure{margin:clamp(55px,8vw,130px) 0}.project-content .alignwide,.note-content .alignwide{width:min(1480px,calc(100vw - (2 * var(--pad))));max-width:none;margin-left:50%;transform:translateX(-50%)}.project-content .alignfull,.note-content .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.project-content .wp-block-image img,.project-content .wp-block-video video,.project-content .wp-block-gallery img{width:100%}.project-content .wp-block-video video{background:#000}.hng-two-up{gap:clamp(18px,2vw,34px)}.hng-media-caption .meta{margin-top:12px}.credits{font-size:clamp(20px,1.6vw,28px);line-height:1.55}.next-project{border-top:1px solid var(--line);padding:30px 0 clamp(95px,11vw,190px)}.next-project a{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.next-project-title{font-family:var(--identity);font-size:clamp(58px,8vw,150px);letter-spacing:-.03em;line-height:.72;margin:30px 0 0}.next-arrow{font-size:clamp(36px,5vw,90px)}
.note-hero{padding:clamp(65px,8vw,145px) 0}.note-title-large{font-size:clamp(54px,8vw,150px);line-height:.88;letter-spacing:-.035em;max-width:1400px;margin:30px 0 0}.note-cover{margin-top:clamp(50px,7vw,105px);max-height:82vh;overflow:hidden}.note-cover img{height:100%;object-fit:cover}.note-content{max-width:1050px;margin:0 auto;padding:0 var(--pad) clamp(100px,13vw,210px)}.note-content h2,.note-content h3{font-family:var(--identity);line-height:.82;letter-spacing:-.025em}.note-content h2{font-size:clamp(45px,6vw,100px);margin:1.2em 0 .4em}.note-content blockquote{font-family:var(--editorial);font-size:clamp(30px,4vw,65px);line-height:1.1;margin:1.3em 0}
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line)}.entry{padding:20px 28px 45px 0;border-right:1px solid var(--line)}.entry+ .entry{padding-left:28px}.entry:last-child{border-right:0}.entry h3{font-family:var(--identity);font-size:clamp(36px,4vw,72px);line-height:.82;margin:55px 0 25px}.entry p{font-size:clamp(20px,1.6vw,29px);line-height:1.4}.contact-stage{min-height:calc(100svh - var(--header));display:flex;padding:clamp(55px,7vw,110px) 0}.contact-inner{width:100%;display:flex;flex-direction:column;justify-content:space-between}.contact-title{font-size:clamp(66px,11vw,200px);line-height:.69;letter-spacing:-.035em;max-width:1600px;margin:30px 0}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:80px}.contact-mail{font-family:var(--editorial);font-size:clamp(26px,3vw,54px);border-bottom:1px solid currentColor}
.cta{border-top:1px solid var(--line);padding:clamp(70px,8vw,140px) 0 clamp(90px,10vw,175px)}.cta-q{font-family:var(--identity);font-size:clamp(64px,9vw,168px);line-height:.72;letter-spacing:-.035em;max-width:1450px;margin:0 0 50px;font-weight:700}.cta-foot{display:flex;justify-content:space-between;gap:25px;align-items:end}.site-footer{padding:28px 0 34px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.footer-inner{display:flex;justify-content:space-between;gap:25px}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform 1.05s var(--ease)}.reveal.in-view{opacity:1;transform:none}.media-reveal{clip-path:none;opacity:1;visibility:visible}.media-reveal.in-view{clip-path:none;opacity:1;visibility:visible}[hidden]{display:none!important}
@media(max-width:900px){:root{--header:66px}.nav-toggle{display:block}.nav{position:fixed;inset:var(--header) 0 0;background:#fff;padding:35px var(--pad);display:flex;flex-direction:column;align-items:flex-start;gap:26px;font-size:18px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.35s ease}.nav.open{opacity:1;visibility:visible;transform:none}.hero{min-height:500px}.work-grid{display:block}.work-card,.work-card:nth-child(n){margin:0 0 70px!important}.card-media,.home-work .work-card:first-child .card-media{aspect-ratio:4/5}.card-copy{grid-template-columns:1fr}.card-copy .meta{text-align:left}.split,.split-35,.edition,.founder-block,.services,.entry-grid,.notes-head{grid-template-columns:1fr}.section-head{align-items:flex-start}.note-row{grid-template-columns:38px 1fr}.note-row .meta:last-child{display:none}.notes-head .display,.notes-head .lede{grid-column:auto}.project-head{grid-template-columns:1fr}.project-meta{text-align:left}.project-hero-media{height:72svh;min-height:420px}.project-film{height:auto;aspect-ratio:9/16}.project-content{padding-inline:var(--pad)}.project-content .alignwide,.note-content .alignwide{width:100%;margin-left:0;transform:none}.project-content .alignfull,.note-content .alignfull{width:100vw}.entry{border-right:0;border-bottom:1px solid var(--line);padding:24px 0 42px!important}.edition-media{order:1}.edition-copy{order:0}.contact-bottom,.cta-foot,.footer-inner{align-items:flex-start;flex-direction:column}.site-footer .footer-inner span:nth-child(2){order:3}.display{font-size:clamp(70px,22vw,150px)}.statement{font-size:clamp(58px,17vw,118px)}.project-title{font-size:clamp(72px,22vw,160px)}.edition-title{font-size:clamp(70px,20vw,140px)}.founder-title{font-size:clamp(72px,21vw,150px)}.cta-q,.contact-title{font-size:clamp(68px,20vw,150px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.media-reveal{opacity:1;transform:none;clip-path:none;transition:none}.site-header{transition:none}}

.project-film img{width:100%;height:100%;object-fit:cover;display:block}.project-media{width:100%;height:100%;object-fit:cover;border:0}