.tile video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}
.asterisk{position:absolute;left:-2%;bottom:2%;z-index:3;color:var(--red);font:400 6rem/1 var(--serif);transform:rotate(-12deg)}
.real-work{display:flex;flex-direction:column;gap:11rem}
.case{display:block}
.unique-case{position:relative;background:var(--paper);padding:clamp(1.5rem,3vw,3.5rem);border:1px solid rgba(11,13,13,.28)}
.unique-case::after{content:"01";position:absolute;right:.025em;top:-.16em;color:rgba(169,54,34,.08);font:400 clamp(10rem,24vw,24rem)/1 var(--serif);pointer-events:none}
.unique-heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);align-items:end;gap:3rem;margin-bottom:2rem}
.unique-heading small{font-size:.64rem;letter-spacing:.15em;color:var(--red)}
.unique-heading h3{font:400 clamp(4rem,8vw,8.5rem)/.78 var(--serif);letter-spacing:-.045em;margin:1.5rem 0 0}
.unique-heading h3 em{color:var(--red);font-weight:400}
.unique-heading>p{margin:0 0 .5rem;font:400 clamp(1.7rem,2.8vw,3rem)/1 var(--serif);text-align:right}
.unique-heading>p span{color:var(--green);font-style:italic}
.unique-film{position:relative;z-index:1;margin:0}
.unique-film video{display:block;width:100%;aspect-ratio:5/4;max-height:82vh;object-fit:cover;background:var(--night)}
.unique-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .1rem 0}
.unique-film figcaption span{font-size:.62rem;letter-spacing:.14em}
.unique-film figcaption i{color:var(--red);font:500 1.65rem var(--hand)}
.case-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2.2rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(11,13,13,.35)}
.case-heading small{font-size:.64rem;letter-spacing:.15em}
.case-heading h3{font:400 clamp(4rem,8vw,8.5rem)/.78 var(--serif);letter-spacing:-.045em;margin:1.5rem 0 0}
.case-heading>p{font:400 clamp(1.8rem,3vw,3.2rem)/.95 var(--serif);margin:0;text-align:right}
.case-heading>p span{color:var(--red);font-style:italic}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.video-grid figure{margin:0;min-width:0}
.video-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:var(--night)}
.video-grid figcaption{display:flex;flex-direction:column;padding:.8rem .15rem 0}
.video-grid figcaption b{font:400 1.65rem var(--serif)}
.video-grid figcaption span{font-size:.61rem;letter-spacing:.11em;text-transform:uppercase;margin-top:.2rem}
.homes-case{background:var(--sky);padding:3vw;margin-left:3vw;margin-right:3vw}
.homes-case .case-heading>p span{color:var(--green)}
.homes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.homes-grid figure{margin:0;display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.homes-grid video{display:block;width:100%;aspect-ratio:9/16;max-height:760px;object-fit:cover;background:var(--night)}
.homes-grid figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.9rem .1rem 0}
.homes-grid figcaption b{font:400 1.8rem var(--serif)}
.homes-grid figcaption span{font-size:.61rem;letter-spacing:.1em;text-transform:uppercase;text-align:right}
.coming-case{width:min(800px,85%);margin:0 auto;background:var(--green);color:var(--cream);padding:5rem;text-align:center;transform:rotate(-1deg)}
.coming-case small{font-size:.64rem;letter-spacing:.15em}
.coming-case p{font:400 clamp(4rem,7vw,7rem)/.83 var(--serif);letter-spacing:-.04em;margin:2.5rem 0 0}
.coming-case i{color:var(--yellow)}
.travel-case{position:relative;overflow:hidden;background:var(--night);color:var(--cream);padding:clamp(2rem,4vw,5rem);margin-left:-2.2vw;margin-right:-2.2vw}
.travel-case::before{content:"BE OUTSIDE";position:absolute;right:-.04em;top:-.1em;color:rgba(245,240,225,.045);font:400 clamp(7rem,18vw,18rem)/1 var(--serif);white-space:nowrap;pointer-events:none}
.travel-heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.55fr);align-items:end;gap:3rem;margin-bottom:2rem}
.travel-heading small{font-size:.64rem;letter-spacing:.15em;color:var(--yellow)}
.travel-heading h3{font:400 clamp(3.5rem,7.7vw,8.2rem)/.82 var(--serif);letter-spacing:-.045em;margin:1.4rem 0 0}
.travel-heading h3 em{color:var(--sky);font-weight:400}
.travel-heading>p{max-width:27rem;margin:0 0 .5rem;font:400 clamp(1.4rem,2.2vw,2.4rem)/1.05 var(--serif)}
.travel-film{position:relative;z-index:1;margin:0}
.travel-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050606}
.travel-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .1rem 0}
.travel-film figcaption span{font-size:.62rem;letter-spacing:.14em}
.travel-film figcaption i{color:var(--yellow);font:500 1.65rem var(--hand)}
.travel-margin-piece{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,34%);align-items:end;gap:clamp(1.5rem,4vw,5rem);margin:4.5rem 0 0 8%}
.wish-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;transform:rotate(-1deg)}
.wish-words span{display:grid;place-items:center;min-height:5.4rem;border:1px solid rgba(238,231,217,.3);background:#151818;color:var(--cream);font:500 clamp(.72rem,1.1vw,1rem)/1 var(--sans);letter-spacing:.18em;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.crosswalk-film{margin:0;transform:translateX(10%) rotate(1.5deg)}
.crosswalk-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:7px solid var(--cream);box-shadow:0 18px 42px rgba(0,0,0,.34)}
.crosswalk-film figcaption{padding:.75rem .15rem 0;color:var(--yellow);font:500 1.25rem var(--hand);text-align:right}
@media(max-width:900px){.real-work{gap:7rem}.case-heading{display:block}.case-heading>p{text-align:left;margin-top:1.5rem}.video-grid{grid-template-columns:repeat(2,1fr);gap:1.4rem .7rem}.homes-case{padding:3rem 1.2rem;margin-left:0;margin-right:0}.homes-grid{gap:.7rem}.homes-grid figcaption{display:block}.homes-grid figcaption span{display:block;text-align:left;margin-top:.25rem}.travel-case{padding:3rem 1.2rem;margin-left:-1.2rem;margin-right:-1.2rem}.travel-heading{display:block}.travel-heading>p{margin-top:1.5rem}.travel-film figcaption{align-items:flex-start}.coming-case{width:100%;padding:4rem 1.2rem}.asterisk{font-size:4rem}}

