@import url('./ci-display.css');
/* Instagram identity: sage olive, warm stone, fine serif titles, Jost copy. */
:root{--paper:#f0efe3;--ink:#303c28;--muted:#596449;--line:#bdc2aa;--olive:#7d856c;--sage:#7d856c;--stone:#cdd0b9;--cream:#f4f2e7;--forest:#101b0c;--display:'Bodoni Moda',Didot,'Bodoni MT',serif;--body:'Jost',Arial,sans-serif}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400}
::selection{background:var(--sage);color:var(--cream)}
h1,h2,h3{font-family:var(--display);font-weight:400;font-optical-sizing:auto;letter-spacing:-.035em;line-height:1.15}
em{font-style:normal;font-weight:400}
.lead,.intro-copy .lead,.contact-aside .lead{font-family:var(--body);font-weight:400;letter-spacing:-.35px;line-height:1.5}
.eyebrow,.text-link,.main-nav,.header-note,.brand-sub,.hero-top,.hero-bottom,.quiet-strip,.service-caption p,.story-meta,.portrait-caption,.workflow-grid article>span,.cta-link,.footer-tag,.footer-top p,.footer-social,.footer-bottom,.gallery-filters,.gallery-note,.package-hours span,.package ul,.contact-details,.contact-form,.faq-list,.film-feature-note{font-family:var(--body)}
.eyebrow{font-weight:500;letter-spacing:1.7px}
.site-header{background:var(--sage);color:var(--forest);border-bottom-color:#f4f2e740}
.brand{color:var(--cream)}
.brand-name{font-family:var(--display);font-size:38px;font-weight:400;letter-spacing:-1px}
.brand-star{font-size:11px;right:-15px;top:4px}
.brand-sub{letter-spacing:2.1px;font-size:6px}
.main-nav a{font-weight:500;letter-spacing:1.4px}
.main-nav a:after,.menu-toggle span{background:var(--forest)}
.header-note{font-size:8px;letter-spacing:1.5px}
.hero,.hero-play,.hero-controls button,.film-feature,.feature-play,.image-badge,.image-arrow,.small-play{color:var(--cream)}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(78px,8.2vw,138px);line-height:1.09;letter-spacing:-.04em}
.hero h1 em{line-height:1.09;font-weight:400}
.hero-top,.hero-bottom{font-weight:400}
.quiet-strip{background:var(--stone);color:var(--forest);border-color:#adb69b}
.intro{background:var(--sage);color:var(--forest);padding-top:105px;padding-bottom:110px}
.intro h2{color:var(--cream);font-size:clamp(54px,5.4vw,88px);font-weight:400;letter-spacing:-.04em;line-height:1.17}
.intro .eyebrow{color:var(--forest)}
.intro-copy{padding-top:55px}
.intro-copy .lead{color:var(--cream);font-size:27px;line-height:1.45}
.intro-copy p:not(.lead){font-family:var(--body);font-size:14px;line-height:1.9}
.intro .text-link{color:var(--forest);font-weight:500}
.heading-star{color:var(--cream)}
.section-kicker{border-color:var(--line)}
.section-kicker>span{font-family:var(--display);font-style:normal;font-size:21px}
.services{padding-top:55px}
.service-caption h3{font-family:var(--display);font-weight:400;line-height:1.24;font-size:clamp(32px,3vw,48px);letter-spacing:-.035em}
.service-caption p{font-size:11px}
.film-feature h2{font-family:var(--display);font-weight:400;line-height:1.14;font-size:clamp(57px,6.7vw,110px);letter-spacing:-.04em}
.story-caption h3,.film-card .story-caption h3{font-family:var(--display);font-weight:400;letter-spacing:-.5px;line-height:1.25}
.story-caption h3{font-size:27px}
.film-card .story-caption h3{font-size:34px}
.story-meta{font-size:9px;letter-spacing:1.1px}
.about-section{background:var(--stone);color:var(--forest);border-top-color:#aeb69b}
.about-copy h2{font-family:var(--display);font-weight:400;line-height:1.2;font-size:clamp(45px,4.4vw,72px)}
.about-copy>p:not(.eyebrow){font-family:var(--body);font-size:14px;line-height:1.9}
.portrait-script{font-family:var(--display);font-weight:400;color:var(--cream)}
.workflow{border-color:var(--line)}
.workflow h2{font-family:var(--display);font-weight:400;line-height:1.2}
.workflow-grid h3{font-family:var(--display);font-weight:400;font-size:25px;line-height:1.3;letter-spacing:-.5px}
.workflow-grid p{font-family:var(--body);font-size:12px;line-height:1.9}
.contact-cta,.contact-closing{background:var(--sage);color:var(--forest)}
.contact-cta h2,.compact h2{font-family:var(--display);font-weight:400;color:var(--cream);line-height:1.2;font-size:clamp(56px,6.1vw,100px);letter-spacing:-.04em}
.contact-cta .eyebrow,.contact-cta .cta-link,.contact-cta .cta-note{color:var(--forest)}
.cta-link{font-weight:500}
.contact-closing>p:last-child{font-family:var(--display);color:var(--cream);font-weight:400;line-height:1.2}
.site-footer{background:#3f4b34;color:var(--cream)}
.footer-email{font-family:var(--body);font-size:clamp(23px,2.4vw,38px);font-weight:400;letter-spacing:-.6px;line-height:1.4}
.footer-wordmark{font-family:var(--display);font-weight:400;letter-spacing:-.065em;font-size:15.3vw;line-height:1.05}
.footer-bottom{border-color:#f4f2e743}
.page-intro,.contact-heading{background:var(--sage);color:var(--forest)}
.page-intro h1,.contact-heading h1{font-family:var(--display);color:var(--cream);font-weight:400;line-height:1.14;letter-spacing:-.04em}
.page-intro .editorial-star{color:var(--cream)}
.page-intro p:not(.eyebrow){font-family:var(--body);font-size:14px;line-height:1.85}
.contact-heading{margin-bottom:55px}
.photo-intro{margin-bottom:0}
.photo-philosophy h2,.gallery-section h2,.photo-note h2,.film-process h2,.faq h2{font-family:var(--display);font-weight:400;line-height:1.2}
.photo-philosophy>p:last-child,.photo-note p:not(.eyebrow),.film-process>div:last-child{font-family:var(--body);font-size:14px;line-height:1.9}
.photo-banner figcaption{color:var(--cream)}
.gallery-filters button[aria-pressed=true]{border-color:var(--ink)}
.packages{background:var(--stone);color:var(--forest)}
.package-grid,.package+.package{border-color:#9ba68c}
.package h3{font-family:var(--display);font-weight:400;line-height:1.2;font-size:38px}
.package-hours{font-family:var(--display);font-weight:400}
.package ul{font-size:12px;line-height:2.5}
.film-card .story-description{font-family:var(--body);font-size:13px;line-height:1.9}
.contact-aside>p:not(.lead){font-family:var(--body);font-size:14px;line-height:1.9}
.contact-aside .lead{font-size:27px}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-family:var(--body);border-color:#9ca68c;font-size:14px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#677259}
.contact-form .consent,.form-note,.form-small{color:#4c5941}
.form-submit,.form-submit:hover{background:transparent;color:var(--ink)}
.faq-list details{border-color:var(--line)}
.faq-list details p{font-family:var(--body);font-size:12px;line-height:1.9}
.media-dialog{background:#303d26;color:var(--cream)}
.media-dialog::backdrop{background:#1c2618f2}
.dialog-close,.dialog-nav button{color:var(--cream)}
.dialog-caption h2{font-family:var(--display);font-weight:400;line-height:1.25}
.dialog-caption p{font-family:var(--body)}
:is(.site-header,.intro,.page-intro,.contact-heading,.contact-cta,.contact-closing) :is(a,button):focus-visible{outline-color:var(--forest)}
:is(.site-footer,.hero,.film-feature,.media-dialog) :is(a,button):focus-visible{outline-color:var(--cream)}
@media(min-width:1650px){.hero h1{font-size:146px}.footer-wordmark{font-size:min(15.3vw,294px)}}
@media(max-width:1100px){.intro h2{font-size:65px}.intro-copy{padding-top:46px}.about-copy h2{font-size:51px}.workflow-grid h3{font-size:23px}.package h3{font-size:33px}.footer-email{font-size:29px}}
@media(max-width:760px){
  .brand-name{font-size:32px;letter-spacing:-.8px}.brand-sub{font-size:5px;letter-spacing:1.85px}.brand-star{font-size:10px;right:-13px}
  .main-nav{background:var(--sage);color:var(--forest)}.main-nav a{font-family:var(--body);font-size:28px;font-weight:400;letter-spacing:-.25px}
  .hero h1{font-size:clamp(57px,12.3vw,82px);line-height:1.12;letter-spacing:-.04em}.hero h1 em{line-height:1.12}
  .intro{padding-top:62px;padding-bottom:65px}.intro h2{font-size:clamp(47px,10.1vw,67px);line-height:1.2;letter-spacing:-.04em}.intro-copy{padding-top:35px}.intro-copy .lead{font-family:var(--body);font-size:24px;line-height:1.45}.intro-copy p:not(.lead){font-size:14px;line-height:1.85}
  .services{padding-top:32px}.section-kicker>span{font-size:17px}.service-caption h3{font-size:32px;line-height:1.23}.service-caption p{font-size:9px}
  .film-feature h2{font-size:54px;line-height:1.2}.section-heading h2{font-family:var(--display);font-weight:400;font-size:43px;line-height:1.2;letter-spacing:-.035em}
  .story-caption h3{font-size:27px;line-height:1.25}.story-meta{font-size:8px;line-height:1.8;letter-spacing:1px}.film-card .story-caption h3{font-size:30px}
  .about-copy h2{font-size:46px;line-height:1.2}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}.portrait-script{font-size:27px}
  .workflow h2{font-size:43px;line-height:1.2}.workflow-grid h3{font-size:24px;line-height:1.3}.workflow-grid p{font-size:12px;line-height:1.85}
  .contact-cta h2,.compact h2{font-size:47px;line-height:1.2;letter-spacing:-.04em}.contact-cta .eyebrow{font-size:8px}.cta-link{font-size:10px}.contact-closing>p:last-child{font-size:43px;line-height:1.25}
  .footer-email{font-size:24px;letter-spacing:-.5px;line-height:1.4}.footer-wordmark{font-size:14.1vw;letter-spacing:-.055em;font-weight:400;line-height:1.2}
  .page-intro h1{font-size:57px;line-height:1.16}.page-intro p:not(.eyebrow){font-size:13px;line-height:1.85}.photo-philosophy h2{font-size:47px;line-height:1.22}.photo-philosophy>p:last-child,.photo-note p:not(.eyebrow){font-size:14px;line-height:1.85}
  .gallery-section h2{font-size:44px;line-height:1.2}.photo-note h2{font-size:47px;line-height:1.2}.film-intro h1{font-size:51px;line-height:1.18}.video-hero h2{font-size:43px;line-height:1.2}
  .packages .section-heading h2{font-family:var(--display);font-weight:400;font-size:51px;line-height:1.2}.package h3{font-size:38px;line-height:1.2}.package ul{font-size:12px;line-height:2.5}.film-process h2{font-size:46px;line-height:1.22}.film-process>div:last-child{font-size:14px;line-height:1.85}.film-card .story-description{font-size:13px;line-height:1.85}
  .contact-heading{margin-bottom:35px}.contact-heading h1{font-size:57px;line-height:1.15}.contact-aside .lead{font-family:var(--body);font-size:25px;line-height:1.45}.contact-aside>p:not(.lead){font-size:14px;line-height:1.85}
  .contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-family:var(--body);font-size:13px}.faq h2{font-size:47px;line-height:1.2}.faq-list details p{font-family:var(--body);font-size:12px;line-height:1.85}.dialog-caption h2{font-size:26px;line-height:1.25}
}