@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--paper:#faf8f5;--ink:#302c29;--wine:#4c4640;--pink:#eae5de;--line:#cec7be}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}header{max-width:1400px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.wordmark{font-family:Georgia,serif;font-style:italic;font-size:34px;letter-spacing:-2px;text-decoration:none;line-height:1}.wordmark span{font-family:'DM Sans',sans-serif;font-style:normal;display:block;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-top:10px}nav{display:flex;gap:32px}nav a,.contact-link{font-size:14px;text-decoration:none}.contact-link{border-bottom:1px solid;padding:5px 0}a:focus-visible,video:focus-visible{outline:3px solid var(--wine);outline-offset:6px}a:hover{color:var(--wine)}main{overflow:hidden}.hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;padding:65px 5% 75px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;line-height:1.7;margin:0 0 24px}h1,h2{font-family:'Italiana',Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.07;margin:0}h1{font-size:clamp(48px,5.8vw,82px)}em{font-family:Georgia,serif;font-weight:400;font-size:.9em;color:var(--wine)}.intro{font-size:18px;max-width:410px;margin:28px 0}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.button{display:inline-block;background:var(--wine);color:white;text-decoration:none;font-size:14px;padding:14px 24px}.button:hover{background:var(--ink);color:white}.text-link{font-size:14px;text-underline-offset:6px}.languages{font-size:13px;margin-top:30px}.hero-photo{position:relative;max-width:460px;width:100%;justify-self:end}.hero-photo img{display:block;width:100%;height:560px;object-fit:cover;object-position:center;border-radius:48% 48% 0 0}.photo-note{position:absolute;bottom:38px;left:-35px;transform:rotate(-8deg);background:var(--paper);padding:10px 20px;font-family:Georgia,serif;font-style:italic;font-size:22px;box-shadow:0 4px 24px #302c2915}.photo-index{font-size:12px;letter-spacing:1.5px;display:block;margin-top:15px;text-align:right}.topics{background:var(--wine);color:#faf8f5;display:flex;justify-content:space-around;padding:20px 5%;gap:24px;font-family:Georgia,serif;font-style:italic;font-size:21px;flex-wrap:wrap}.section{max-width:1400px;margin:auto;padding:90px 5%}h2{font-size:clamp(42px,5.4vw,72px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid var(--line)}.about-copy p{max-width:530px;margin:0 0 20px}.about-copy p:first-child{font-family:Georgia,serif;font-size:24px;line-height:1.5}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.section-top>p{font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}figure{margin:0}.media-frame{height:470px;position:relative;overflow:hidden;background:var(--pink)}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover;display:block}.media-tag{position:absolute;top:16px;left:16px;pointer-events:none;background:var(--paper);font-size:12px;letter-spacing:1px;padding:5px 10px}h3{font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.3;margin:20px 0 8px}figcaption p{font-size:14px;margin:0}.collab{max-width:none;background:var(--pink);padding-left:max(5%,calc((100vw - 1260px)/2));padding-right:max(5%,calc((100vw - 1260px)/2))}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.services article{border-top:1px solid var(--wine);padding-top:16px}.services article>span{font-size:13px}.services p{font-size:16px}.brand-note{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.brand-note .eyebrow{margin:0}.brand{font-size:34px;font-weight:600;letter-spacing:5px;margin:0}.brand-note>p:last-child{font-size:14px}.connect{text-align:center;padding-top:100px;padding-bottom:100px}.connect>p:not(.eyebrow){margin:25px auto;max-width:500px}.email{font-size:clamp(20px,3vw,32px);text-underline-offset:10px;text-decoration-thickness:1px;overflow-wrap:anywhere}.connect-links{display:flex;justify-content:center;gap:30px;margin-top:30px;font-size:14px}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px}footer .wordmark{font-size:26px}footer a{font-size:14px}@media(max-width:900px){.hero{gap:5%}.hero-photo img{height:440px}.media-frame{height:350px}.services{gap:25px}.brand-note{flex-wrap:wrap}}@media(max-width:650px){header{padding:22px 6%;flex-wrap:wrap;gap:18px}.wordmark{font-size:29px}nav{order:3;width:100%;justify-content:space-between;gap:12px}.hero{padding:45px 6%;grid-template-columns:1fr;gap:40px}h1{font-size:52px}.hero-photo{justify-self:center;max-width:360px}.hero-photo img{height:450px}.photo-note{left:-8px;font-size:19px}.topics{font-size:18px;gap:12px 24px;padding:20px 6%}.section{padding:60px 6%}.about{grid-template-columns:1fr;gap:30px}.section-top{display:block}.section-top>p{margin-top:24px}.work-grid{grid-template-columns:1fr;gap:35px}.media-frame{height:auto;aspect-ratio:3/4;max-height:600px}.services{grid-template-columns:1fr;gap:25px}.brand-note{display:block}.brand-note p{margin-bottom:15px}.brand-note .brand{margin-top:20px}footer{flex-wrap:wrap;padding:25px 6%}footer p{width:100%;order:3;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.media-frame video{object-fit:contain;background:#eae5de}.play-reel{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(transparent 50%,#0008);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;font:500 14px DM Sans,Arial,sans-serif}.play-icon{display:grid;place-items:center;background:#faf8f5ef;color:#302c29;width:62px;height:62px;border-radius:50%;font-size:24px;padding-left:4px}.play-label{background:#302c29dd;padding:5px 14px;border-radius:2px}.play-reel:focus-visible{outline:3px solid #302c29;outline-offset:-6px}.play-reel[hidden]{display:none}.play-reel:disabled{cursor:wait}.video-status{font-size:13px}.video-status:empty{display:none}.media-frame{height:auto;aspect-ratio:9/16}.media-tag{max-width:calc(100% - 24px);font-size:11px;left:12px;top:12px}.hero-photo img{object-position:center 37%}.hero-photo .photo-note{bottom:38px}@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.work-grid{grid-template-columns:1fr}.hero-photo img{height:450px}.media-frame{max-height:none}.media-tag{font-size:12px}}

