*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#f4f3ef;color:#171919;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid;outline-offset:6px}header{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:52px 5%;color:#fff}.wordmark{font-size:29px;font-weight:800;letter-spacing:-.065em;white-space:nowrap}.wordmark span{font-weight:400}nav{display:flex;gap:30px;font-size:12px}.house-hero{height:100svh;min-height:620px;position:relative;overflow:hidden;background:#111;color:#fff}.house-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.hero-shade{position:absolute;inset:0;background:linear-gradient(#0004,#0001 35%,#0007)}.hero-copy{position:absolute;left:5%;bottom:16%;right:5%}.hero-copy>p,.eyebrow,.hero-foot{font-size:10px;letter-spacing:.13em}.hero-copy h1{font-size:clamp(64px,8.7vw,150px);letter-spacing:-.065em;font-weight:500;line-height:.94;margin:25px 0 34px}.hero-copy a{font-size:13px;border-bottom:1px solid #fff7;padding-bottom:9px}.hero-foot{position:absolute;bottom:30px;left:5%}.intro{padding:120px 7%;display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro h2,.section-title h2{font-size:clamp(42px,5vw,82px);letter-spacing:-.055em;line-height:1.04;font-weight:450;margin:0 0 30px}.intro>div>p{font-size:19px;line-height:1.65;max-width:650px;color:#666}.text-link{display:inline-block;border-bottom:1px solid;padding:12px 0;font-size:13px}.feature{position:relative;min-height:600px;height:88svh;overflow:hidden;background:#222;color:#fff}.feature>img{width:100%;height:100%;object-fit:cover}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0009)}.feature>div{position:absolute;z-index:1;bottom:10%;left:6%}.feature p{font-size:11px;letter-spacing:.1em}.feature h2{font-size:clamp(50px,6.5vw,110px);font-weight:450;letter-spacing:-.06em;line-height:1;margin:22px 0}.feature a{font-size:14px}.archive,.short-section,.journal{padding:100px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-title h2{margin:0}.section-title>p{font-size:11px;line-height:1.6;text-align:right;letter-spacing:.04em}.section-title>a{font-size:13px}.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 25px}.film-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#222}.film-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.film-image:hover img{transform:scale(1.025)}.film-image>span{position:absolute;right:14px;bottom:14px;background:#111a;color:#fff;padding:7px 10px;font-size:11px}.film h3{font-size:27px;letter-spacing:-.04em;font-weight:500;margin:18px 0 8px}.film p{font-size:12px;color:#666;line-height:1.6;margin:0 0 12px}.film summary{cursor:pointer;font-size:12px;list-style:none;text-decoration:underline;text-underline-offset:5px}.embed{aspect-ratio:16/9;margin-top:16px;background:#111}.embed iframe{border:0;width:100%;height:100%}.short-section{background:#181a1a;color:#fff}.short-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 24px}.short img,.short-type{width:100%;aspect-ratio:9/13;object-fit:cover;display:block}.short-type{display:grid;place-items:center;background:#292c2c;font-size:60px}.short h3{font-size:22px;font-weight:450;letter-spacing:-.025em;line-height:1.2;margin:16px 0}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.post img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#e5e4e0;display:block}.post span{display:block;margin:15px 0 8px;font-size:10px;color:#666}.post h3{font-size:23px;font-weight:450;letter-spacing:-.03em;margin:0}.contact{padding:110px 6%;background:#e7e6df}.contact>p{font-size:10px;letter-spacing:.12em}.contact>a{display:block;font-size:clamp(36px,5.4vw,85px);letter-spacing:-.06em;line-height:1.05;margin-top:30px}footer{padding:50px 5%;display:flex;align-items:start;justify-content:space-between;gap:30px}footer>div{display:flex;gap:25px;font-size:12px}footer small{font-size:10px;color:#666}.back-top{position:fixed;right:20px;bottom:20px;border:1px solid #8885;border-radius:50%;background:#fffc;backdrop-filter:blur(12px);width:34px;height:34px;display:grid;place-items:center;z-index:8}.js .reveal{opacity:0;translate:0 22px;transition:opacity 1s ease,translate 1s ease}.js .reveal.shown{opacity:1;translate:0 0}
@media(max-width:700px){header{padding:38px 6%;align-items:start}.wordmark{font-size:24px}nav{gap:14px;font-size:11px;flex-wrap:wrap;justify-content:end;max-width:170px}nav a:first-child{display:none}.house-hero{min-height:540px;height:90svh}.house-hero>img{object-position:48% center}.hero-copy{left:6%;bottom:18%}.hero-copy h1{font-size:16vw}.hero-copy>p{font-size:9px;line-height:1.6;max-width:240px}.intro{padding:65px 6%;display:block}.eyebrow{margin-bottom:30px}.intro h2,.section-title h2{font-size:42px}.intro>div>p{font-size:16px}.feature{height:auto;min-height:0;aspect-ratio:4/3}.feature>div{bottom:9%;left:6%}.feature h2{font-size:36px;margin:12px 0}.feature p{font-size:9px}.archive,.short-section,.journal{padding:65px 6%}.section-title{display:block;margin-bottom:32px}.section-title>p{text-align:left;margin-top:20px}.section-title>a{display:inline-block;margin-top:20px}.film-grid{grid-template-columns:1fr;gap:38px}.film h3{font-size:26px}.short-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.short h3{font-size:18px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.post h3{font-size:18px}.post span{font-size:9px;line-height:1.5}.contact{padding:65px 6%}footer{padding:36px 6%;display:flex;flex-direction:column;gap:25px}footer>div{flex-direction:column;gap:15px}.short-type{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;translate:none;transition:none}}
.house-intro{position:fixed;inset:0;background:#000;display:grid;place-items:center;z-index:100;animation:house-intro-out 4.2s ease forwards;pointer-events:none}.house-intro img{width:min(76vw,680px);height:auto;opacity:0;animation:house-logo-in 3.4s ease forwards}@keyframes house-logo-in{0%{opacity:0}35%,65%{opacity:1}100%{opacity:0}}@keyframes house-intro-out{0%,82%{opacity:1}100%{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.house-intro{display:none}}
.house-header-logo{display:block;position:relative;width:220px;height:27px;overflow:hidden;mix-blend-mode:screen}.house-header-logo img{position:absolute;width:123%;max-width:none;height:auto;left:-14.2%;top:-8px}.cart-feature{height:auto;min-height:0;aspect-ratio:16/9}.feature>.cart-video{position:absolute;inset:0;z-index:0;width:100%;height:100%}.cart-video iframe{width:100%;height:100%;border:0}.cart-feature:after{pointer-events:none}.cart-feature>div:not(.cart-video){pointer-events:none}.cart-feature>div:not(.cart-video) a{pointer-events:auto}@media(max-width:700px){.house-header-logo{width:165px;height:23px}.house-header-logo img{top:-6px}.cart-feature{aspect-ratio:4/3;min-height:220px}.cart-video iframe{position:absolute;width:177.78%;height:100%;left:-38.89%}.cart-feature h2{font-size:30px}}
.cart-feature .cart-video{opacity:0;transition:opacity .6s}.cart-feature.video-playing .cart-video{opacity:1}.cart-feature.video-unavailable .cart-video{visibility:hidden}.cart-feature>img{position:absolute;inset:0;object-fit:cover}


/* Luminance mask keeps the supplied lettering, removing its black rectangle. */
.house-header-logo{background:#fff;mix-blend-mode:normal;mask-image:url(/assets/house/ngo-house-header.jpeg);mask-mode:luminance;mask-size:123% auto;mask-position:50% -8px;mask-repeat:no-repeat;-webkit-mask-image:url(/assets/house/ngo-house-header.jpeg);-webkit-mask-size:123% auto;-webkit-mask-position:50% -8px;-webkit-mask-repeat:no-repeat}.house-header-logo img{visibility:hidden}
@media(max-width:700px){.house-header-logo{mask-position:50% -6px;-webkit-mask-position:50% -6px}}

.hero-copy .hero-event{font-size:clamp(12px,1.2vw,18px);font-weight:600;letter-spacing:.12em;margin:-10px 0 28px;max-width:none}.event-stories{padding:100px 5%}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px 24px}.event-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.event-card h3{font-size:28px;font-weight:500;letter-spacing:-.035em;margin:10px 0}.event-card p:not(.eyebrow){font-size:14px;line-height:1.6;color:#666}.event-card .eyebrow{margin-top:20px}.bus-feature>img{position:absolute;inset:0;object-position:center 45%}@media(max-width:700px){.hero-copy .hero-event{font-size:12px;margin:-10px 0 25px;line-height:1.6}.event-stories{padding:65px 6%}.event-grid{grid-template-columns:1fr;gap:40px}.event-card h3{font-size:27px}.bus-feature{aspect-ratio:3/4}}

/* Consistent phone cards: one image, one title, one quiet metadata line. */
.card-arrow{display:inline-block;margin-left:.3em}
@media(max-width:700px){
 header{padding:30px 6%;gap:20px;align-items:center}header .house-header-logo{flex:0 0 145px;width:145px;height:22px}nav{gap:12px;max-width:none;flex-wrap:nowrap;font-size:10px}nav a{white-space:nowrap}
 .archive,.short-section,.journal,.event-stories{padding:56px 6%}
 .film-grid,.short-grid,.post-grid,.event-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 .film,.short,.post,.event-card{min-width:0;display:block}
 .post img,.event-card img,.short img,.short-type{aspect-ratio:4/5;border-radius:3px}
 .post img{object-fit:contain;background:#e9e8e3}
 .film h3,.short h3,.post h3,.event-card h3{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.025em;margin:14px 0 8px;overflow-wrap:normal;text-wrap:pretty}
 .short h3,.post h3,.event-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
 .card-title{min-width:0}.card-arrow{margin:0;flex:0 0 auto;font-size:22px;font-weight:400}
 .post>div{display:flex;flex-direction:column}.post h3{order:-1}.post span:not(.card-title):not(.card-arrow){font-size:11px;line-height:1.5;letter-spacing:.025em;margin:0;color:#727272}
 .event-card>a{display:flex;flex-direction:column}.event-card img{order:0}.event-card h3{order:1}.event-card .eyebrow{order:2;font-size:11px;line-height:1.5;letter-spacing:.025em;margin:0 0 10px;color:#727272}.event-card p:not(.eyebrow){order:3;font-size:14px;line-height:1.6;margin:0;max-width:38ch}
 .film p{font-size:13px;line-height:1.55;margin:0 0 12px;max-width:38ch}.film summary{font-size:12px;padding:6px 0}
 .section-title h2,.intro h2{font-size:36px;line-height:1.08;letter-spacing:-.04em}.section-title>p{font-size:10px;line-height:1.7;margin-top:16px}.section-title{margin-bottom:28px}
 .feature>div:not(.cart-video){right:6%}.feature h2{line-height:1.06}.feature p{line-height:1.5}
 .short h3{margin-bottom:0}.hero-copy .hero-event{letter-spacing:.07em;font-size:11px}
 footer{gap:24px}footer>div{gap:18px}
}
@media(max-width:360px){header .house-header-logo{flex-basis:125px;width:125px}nav{gap:9px;font-size:9px}.hero-copy h1{font-size:15.5vw}}
.post h3 .card-title,.post h3 .card-arrow{font-size:inherit;color:inherit;margin:0;letter-spacing:inherit}.post h3 .card-arrow{font-size:22px}

/* Full, uniform portrait frames throughout From the house. */
.journal .post img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:3px}
.house-footer-logo{background:#171919;flex-shrink:0}
@media(max-width:700px){.house-footer-logo{width:145px;height:22px}}