@media(max-width:900px){.unique-heading{display:block}.unique-heading>p{text-align:left;margin-top:1.5rem}.unique-film figcaption{align-items:flex-start}}

/* Mobile layout: keep every film, caption and editorial card inside the viewport. */
@media(max-width:640px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  main,section,article,figure,div{min-width:0}
  video,img{max-width:100%}
  .nav{padding:1rem;gap:.75rem;background:rgba(11,13,13,.72);mix-blend-mode:normal;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .logo{font-size:.88rem;white-space:nowrap}
  .nav nav{gap:.8rem;font-size:.64rem}
  .hero{min-height:auto;padding:6.2rem 1rem 2.5rem;gap:.5rem}
  .hero h1{font-size:clamp(3.8rem,19vw,5.2rem);line-height:.82;overflow-wrap:anywhere}
  .hero-copy .scribble.hero-note{margin:1.5rem 0 1rem 7%;max-width:88%;font-size:1.35rem}
  .hero-collage{min-height:31rem;width:100%}
  .tile{max-width:100%}
  .tile-a{left:0;top:6%;width:57%;height:56%}
  .tile-b{right:0;top:0;width:45%;height:39%}
  .tile-c{right:4%;bottom:1%;width:60%;height:43%}
  .tile figcaption{font-size:1rem;line-height:1;max-width:90%}
  .note{right:0;bottom:0}
  .phrase-band{height:auto;min-height:35rem;padding:4rem 1rem 2rem}
  .phrase-band p{font-size:clamp(3.15rem,15.5vw,4.5rem);line-height:.86;overflow-wrap:anywhere}
  .work{padding:5.5rem 1rem 7rem}
  .work-intro h2{font-size:clamp(3rem,15vw,4.4rem);margin:2.5rem 0 2rem}
  .green-note{position:static;margin:0 0 5.5rem 8%;font-size:1.35rem}
  .real-work{gap:6rem}
  .unique-case{padding:2.5rem 1rem}
  .unique-case::after{font-size:10rem;top:.1em}
  .unique-heading h3{font-size:clamp(3.6rem,18vw,5rem);line-height:.84}
  .unique-heading>p{font-size:1.45rem;line-height:1.08}
  .unique-film video{max-height:none}
  .unique-film figcaption{flex-direction:column;gap:.35rem}
  .unique-film figcaption i{font-size:1.35rem}
  .travel-case{margin-left:-1rem;margin-right:-1rem;padding:2.8rem 1rem}
  .travel-case::before{font-size:7rem;top:.15em}
  .travel-heading h3{font-size:clamp(2.75rem,13.5vw,4rem);line-height:.88;overflow-wrap:anywhere}
  .travel-heading>p{font-size:1.35rem;line-height:1.12}
  .travel-film figcaption{flex-direction:column;gap:.35rem}
  .travel-film figcaption i{font-size:1.35rem}
  .travel-margin-piece{grid-template-columns:1fr;margin:3.5rem 0 0;gap:2rem}
  .wish-words{gap:.4rem}
  .wish-words span{min-height:4rem;font-size:.65rem;letter-spacing:.12em}
  .crosswalk-film{width:82%;margin-left:auto;transform:translateX(6%) rotate(1.5deg)}
  .case-heading{gap:0;margin-bottom:1.4rem}
  .case-heading h3{font-size:clamp(3.6rem,18vw,5rem);line-height:.84}
  .case-heading>p{font-size:1.55rem;line-height:1.05}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem .55rem}
  .video-grid figcaption b{font-size:1.35rem}
  .video-grid figcaption span{font-size:.58rem;line-height:1.35;overflow-wrap:anywhere}
  .homes-case{margin:0;padding:2.5rem 1rem}
  .homes-grid{grid-template-columns:1fr;gap:3rem}
  .homes-grid video{max-height:none}
  .homes-grid figcaption b{font-size:1.55rem}
  .moodboard{min-height:auto;padding:5rem 1rem;grid-template-columns:1fr;gap:1.25rem}
  .mood-image{grid-column:1;grid-row:auto;height:68svh;order:1}
  .quote-card{min-height:20rem;transform:none}
  .quote-card.yellow{order:2}
  .quote-card.cream{order:3}
  .quote-card p{font-size:clamp(2.7rem,13vw,4rem)}
  .reel{min-height:auto;padding:5rem 1rem 3rem}
  .reel h2{font-size:clamp(3.5rem,17vw,5rem);line-height:.84}
  .reel-orbit{position:relative;right:auto;bottom:auto;width:min(78vw,22rem);margin:4rem auto 0}
  .about{padding:6rem 1rem}
  .about h2{font-size:clamp(3.5rem,17vw,5rem);line-height:.88}
  .hello{min-height:100svh;padding:5.5rem 1rem 1.5rem}
  .hello h2{font-size:clamp(3.7rem,18vw,5.5rem);line-height:.82;overflow-wrap:anywhere}
  .big-link{font-size:clamp(1.7rem,9vw,2.6rem);overflow-wrap:anywhere}
  .closing{display:grid;grid-template-columns:1fr;gap:.65rem;padding-top:4rem}
}

