@import url('./signature.css?v=8');
:root{--paper:#fff;--ink:#171717;--muted:#66635e;--line:#d9d7d2;--olive:#171717;--sage:#fff;--stone:#f7f6f2;--cream:#fff;--forest:#171717}
body{background:#fff;color:var(--ink)}
::selection{background:#171717;color:#fff}
.site-header,.intro,.page-intro,.contact-heading,.about-section,.photo-philosophy,.services{background:#fff;color:var(--ink)}
.site-header{border-bottom:1px solid #eee}
.brand,.brand-name,.intro h2,.intro .eyebrow,.intro-copy .lead,.intro .text-link,.page-intro h1,.contact-heading h1,.about-copy h2,.contact-closing>p:last-child{color:var(--ink)}
.brand-name{padding-right:7px}.brand-branch{position:absolute;right:-33px;top:5px;width:35px;height:31px;transform:rotate(-12deg)}
.twig{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;fill:none}
.branch-mark{display:block;width:33px;height:25px}.heading-branch{position:absolute;right:1%;bottom:7px;width:46px;height:40px;transform:rotate(-12deg)}
.editorial-branch{display:block;width:58px;height:44px;margin:0 0 25px auto}
.quiet-strip{background:#fff;color:var(--ink);border-color:var(--line)}
.intro{padding-top:100px;padding-bottom:100px}.intro-copy p:not(.lead){font-size:14px}
.signature{font-family:'Segatha',cursive;font-weight:400;font-style:normal;letter-spacing:0;text-transform:none;line-height:1.2;font-size:58px;display:inline-block}
.hero h1{font-family:var(--display);font-weight:400;font-size:clamp(72px,7.7vw,128px);line-height:1.1;letter-spacing:-.045em}
.hero h1 .hero-signature{display:block;font-size:1.25em;margin:-6px 0 0 45px;line-height:1.15;letter-spacing:0}
.hero h1 br{display:none}.hero-title{bottom:130px;right:22px}.hero-title .eyebrow{margin-bottom:18px}
.hero-shade{background:linear-gradient(90deg,#0005,transparent 90%),linear-gradient(0deg,#0009,transparent 90%)}
.hero-top{font-size:8px}.hero-location{max-width:440px;font-size:7px}
.hero-play,.feature-play{color:#fff}.hero-play{bottom:105px}
.services{padding-top:35px}.section-kicker{border-color:var(--line)}
.service-photo img{object-position:48% center}.service-film img{object-position:50% center}
.story-image img{object-fit:cover}.story-caption h3{line-height:1.3}
.example-caption{font:400 10px/1.8 var(--body);color:#6f6b64;margin:24px 0 0;letter-spacing:.3px}
.story-meta{font-size:8px}.film-card .story-description{font-size:13px}
.video-band{height:260px;position:relative;isolation:isolate;overflow:hidden;background:#202020;color:white}
.video-band .ambient-video,.video-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.video-band>img{object-position:center 55%}.video-band:after{content:'';position:absolute;inset:0;background:#0005;z-index:-1;pointer-events:none}
.video-band-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:34px;padding:25px var(--gutter)}
.video-band-copy .signature{font-size:75px;transform:rotate(-3deg)}
.video-band-copy .twig{width:48px;height:42px;transform:rotate(-8deg)}
.video-band-caption{position:absolute;bottom:16px;left:var(--gutter);font:400 7px/1.5 var(--body);letter-spacing:1.5px}
.motion-toggle{position:absolute;bottom:9px;right:25px;z-index:3;font:500 8px/1.5 var(--body);letter-spacing:1.2px;text-transform:uppercase;color:inherit;min-height:40px;padding:10px}
.motion-toggle:hover{text-decoration:underline;text-underline-offset:5px}.motion-toggle:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.parallax-break{position:relative;isolation:isolate;min-height:570px;overflow:hidden;background:#282828;color:#fff}
.parallax-image{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;object-position:center;z-index:-3;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
.parallax-shade{position:absolute;inset:0;background:#0007;z-index:-1}
.parallax-copy{position:relative;min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:75px 25px;text-align:center}
.parallax-copy .signature{font-size:67px;transform:rotate(-4deg);margin-bottom:25px}
.parallax-copy h2{font-family:var(--display);font-weight:400;font-size:clamp(43px,5.5vw,88px);letter-spacing:-.035em;line-height:1.2;margin-bottom:25px}
.parallax-copy .text-link{color:white}.parallax-copy .text-link .chevron{width:18px;height:18px}
.black-statement{position:relative;background:#111;color:#fff;text-align:center;padding:85px 25px 75px;overflow:hidden}
.black-statement>.signature{font-size:67px;transform:rotate(-4deg);margin-bottom:17px}
.black-statement h2{font-family:var(--display);font-weight:400;font-size:clamp(43px,5vw,78px);letter-spacing:-.035em;line-height:1.25;margin-bottom:30px}
.statement-branch{width:62px;height:48px;display:block;margin:0 auto}
.about-section{border:0;padding-top:100px;padding-bottom:105px}.about-portrait img{filter:grayscale(1)}
.portrait-placeholder{position:relative;overflow:hidden;background:#eee}.portrait-placeholder img{object-fit:cover;height:500px;object-position:50% center}
.portrait-placeholder>span{position:absolute;bottom:20px;left:20px;color:#fff;font:500 8px/1.7 var(--body);letter-spacing:1.6px;text-shadow:0 1px 5px #000}
.portrait-script.signature{color:#fff;font-size:51px;bottom:65px;right:-75px;transform:rotate(-7deg)}
.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}
.philosophy{position:relative;isolation:isolate;overflow:hidden;background:#2a2a2a;color:#fff}
.philosophy .parallax-image{filter:grayscale(.8);object-position:50% 50%}.philosophy .parallax-shade{background:#0009}
.philosophy-inner{max-width:1060px;margin:0 auto;padding:85px 40px 95px;text-align:center;position:relative}
.philosophy-signature{font-size:55px;margin:0 0 45px;display:block}
.philosophy-list details{padding:0;border:0}.philosophy-list details+details{margin-top:38px}
.philosophy-list summary{list-style:none;display:flex;justify-content:center;align-items:flex-start;gap:18px;cursor:pointer;color:#fff9;transition:color .2s}
.philosophy-list summary::-webkit-details-marker{display:none}.philosophy-list details[open] summary,.philosophy-list summary:hover{color:#fff}
.philosophy-number{font-family:var(--display);font-size:16px;letter-spacing:3px;padding-top:9px;line-height:1.2}
.philosophy-list h2{font-family:var(--display);font-size:clamp(34px,4.6vw,67px);font-weight:400;letter-spacing:.015em;line-height:1.15;margin:0}
.philosophy-text{max-width:680px;margin:36px auto 0;padding-bottom:14px}
.philosophy-text p{font-family:var(--body);font-size:16px;line-height:1.95;margin:0 0 27px}
.philosophy-text .philosophy-subtitle{font-family:var(--display);font-style:italic;font-size:21px;letter-spacing:1px;line-height:1.6;margin-bottom:35px}
.philosophy-text p:last-child{margin-bottom:0}
.companions{padding-top:90px;padding-bottom:90px;background:#fff}.companions>.eyebrow{margin-bottom:28px}
.companions .section-heading{align-items:flex-end}.companions .section-heading h2{font-family:var(--display);font-weight:400;font-size:clamp(43px,4.8vw,76px);line-height:1.2}
.companions .section-heading p{font-size:12px}
.companion-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.companion{padding:37px 32px 30px 0;display:flex;flex-direction:column}.companion+.companion{border-left:1px solid var(--line);padding-left:32px}
.companion .eyebrow{font-size:9px;margin-bottom:23px;letter-spacing:1.5px}
.companion h3{font:400 clamp(31px,3vw,47px)/1.2 var(--display);letter-spacing:-.04em;margin:0 0 22px}
.companion .companion-service{font:500 13px/1.8 var(--body);margin:0 0 19px}
.companion>p:not(.eyebrow):not(.companion-service){font:400 13px/1.9 var(--body);margin:0 0 20px}
.companion ul{font:400 11px/2.5 var(--body);list-style:none;padding:0;margin:0 0 28px;flex:1}
.companion li:before{content:'—';margin-right:9px;color:#8b877e}
.companion .text-link{font-size:9px;letter-spacing:.8px;gap:14px;align-self:flex-start}
.contact-cta{background:#111;color:#fff;min-height:450px}.contact-cta h2,.compact h2{color:#fff;font-weight:400}
.contact-cta .eyebrow,.contact-cta .cta-link,.contact-cta .cta-note{color:#fff}.contact-cta .cta-link{top:45%;bottom:auto}
.cta-signature{position:absolute;bottom:30px;left:var(--gutter);font-size:48px;color:#fff8;transform:rotate(-4deg)}
.site-footer{background:#fff;color:#171717}.footer-bottom{border-color:var(--line)}
.footer-wordmark{position:relative;padding-right:65px;font-size:14.8vw;letter-spacing:-.06em}.footer-twig{position:absolute;right:1%;top:25%;width:65px;height:60px}
.footer-email{font-family:var(--body)}.preview-media-note{font:400 8px/1.6 var(--body);margin:17px 0 0;color:#7b7770}
.page-intro .editorial-branch{color:#171717}.page-intro p:not(.eyebrow){font-size:14px}
.photo-intro>div:last-child{max-width:360px}.photo-banner img{object-position:50% 52%}
.photo-philosophy>p:not(.eyebrow){font-size:14px}.photo-philosophy>.signature{font-size:55px;margin-top:20px;transform:rotate(-4deg)}
.photo-note{border-color:var(--line)}.photo-note p:not(.eyebrow){font-size:14px}
.compact-parallax,.compact-parallax .parallax-copy{min-height:470px}
.video-hero .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.video-hero .film-feature-overlay{z-index:-1;background:#0005}
.video-hero .film-feature-heading{z-index:1;bottom:80px}.video-hero h2{font-family:var(--display);font-weight:400;line-height:1.1;font-size:72px}
.video-hero h2>.signature{font-size:1.2em;display:block;margin-left:20px;line-height:1.1}
.video-hero .film-feature-note{right:auto;left:var(--gutter);bottom:25px}.video-hero .motion-toggle{bottom:11px;right:25px}
.film-intro>div:last-child{max-width:350px}.film-process h2{font-family:var(--display);font-weight:400}.film-process>div:last-child{font-size:14px}
.contact-heading{margin-bottom:30px}.contact-heading>h1{position:relative}.contact-heading>h1>.chevron{position:absolute;right:5%;top:30%;width:55px;height:55px;stroke-width:.8}
.contact-heading>.signature{font-size:47px;transform:rotate(-3deg);margin:28px 0 0}
.contact-aside>p:not(.lead){font-size:14px}.contact-signature{font-size:47px;margin-top:35px;transform:rotate(-5deg)}
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:14px;border-color:#b8b4ab}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#73706a}.contact-form .consent,.form-note,.form-small{color:#66615b}
.form-submit,.form-submit:hover{color:#171717}.form-result .text-link{color:#171717}
.contact-closing{background:#fff;color:#171717}.contact-closing>p:last-of-type{font-family:var(--display);font-size:clamp(42px,6vw,90px);font-weight:400;line-height:1.2;letter-spacing:-.035em}
.contact-closing>p:last-of-type>.signature{font-size:1.3em;padding-left:0;color:#171717;display:block;line-height:1.1}
.closing-branch{display:block;width:57px;height:45px;margin:30px auto 0}
.faq-list details{border-color:var(--line)}.faq-list details p{font-size:13px}
.media-dialog{background:#111;color:#fff}.media-dialog::backdrop{background:#090909ed}.dialog-close,.dialog-nav button{color:#fff}
:is(.site-header,.intro,.page-intro,.contact-heading,.site-footer) :is(a,button):focus-visible{outline-color:#171717}
:is(.contact-cta,.black-statement,.parallax-break,.philosophy,.video-band,.hero,.film-feature,.media-dialog) :is(a,button,summary):focus-visible{outline:2px solid white;outline-offset:5px}
@media(min-width:1650px){.footer-wordmark{font-size:min(14.8vw,280px)}}
@media(max-width:1100px){.companion{padding-right:23px}.companion+.companion{padding-left:23px}.companion h3{font-size:35px}.companion .companion-service{font-size:12px}.footer-twig{width:50px;height:45px}.philosophy-inner{max-width:900px}.hero-location{max-width:270px}}
@media(max-width:760px){
  .brand-branch{right:-28px;top:3px;width:29px;height:27px}.brand-name{padding-right:3px}.main-nav{background:#fff;color:#171717}
  .hero{min-height:620px;height:calc(92svh - 89px)}.hero h1{font-size:clamp(49px,10.9vw,73px);line-height:1.15;letter-spacing:-.045em}.hero h1 .hero-signature{font-size:1.4em;margin:3px 0 0 24px;line-height:1.1}.hero-title{bottom:164px;left:24px;right:14px}.hero-top{font-size:6px;letter-spacing:1.15px;line-height:1.8;max-width:270px}.hero-play{bottom:76px;right:24px;font-size:8px}.hero-image{object-position:54% center}
  .quiet-strip{gap:30px}.branch-mark{width:30px;height:23px}.heading-branch{width:33px;height:30px;bottom:3px;right:0}
  .intro{padding-top:60px;padding-bottom:60px}.intro-copy p:not(.lead){font-size:14px;line-height:1.85}.intro h2{font-size:46px;line-height:1.2;padding-right:0}.intro-copy{padding-top:35px}
  .video-band{height:190px}.video-band-copy{gap:18px}.video-band-copy .signature{font-size:50px}.video-band-copy .twig{width:35px;height:30px}.video-band-caption{font-size:6px;bottom:13px;letter-spacing:1px}.motion-toggle{font-size:7px;right:14px;bottom:5px}
  .services{padding-top:32px}.section-kicker{align-items:start}.section-kicker .eyebrow{font-size:6px;max-width:150px}.section-kicker>span{font-size:15px;max-width:130px;white-space:normal;text-align:right;line-height:1.5}
  .service-caption h3{font-size:31px;line-height:1.2}.service-caption p{font-size:9px}.example-caption{font-size:9px;line-height:1.8;margin-top:18px}
  .parallax-break,.parallax-copy{min-height:500px}.parallax-copy{padding:60px 24px}.parallax-copy .signature{font-size:52px;margin-bottom:25px}.parallax-copy h2{font-size:42px;line-height:1.25}.parallax-copy .text-link{font-size:8px}
  .black-statement{padding:58px 24px 50px}.black-statement>.signature{font-size:49px;margin-bottom:22px}.black-statement h2{font-size:37px;line-height:1.3;margin-bottom:26px}.statement-branch{width:50px;height:40px}
  .about-section{padding-top:60px;padding-bottom:65px}.portrait-placeholder img{height:390px}.portrait-placeholder>span{font-size:6px;left:15px;bottom:15px}.portrait-script.signature{font-size:39px;right:-62px;bottom:55px}.about-copy h2{font-size:45px;line-height:1.2}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.85}
  .philosophy-inner{padding:58px 24px 65px}.philosophy-signature{font-size:46px;margin-bottom:37px}.philosophy-list details+details{margin-top:32px}.philosophy-list summary{gap:11px;align-items:center}.philosophy-number{font-size:11px;letter-spacing:1.3px;padding-top:0;flex-shrink:0}.philosophy-list h2{font-size:clamp(26px,6.4vw,40px);letter-spacing:0;line-height:1.25}.philosophy-text{margin-top:30px;padding-bottom:15px}.philosophy-text p{font-size:14px;line-height:1.95;margin-bottom:23px}.philosophy-text .philosophy-subtitle{font-size:17px;line-height:1.65;letter-spacing:.4px;margin-bottom:28px}
  .companions{padding-top:55px;padding-bottom:55px}.companions>.eyebrow{font-size:7px;letter-spacing:1.2px}.companions .section-heading{align-items:start;gap:25px}.companions .section-heading h2{font-size:42px;line-height:1.2}.companions .section-heading p{font-size:12px;line-height:1.9}.companion-grid{grid-template-columns:1fr}.companion{padding:31px 0}.companion+.companion{border-left:0;border-top:1px solid var(--line);padding-left:0}.companion .eyebrow{font-size:8px;margin-bottom:21px}.companion h3{font-size:39px;line-height:1.2;margin-bottom:18px}.companion .companion-service{font-size:14px;margin-bottom:16px}.companion>p:not(.eyebrow):not(.companion-service){font-size:14px;line-height:1.85}.companion ul{font-size:12px;line-height:2.4;margin-bottom:19px}.companion .text-link{font-size:9px}
  .contact-cta,.compact{min-height:390px;padding-top:48px;padding-bottom:120px}.contact-cta h2,.compact h2{font-size:47px;line-height:1.2}.contact-cta .cta-link{top:auto;bottom:40px;font-size:9px}.cta-signature{font-size:36px;bottom:92px;left:24px;line-height:1}
  .footer-wordmark{font-size:13.9vw;padding-right:30px;line-height:1.2}.footer-twig{width:31px;height:28px;right:0;top:24%}.footer-email{font-size:23px}.preview-media-note{font-size:8px;line-height:1.75;margin-top:20px}
  .page-intro p:not(.eyebrow){font-size:13px}.photo-intro>div:last-child{padding-right:0;max-width:none}.editorial-branch{width:40px;height:34px;position:absolute;right:0;top:0}.photo-intro>div:last-child p{padding-right:38px}.photo-philosophy>.signature{font-size:45px;margin-top:16px}.photo-banner img{object-position:49% center}.photo-note>div p{font-size:14px}.photo-note .text-link{font-size:8px}
  .compact-parallax,.compact-parallax .parallax-copy{min-height:440px}.video-hero h2{font-size:46px;line-height:1.13}.video-hero h2>.signature{font-size:1.3em;margin:0 0 0 18px;line-height:1.1}.video-hero .film-feature-heading{bottom:100px;left:24px}.video-hero .feature-play{top:45px;bottom:auto;font-size:7px}.video-hero .film-feature-note{font-size:6px;left:24px;bottom:23px;max-width:235px}.video-hero .motion-toggle{right:12px;bottom:6px}.film-intro>div:last-child{max-width:none;margin-top:25px}.film-process>div:last-child{font-size:14px}.film-card .story-description{font-size:13px}
  .contact-heading>h1>.chevron{display:none}.contact-heading>.signature{font-size:35px;line-height:1.1;margin-top:28px}.contact-signature{font-size:40px;line-height:1.1;margin-top:30px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:13px}.contact-closing>p:last-of-type{font-size:43px;line-height:1.2}.closing-branch{width:46px;height:37px;margin-top:25px}.faq-list details p{font-size:13px;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){.parallax-image{transform:none!important;will-change:auto}.ambient-video{display:none}.signature{transform:none!important}}

/* Reference typography: prose only; preserve existing sizes and spacing. */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('./eb-garamond-regular.ttf') format('truetype')}
:root{--prose:'EB Garamond',Garamond,serif}
.intro-copy p,.about-copy>p:not(.eyebrow),.philosophy-text p:not(.philosophy-subtitle),.section-heading>p,.section-heading>div>p:not(.eyebrow),.page-intro p:not(.eyebrow),.photo-philosophy>p:not(.eyebrow):not(.signature),.photo-note p:not(.eyebrow),.film-intro>p,.film-intro>div:last-child p,.film-process>div:last-child p,.film-card .story-description,.companion p:not(.eyebrow),.package ul,.package-footnote,.contact-aside>p:not(.eyebrow):not(.signature),.faq-list details p,.dialog-caption>p,.example-caption{font-family:var(--prose)}

/* Original branches supplied by Ingrid; retain every existing twig box. */
.twig{position:relative}.twig img{width:100%;height:100%;object-fit:contain}.twig .twig-light{display:none}.video-band .twig .twig-dark,.black-statement .twig .twig-dark{display:none}.video-band .twig .twig-light,.black-statement .twig .twig-light{display:block}

.philosophy>.parallax-image{filter:grayscale(1)}

/* The first home film contains encoded letterboxing: crop it on narrow screens. */
@media(max-width:760px){.video-band--home-first>.ambient-video,.video-band--home-first>img{transform:scale(1.38);transform-origin:center}}
