@font-face { font-family: "Inter Display"; src: url("/_framer/assets/bHYNJqzTyl2lqvmMiRRS6Y16Es.woff2"); font-display: swap; font-style: normal; font-weight: 400; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("/_framer/assets/iwWTDc49ENF2tCHbqlNARXw6Ug.woff2"); font-display: swap; font-style: normal; font-weight: 500; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("/_framer/assets/PfdOpgzFf7N2Uye9JX7xRKYTgSc.woff2"); font-display: swap; font-style: normal; font-weight: 600; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
@font-face { font-family: "Inter Display"; src: url("/_framer/assets/ytuJ1iJd5SddEQ3LTMbeYRRwiE.woff2"); font-style: normal; font-weight: 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD }
:root{font-family:"Inter Display",Arial,sans-serif;color:#191919;background:#fff;font-synthesis:none;--red:#ff2b16;--line:#e7e7e5}*{box-sizing:border-box}body{margin:0}::selection{background:#ff2b1628}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}svg{width:23px;height:23px;flex:none}h1,h2,h3,p{margin:0}.draftbar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #e0e0dd;background:#f4f4f2;font-size:11px;color:#656563}.draft-tabs{display:flex;gap:3px;padding:3px;background:#e8e8e5;border-radius:9px}.draft-tabs button{border:0;background:transparent;color:#656563;padding:8px 15px;border-radius:6px;cursor:pointer;font-size:11px}.draft-tabs button[aria-selected=true]{background:white;color:#171717;box-shadow:0 1px 3px #00000009}.draftbar>a:hover{color:#111}.site-nav{height:88px;margin:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.035em;font-weight:600}.brand img{width:32px;height:32px;object-fit:contain}.site-nav nav{display:flex;align-items:center;gap:42px;font-size:14px}.site-nav nav>a{transition:color .2s}.site-nav nav>a:hover{color:var(--red)}.nav-contact{display:flex;align-items:center;gap:14px}.nav-contact svg{width:20px;color:var(--red)}#study{animation:study-in .6s cubic-bezier(.16,1,.3,1)}@keyframes study-in{from{opacity:.4}to{opacity:1}}.intro{padding:64px 0 40px}.intro h1{font-weight:500;font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.04em}.intro p{font-size:14px;color:#777;line-height:1.5}.study-split{padding:0 24px}.study-split .intro{padding:54px 16px 38px;display:flex;align-items:flex-end;justify-content:space-between}.study-split .intro h1{font-size:42px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-card{position:relative;min-height:600px;border-radius:24px;overflow:hidden;background:#121212;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:40px}.split-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:scale 1.1s cubic-bezier(.16,1,.3,1),filter .8s}.split-card:first-child>img{object-position:48% 50%}.split-card:nth-child(2)>img{object-position:52% 45%}.split-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000010 12%,#00000015 30%,#000000d9 100%);pointer-events:none}.split-copy{position:relative;z-index:1}.split-copy h2{font-size:clamp(28px,2.4vw,38px);line-height:1.1;letter-spacing:-.035em;font-weight:500;max-width:520px;text-wrap:balance}.split-copy p{max-width:445px;font-size:16px;line-height:1.5;color:#e3e3e3;margin-top:20px;min-height:48px}.quiet-link{display:inline-flex;align-items:center;gap:13px;margin-top:32px;font-size:13px;font-weight:500}.quiet-link>span{width:38px;height:38px;background:#fff;border-radius:50%;color:#1b1b1b;display:grid;place-items:center;transition:background .3s,color .3s,translate .4s}.quiet-link svg{width:20px;height:20px}.split-card:hover>img{scale:1.035;filter:grayscale(.5)}.split-card:hover .quiet-link>span{background:var(--red);color:white;translate:3px 0}.study-light{padding:0 64px}.study-light .intro{padding:74px 0 46px}.study-light .intro h1{max-width:800px;font-size:56px}.light-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.light-photo{height:340px;border-radius:24px;overflow:hidden;background:#ededeb}.light-photo img{width:100%;height:100%;object-fit:cover;transition:scale 1s cubic-bezier(.16,1,.3,1);filter:grayscale(.25)}.light-card:first-child .light-photo img{object-position:center 59%}.light-copy{padding:26px 2px 0;display:grid;grid-template-columns:1fr 40px;gap:0 20px}.light-copy h2{font-size:29px;line-height:1.13;font-weight:500;letter-spacing:-.035em;max-width:440px;text-wrap:balance}.light-copy p{grid-column:1;font-size:15px;line-height:1.6;color:#71716e;margin-top:15px;max-width:430px}.light-arrow{grid-column:2;grid-row:1/3;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;transition:color .3s,border-color .3s,background .3s}.light-card:hover img{scale:1.035}.light-card:hover .light-arrow{background:var(--red);color:#fff;border-color:var(--red)}.study-editorial{padding:0 64px}.study-editorial .intro{padding:74px 0 52px}.study-editorial .intro h1{font-size:56px;max-width:730px}.editorial-row{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding:32px 0;border-top:1px solid var(--line);align-items:center}.editorial-copy{padding:20px 0;position:relative}.editorial-copy h2{font-size:36px;line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:500px;text-wrap:balance}.editorial-copy p{font-size:15px;line-height:1.6;color:#73736f;max-width:390px;margin-top:20px}.editorial-copy .quiet-link{margin-top:24px}.editorial-copy .quiet-link>span{background:#f4f4f2;color:var(--red)}.editorial-photo{height:255px;border-radius:24px;overflow:hidden}.editorial-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:scale 1s cubic-bezier(.16,1,.3,1),filter 1s}.editorial-row:first-of-type .editorial-photo img{object-position:center 60%}.editorial-row:hover img{scale:1.04;filter:grayscale(.2)}.editorial-row:hover .quiet-link>span{background:var(--red);color:#fff;translate:3px 0}.study-footer{padding:0 40px;margin-top:100px}.contact-line{border-top:1px solid var(--line);padding:35px 0 55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-line h2{font-size:22px;font-weight:500;letter-spacing:-.03em}.contact-line p{font-size:14px;color:#777;margin-top:10px}.contact-line>a{display:flex;align-items:center;gap:18px;font-size:19px;letter-spacing:-.03em}.contact-line>a svg{color:var(--red)}.big-wordmark{font-size:clamp(66px,11.3vw,220px);font-weight:900;line-height:.95;letter-spacing:-.04em;white-space:nowrap;padding:28px 0 35px;text-align:center}.legal{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777;border-top:1px solid var(--line);padding:22px 0 30px}.legal>div{display:flex;gap:24px}.legal a:hover{color:var(--red)}body[data-variant=editorial] .study-footer{margin-top:70px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:900px){.draftbar{padding:10px 16px;height:auto;gap:10px;flex-wrap:wrap}.site-nav{margin:0 20px}.site-nav nav{gap:18px}.study-split,.study-light,.study-editorial{padding:0 20px}.split-grid,.light-grid{grid-template-columns:1fr}.split-card{min-height:540px}.intro h1,.study-light .intro h1,.study-editorial .intro h1{font-size:40px}.study-split .intro{display:block}.study-split .intro p{margin-top:14px}.editorial-row{gap:24px;grid-template-columns:1fr 1fr}.editorial-copy h2{font-size:28px}.contact-line{align-items:flex-start;flex-direction:column}.legal{gap:16px;flex-wrap:wrap}}
@media(min-width:901px){.split-copy h2{min-height:2.2em}.light-copy h2{min-height:2.26em}}
@media(min-width:901px){.split-copy h2,.light-copy h2{min-height:0}}
.light-card:nth-child(2) .light-photo img,.editorial-row:nth-of-type(2) .editorial-photo img{object-position:center 12%}
#shared-original-footer{display:block;width:100%;margin-top:90px;background:white}

/* Keep each subject in frame rather than centering the portrait source. */
.split-card:first-child>img,.light-card:first-child .light-photo img,.editorial-row:first-of-type .editorial-photo img{object-position:center bottom}
.split-card:nth-child(2)>img,.light-card:nth-child(2) .light-photo img,.editorial-row:nth-of-type(2) .editorial-photo img{object-position:center 12%}
.split-card:hover>img,.light-card:hover img,.editorial-row:hover img{scale:1}
@media(max-width:600px){
 .split-card{min-height:0;height:auto;aspect-ratio:1644/2386;padding:26px 24px}
 .split-copy h2{font-size:27px;line-height:1.12}
 .split-copy p{font-size:14px;line-height:1.45;margin-top:14px;min-height:0}
 .split-copy .quiet-link{margin-top:22px}
 .split-card:nth-child(2)>img{object-position:center top}
 .light-photo{height:auto;aspect-ratio:1/1}
 .editorial-row{grid-template-columns:1fr;gap:20px}
 .editorial-photo{height:auto;aspect-ratio:1/1;grid-row:1}
 .editorial-copy{padding:0 0 12px}
}
/* Two outline treatments for direct comparison. */
.split-card{--outline-color:#dededc}
.split-card:nth-child(2){--outline-color:#ff2b16}
.split-card>.card-outline{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.card-outline rect{fill:none;stroke:var(--outline-color);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .4s ease,opacity .3s ease}
@media(hover:hover){.split-card:hover .card-outline rect{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset 1.15s cubic-bezier(.4,0,.2,1),opacity .15s ease}}
.split-card:focus-visible .card-outline rect{stroke-dashoffset:0;opacity:1}
@media(max-width:600px){
 .split-card{aspect-ratio:auto;padding:0}
 .split-card>img{position:relative;inset:auto;display:block;height:360px;flex:none}
 .split-copy{padding:24px;background:#121212}
 .split-card::after{bottom:auto;height:360px;background:linear-gradient(180deg,transparent 65%,#121212 100%)}
 .split-card:nth-child(2)>img{object-position:center 12%}
}

/* Selected treatment: red perimeter and a quiet second layer on hover. */
.split-card{--outline-color:#ff2b16}
.split-hover-label{position:absolute;left:0;bottom:calc(100% + 20px);font-size:10px;font-weight:500;letter-spacing:.13em;line-height:1.5;color:#fff;opacity:0;transform:translateY(8px);filter:blur(3px);transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1),filter .5s ease;pointer-events:none}
.split-card>img{transition:filter .8s ease}
@media(hover:hover){
 .split-card:hover>img{filter:grayscale(0) brightness(1.14)}
 .split-card:hover .split-hover-label{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:.12s}
}
.split-card:focus-visible .split-hover-label{opacity:1;transform:none;filter:none}
@media(max-width:600px){.split-hover-label{display:block;position:static;opacity:1;transform:none;filter:none;font-size:9px;color:#aaa;margin-bottom:14px}}
/* Softer red, with matching text baselines in both service cards. */
.card-outline rect{stroke-width:3.5;vector-effect:non-scaling-stroke}
@media(hover:hover){
 .split-card:hover .card-outline rect{opacity:.95;transition:stroke-dashoffset 1.15s cubic-bezier(.4,0,.2,1),opacity .35s ease}
 .split-card:hover>img{filter:grayscale(1) brightness(1.08)}
}
@media(min-width:901px){
 .split-copy{width:100%}
 .split-copy h2{min-height:2.2em}
 .split-copy p{min-height:3em}
}
@media(hover:hover) and (pointer:fine){html,body,body *{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%20400%20400%22%3E%3Cpath%20d%3D%22M59%2043Q59%2035%2069%2040L116%2068Q121%2071%20121%2077V254L230%20198L175%20165Q169%20161%20169%20155V106Q169%2098%20179%20103L338%20195Q346%20200%20338%20205L69%20360Q59%20366%2059%20355Z%22%20fill%3D%22%23ff2b16%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 5 3, auto!important}input,textarea{cursor:text!important}}

/* Same title / subtitle roles in each homepage study. */
.intro h1,.study-split .intro h1,.study-light .intro h1,.study-editorial .intro h1{font-size:clamp(36px,4vw,56px);line-height:1.08;font-weight:500;letter-spacing:-.035em}
.split-copy h2,.light-copy h2,.editorial-copy h2{font-size:clamp(26px,2.4vw,36px);line-height:1.12;font-weight:500;letter-spacing:-.035em}
.split-copy p,.light-copy p,.editorial-copy p{font-size:16px;line-height:1.5;font-weight:400;letter-spacing:-.01em}
@media(max-width:600px){.split-copy h2,.light-copy h2,.editorial-copy h2{font-size:26px}.split-copy p,.light-copy p,.editorial-copy p{font-size:15px}}

/* Both service cards receive the same red wash, independent of source image colors. */
.split-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:rgba(255,43,22,.14);opacity:0;transition:opacity .75s ease}
.split-copy{z-index:2}
@media(hover:hover){.split-card:hover::before{opacity:1}}
.split-card:focus-visible::before{opacity:1}
.split-card:focus-visible .card-outline rect{opacity:.95}
/* The animated perimeter also provides keyboard focus; avoid a second outside frame. */
.split-card:focus-visible{outline:none}