@media(max-width:380px){
  .nav nav a:first-child{display:none}
  .hero-collage{min-height:27rem}
  .video-grid{grid-template-columns:1fr}
  .video-grid video{max-height:78svh}
}

.investor-case{background:var(--paper);padding:clamp(1.5rem,4vw,4rem);border-top:1px solid rgba(11,13,13,.28)}
.investor-case h3 em{font-weight:400;color:var(--red)}
.investor-film{width:min(100%,28rem);margin:2.5rem auto 0}
.investor-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:var(--night)}
.investor-film figcaption{display:flex;flex-direction:column;gap:.6rem;padding:1rem 0 0}
.investor-film figcaption span{font-size:.75rem;line-height:1.4;letter-spacing:.1em}
.investor-film figcaption i{font:500 1.5rem var(--hand);color:var(--red)}
@media(max-width:640px){.investor-case{padding:2.5rem 1rem}.investor-film{margin-top:2rem}}

.grand-central-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:4rem 0 1.5rem}
.grand-central-heading h4{margin:0;font:400 clamp(2.5rem,5vw,5rem)/.95 var(--serif);letter-spacing:-.025em}
.grand-central-heading h4 em{font-weight:400;color:var(--sky)}
.grand-central-heading p{font:400 1.5rem var(--serif);margin:0}
@media(max-width:640px){.grand-central-heading{display:block;margin-top:3rem}.grand-central-heading p{margin-top:1rem}}