.insights{border-top:1px solid var(--line)}.insights-date{font-size:14px;margin:25px 0 30px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat{background:var(--pink);padding:28px 30px;border-radius:4px}.stat strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,58px);line-height:1.2;margin-bottom:12px}.stat span{font-size:16px}.audience-details{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:42px}.discovery>p:last-child{font-family:Georgia,serif;font-size:26px;line-height:1.55;margin:0}.discovery strong{font-weight:400;font-size:40px}.audience-snapshot dl{margin:0}.audience-snapshot dl div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.audience-snapshot dt{font-size:14px}.audience-snapshot dd{font-size:16px;margin:0}.insights-footnote{font-size:13px;margin:30px 0 0;color:var(--wine)}@media(max-width:650px){.stats-grid{grid-template-columns:1fr;gap:14px}.stat{padding:22px}.stat strong{font-size:42px}.audience-details{grid-template-columns:1fr;gap:30px}.discovery>p:last-child{font-size:24px}header nav{flex-wrap:wrap}}

/* Show each reel as if it is playing on a modern phone. */
.phone-shell{position:relative;width:min(100%,220px);aspect-ratio:9/17.5;margin:0 auto 24px;padding:28px 7px 25px;border:2px solid #272727;border-radius:38px;background:linear-gradient(145deg,#1c1c1c,#050505 46%,#111);box-shadow:0 16px 34px #302c2924,inset 0 0 0 1px #ffffff1c}
.phone-shell::before{content:"";position:absolute;z-index:2;top:10px;left:50%;width:62px;height:14px;transform:translateX(-50%);border-radius:999px;background:#030303;box-shadow:inset 0 1px 1px #ffffff20}
.phone-shell::after{content:"";position:absolute;bottom:9px;left:50%;width:54px;height:4px;transform:translateX(-50%);border-radius:999px;background:#bdbdbd}
.phone-shell .media-frame{width:100%;height:auto;aspect-ratio:9/16;border-radius:27px;overflow:hidden;background:#111}
.phone-shell .media-frame video{background:#111}
.phone-shell .media-tag{border-radius:2px;font-size:10px;letter-spacing:.7px}
.phone-shell .play-reel{border-radius:27px}
.video-card figcaption{text-align:center}
@media(max-width:1000px){.phone-shell{width:min(100%,235px)}}
@media(max-width:650px){.phone-shell{width:min(100%,250px);margin-bottom:22px}}
