/* Mascar — a typographic studio, with deliberate scale and motion. */
:root{--ease:cubic-bezier(.22,1,.36,1)}
body{font-family:'DM Sans',Manrope,Arial,sans-serif}::selection{background:#111;color:#fff}.dark ::selection{background:#fff;color:#111}.wrap{width:min(1440px,calc(100% - 112px))}.section{padding-block:clamp(85px,10vw,160px)}
.header{padding-block:20px;background:#fffffff2}.desktop a{position:relative}.desktop a:after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.desktop a:hover{text-decoration:none}.desktop a:hover:after{transform:scaleX(1)}
.hero{position:relative;padding-top:36px}.eyebrow,.section-label,.hero-baseline{font-size:12px;letter-spacing:.12em}.hero .hero-title{margin:60px 0 58px;display:grid;grid-template-columns:1fr;line-height:.95;letter-spacing:-.065em}.hero-title .hero-line{display:block;color:var(--ink);width:fit-content;max-width:100%}.hero-title .hero-small{font-size:clamp(2rem,4.4vw,4.5rem);font-weight:400;letter-spacing:-.05em;margin-bottom:16px}.hero-title .hero-bold{font-size:clamp(6rem,17vw,17rem);font-weight:600;letter-spacing:-.075em;line-height:1.03}.hero-title .hero-serif{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(6rem,17.2vw,17.2rem);font-style:italic;line-height:1.07;font-weight:400;letter-spacing:-.055em;justify-self:end;margin-top:-.09em;padding-right:.06em}.hero-bottom{grid-template-columns:1fr 1fr;gap:16%;padding-bottom:58px}.hero-statement{font-size:clamp(1.5rem,2.6vw,2.6rem);max-width:23ch;line-height:1.25}.hero-bottom>div{padding-top:6px}.hero-baseline{position:relative}.hero-baseline:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:#111;transform-origin:left;animation:rule-in 1.6s var(--ease) both}.button{border-radius:0;position:relative;overflow:hidden;transition:background .35s,color .35s,transform .5s var(--ease)}.button:hover{transform:translateY(-3px)}
h2{font-family:'DM Sans',Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.06em;line-height:1.04}.section-label{display:flex;align-items:center;gap:20px;margin-bottom:56px}.section-label:before{content:'';width:34px;height:1px;background:currentColor}.problem h2{font-size:clamp(2.8rem,6.5vw,6.8rem);max-width:22ch}.problem h2>span:not(.reveal-word),.about h2>span:not(.reveal-word),.closing h2>span:not(.reveal-word){font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em;color:#bcbcbc}.problem-board>div{transition:border-color .4s,transform .5s var(--ease)}.problem-board>div:hover{border-color:#fff;transform:translateX(6px)}.transition strong{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(2.2rem,4vw,4rem)}
.section-intro{grid-template-columns:1.35fr 1fr;gap:12%;margin-bottom:80px}.section-intro h2{font-size:clamp(2.7rem,6.7vw,6.7rem)}.section-intro>p{padding-bottom:8px}.pillar{position:relative;transition:background .4s,padding .5s var(--ease)}.pillar summary{padding:30px 0;gap:40px}.pillar h3{font-size:clamp(2.2rem,6.8vw,6.5rem);font-weight:500;letter-spacing:-.065em}.pillar:nth-child(3n) h3{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.025em;font-size:clamp(2.7rem,7.6vw,7.2rem)}.pillar .number{font-family:monospace;font-size:13px}.pillar .plus{flex-basis:38px;height:38px;border:1px solid #bcbcbc;border-radius:50%;transition:background .35s,color .35s,transform .5s var(--ease)}.plus:before,.plus:after{width:14px;left:11px;top:18px}details[open] .plus{background:#111;color:#fff;border-color:#111;transform:rotate(180deg)}.pillar[open]{padding-inline:24px;background:#f4f4f4}.pillar-content{padding-left:54px}.pillar h4{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.2}.pillar-content li{background:#fff;border-color:#d5d5d5}.process{background:#ededed}.process>.wrap{display:grid;grid-template-columns:1fr 1.1fr;column-gap:12%;align-items:start}.process .section-label{grid-column:1/-1}.process h2{position:sticky;top:145px;font-size:clamp(3rem,6vw,6.2rem)}.steps{display:block;margin-top:0}.steps article{position:relative;display:grid;grid-template-columns:65px 1fr;gap:0 24px;padding:30px 0;border-color:#b8b8b8}.step-number{grid-row:1/3;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:3.7rem;line-height:1;color:#888}.steps h3{font-size:30px;margin:0 0 10px;line-height:1.2}.steps p{max-width:36ch}.comparison{gap:18px;align-items:start}.comparison article{padding:40px}.comparison .after{margin-top:80px}.brand-sample{min-height:310px}.coherent strong{font-size:clamp(2.6rem,5.1vw,5.2rem)}.coherent span{font-size:13px}.about h2{font-size:clamp(2.8rem,6.8vw,7rem)}.about-copy{margin-top:70px}.about-copy .lead{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(2.5rem,4.2vw,4.4rem);line-height:1.1}.values{gap:14px 40px}.team-heading h2{font-size:clamp(3rem,8.5vw,8.5rem);letter-spacing:-.07em}.team figure{overflow:hidden}.team img{transform-origin:center bottom}.closing h2{font-size:clamp(2.8rem,6.4vw,6.4rem);max-width:23ch}.closing h2>span:not(.reveal-word){color:#666;display:block;margin-top:20px;font-size:1.25em}.closing-bottom{padding-top:40px;border-top:1px solid #bbb}.footer-top{padding-block:20px 60px}.footer-top .wordmark{width:clamp(160px,24vw,320px);height:auto;aspect-ratio:850/153}.footer-top .brand>span{font-size:14px}.footer-bottom{padding-bottom:10px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:#777;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.reveal-word{display:inline-block;white-space:pre}.motion-heading .reveal-word{will-change:auto}
@keyframes rule-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:761px){.hero-title .hero-small{margin-left:7%}.hero-title .hero-bold{margin-left:6%}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.process>.wrap{column-gap:7%}.section-intro{gap:7%}.pillar summary{gap:24px}.hero-bottom{gap:8%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:17px}.hero{padding-top:26px}.hero .hero-title{margin:44px 0 40px}.hero-title .hero-small{font-size:1.9rem;margin-bottom:16px}.hero-title .hero-bold{font-size:24vw;letter-spacing:-.07em;line-height:1.02}.hero-title .hero-serif{font-size:23.5vw;letter-spacing:-.055em;margin-top:0;line-height:1.1}.hero-bottom{grid-template-columns:1fr;gap:24px}.hero-statement{font-size:1.55rem;max-width:23ch}.hero-baseline{font-size:11px;letter-spacing:.045em}.section{padding-block:80px}.section-label{margin-bottom:35px;gap:14px;font-size:12px;letter-spacing:.055em}.section-label:before{width:20px;flex-shrink:0}.problem h2,.section-intro h2,.about h2,.closing h2{font-size:clamp(2.55rem,9.7vw,4rem);line-height:1.07}.section-intro{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.pillar summary{gap:15px;padding:25px 0}.pillar h3{font-size:clamp(1.7rem,7.8vw,3.4rem)}.pillar:nth-child(3n) h3{font-size:clamp(2.2rem,10vw,4rem)}.pillar[open]{padding-inline:12px}.pillar .number{font-size:12px}.pillar .plus{flex-basis:30px;height:30px}.plus:before,.plus:after{left:7px;top:14px}.pillar-content{padding:0 0 28px;gap:24px}.process>.wrap{display:block}.process h2{position:static;font-size:clamp(2.6rem,10vw,4rem);margin-bottom:40px}.steps article{grid-template-columns:50px 1fr;gap:0 16px;padding:24px 0}.steps article:last-child{max-width:none}.steps h3{font-size:25px}.step-number{font-size:3.1rem}.comparison{grid-template-columns:1fr;gap:16px}.comparison article{padding:28px}.comparison .after{margin-top:0}.brand-sample{min-height:240px}.coherent strong{font-size:3.6rem}.about-copy .lead{font-size:2.6rem}.team-heading h2{font-size:13vw}.closing h2>span:not(.reveal-word){font-size:1.16em}.closing-bottom{padding-top:28px}.button.large{width:100%}.footer-top{padding-bottom:38px}.footer-top p{font-size:11px}.footer-top .wordmark{width:145px}.footer-top{gap:22px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.hero-baseline:before{animation:none}.reveal-word{transform:none!important;opacity:1!important}}

.dark h2 .reveal-word{color:inherit}.closing h2 .reveal-word{font-family:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}