.email-link{align-self:flex-start;max-width:100%;margin-top:1.25rem;font:400 clamp(1.15rem,2.4vw,2.2rem)/1.4 var(--sans);border-bottom:1px solid currentColor;overflow-wrap:anywhere}
.email-link:hover{color:var(--yellow)}
.email-link:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}

.moodboard{grid-template-columns:.1fr 1fr 1fr;min-height:auto;padding-top:6rem;padding-bottom:6rem}
@media(max-width:800px){.moodboard{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.moodboard{grid-template-columns:1fr;padding:5rem 1rem}}

.travel-case::before{content:none}
.travel-brand{position:relative;z-index:1;width:clamp(12rem,25vw,22rem);max-width:80%;margin:0 0 3rem auto}
.travel-brand img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:640px){.travel-brand{width:14rem;margin:0 0 2.5rem auto}}

.creative-pause{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(36rem,75svh,54rem);padding:5rem 7vw;overflow:hidden;background:#17382e;color:var(--cream)}
.pause-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.creative-pause::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,18,.55),rgba(6,23,18,.18) 60%,transparent);z-index:-1}
.pause-copy{max-width:40rem}
.pause-copy .mini{margin:0 0 3rem;font-size:.75rem}
.pause-copy h2{font:400 clamp(4rem,7.5vw,8rem)/.94 var(--serif);letter-spacing:-.035em;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.2)}
.pause-copy h2 i{font-weight:400}
.pause-note{font:400 1rem/1.6 var(--sans);margin:2.5rem 0 0;max-width:23rem}
@media(max-width:640px){.creative-pause{min-height:42rem;padding:4rem 1.5rem;align-items:end}.pause-art{object-position:65% center}.creative-pause::after{background:linear-gradient(0deg,rgba(6,23,18,.83),rgba(6,23,18,.35) 65%,rgba(6,23,18,.08))}.pause-copy h2{font-size:clamp(3.8rem,16vw,5.5rem)}.pause-copy .mini{margin-bottom:2rem;font-size:.75rem;max-width:17rem;line-height:1.8}.pause-note{margin-top:1.8rem}}

.about-moments{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem 3rem;max-width:72rem;margin:5rem auto 0;align-items:center}
.about-moments figure{margin:0;min-width:0}
.about-moments img,.about-moments video{display:block;width:100%;height:auto;object-fit:contain}
.about-moments figcaption{font:500 1.4rem/1.2 var(--hand);padding:.75rem .1rem 0;color:var(--green)}
.about-sea{grid-column:1;grid-row:1;transform:rotate(-1deg)}
.about-snow{grid-column:2;grid-row:1/3;transform:rotate(1deg)}
.about-flowers{grid-column:1;grid-row:2;width:90%;justify-self:end}
@media(max-width:800px){.about-moments{gap:2rem 1.25rem;margin-top:3rem}}
@media(max-width:640px){.about-moments{grid-template-columns:1fr;gap:2.5rem;padding:0 .5rem}.about-sea,.about-snow,.about-flowers{grid-column:1;grid-row:auto}.about-snow{width:76%;justify-self:end}.about-flowers{width:92%;justify-self:start}.about-moments figcaption{font-size:1.25rem}}

.about-magazine{padding:6rem 4vw 7rem;background:var(--paper)}
.about-kicker{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(11,13,13,.3)}
.about-kicker .mini{margin:0;font-size:.75rem}
.about-kicker>span{font-size:.75rem;letter-spacing:.1em}
.about-spread{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.7fr);column-gap:4vw;row-gap:0;margin-top:3rem}
.about-magazine .spread-title{grid-column:1/3;grid-row:1;font:500 clamp(4.5rem,12vw,12rem)/.87 var(--sans);text-transform:uppercase;letter-spacing:-.065em;margin:0 0 -1.3rem;z-index:2;pointer-events:none}
.spread-portrait{grid-column:1;grid-row:2;margin:0 0 0 8vw;align-self:start}
.spread-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:54% center}
.spread-portrait figcaption{padding:.8rem 0 0;font-size:.75rem;letter-spacing:.1em}
.spread-story{grid-column:2;grid-row:2;align-self:start;padding-top:3rem}
.spread-story .spread-byline{font:400 2rem/1.05 var(--serif);color:var(--red);margin-bottom:1.7rem}
.spread-story .tags{margin-top:2rem;gap:.4rem}
.spread-story .tags span{font-size:.75rem;letter-spacing:.05em;padding:.45rem .6rem}
.spread-motion{margin:3rem 0 0}
.spread-motion video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--night)}
.spread-motion figcaption{font:500 1.35rem/1.2 var(--hand);color:var(--green);padding:.7rem 0 0}
.spread-story .spread-note{font:500 1.5rem/1.1 var(--hand);margin:2rem 0 0;color:var(--green)}
.spread-signature{grid-column:1/3;grid-row:3;position:relative;z-index:2;margin:2rem 0 0;font:400 clamp(4rem,9vw,9rem)/.95 var(--serif);letter-spacing:-.045em}
.spread-signature i{color:var(--red)}
@media(max-width:1000px){.about-spread{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2.5rem}.spread-portrait{margin-left:2vw}.about-magazine .spread-title{margin-bottom:-3.5rem}.spread-story{padding-top:0}.spread-story .spread-byline{font-size:1.8rem}}
@media(max-width:640px){.about-magazine{padding:4rem 1rem 5rem}.about-kicker{align-items:start}.about-kicker>span{max-width:8rem;text-align:right;line-height:1.5}.about-kicker .mini{max-width:9rem}.about-spread{display:flex;flex-direction:column;gap:0;margin-top:2.5rem}.about-magazine .spread-title{font-size:clamp(3.7rem,17vw,6rem);line-height:.9;margin:0 0 -.55rem}.spread-portrait{margin:0 0 0 8%;width:92%}.spread-portrait img{aspect-ratio:4/5}.spread-story{padding:2.5rem 0 0}.spread-story .spread-byline{font-size:2rem}.spread-signature{font-size:clamp(3.6rem,15vw,6rem);order:2;margin:2rem 0 0}.spread-story{order:3}.spread-motion{width:78%;margin:2.5rem 0 0 auto}}

.portrait-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.65rem}
.portrait-details video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--night)}
@media(max-width:640px){.portrait-details{gap:.4rem;margin-top:.4rem}.spread-portrait figcaption{line-height:1.5;font-size:.75rem}}

/* Compact editorial presentation: original horizontal portrait and an early bio. */
.about-magazine{padding:3.5rem 4vw 4.5rem}
.about-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:4vw;row-gap:2rem;margin-top:2rem;max-width:76rem;margin-left:auto;margin-right:auto}
.about-magazine .spread-title{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.94;margin:0;letter-spacing:-.055em}
.spread-portrait{margin:0;width:100%;max-width:32rem;justify-self:end}
.spread-portrait img{aspect-ratio:16/9;height:auto;object-fit:contain;object-position:center}
.spread-story{padding-top:0}
.spread-story .spread-byline{margin-bottom:1rem}
.spread-story .tags{margin-top:1.25rem}
.spread-motion{width:min(100%,18rem);margin:1.75rem 0 0}
.spread-story .spread-note{margin-top:1.25rem}
.spread-signature{font-size:clamp(3rem,5vw,5.5rem);margin:.5rem 0 0}
.creative-pause{min-height:20rem;padding:2.5rem 7vw}
.pause-copy{max-width:45rem}
.pause-copy .mini{margin-bottom:1.25rem}
.pause-copy h2{font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:1.02}
.pause-note{margin-top:1.25rem}
@media(max-width:1000px){.about-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:2rem;row-gap:2rem}.spread-portrait{margin:0}.about-magazine .spread-title{margin:0}}
@media(max-width:640px){.about-magazine{padding:3rem 1rem}.about-spread{gap:1.5rem;margin-top:1.5rem}.about-magazine .spread-title{font-size:clamp(2.8rem,12vw,4.5rem);margin:0;order:0}.spread-story{order:1;padding:0}.spread-portrait{order:2;width:100%;max-width:28rem;margin:0;align-self:center}.spread-portrait img{aspect-ratio:16/9}.spread-signature{order:3;font-size:clamp(2.8rem,12vw,4rem);margin:0}.spread-motion{width:65%;max-width:15rem;margin:1.5rem 0 0 auto}.creative-pause{min-height:19rem;padding:2rem 1.5rem;align-items:center}.pause-copy h2{font-size:clamp(2.4rem,10vw,3.2rem)}.pause-copy .mini{margin-bottom:1rem}.pause-note{margin-top:1rem}}