/* CherryDev studio foundation and existing portfolio. */
.studio-home{--bone:#f3f0e9;--bone-2:#e9e5dc;--cherry:#731e32;--cherry-hi:#8f2e45;--ink:#221e1c;--fg:var(--ink);--rule:#d6d0c6;--muted:#6b625b;--gutter:clamp(22px,4.8vw,92px);--shell:1720px;--section-y:clamp(65px,7.5vw,120px);--ease:cubic-bezier(.19,1,.22,1);--focus:var(--cherry);background:var(--bone);overflow-x:clip}
.studio-home .eyebrow{font-size:10px;letter-spacing:.13em;color:#6b625b;margin-bottom:26px}
.studio-home .eyebrow__mark{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--cherry)}
.studio-home .h2{font-size:clamp(40px,4.4vw,76px);font-weight:500;line-height:1.03;letter-spacing:-.055em}
.studio-home .btn{min-height:52px;text-transform:none;letter-spacing:0;font-size:13px;padding:16px 24px;gap:32px;border-radius:0}
.studio-home .btn span[aria-hidden]{font-size:20px}
.studio-home .site-header{height:78px;color:var(--ink);background:var(--bone);border-bottom:1px solid var(--rule);--focus:var(--cherry)}
.studio-home .site-header::before{display:none}
.studio-home .site-header.is-stuck{background:rgba(243,240,233,.97)}
.studio-home .wordmark{font-size:25px;font-weight:600;letter-spacing:-1.2px}
.studio-home .wordmark__text span{color:inherit}
.studio-home .nav{margin-inline:auto}
.studio-home .nav__list{gap:36px}
.studio-home .nav__list a{color:var(--ink);font-size:12px;letter-spacing:0;text-transform:none}
.studio-home .nav__list a::after{background:var(--cherry)}
.studio-home .burger{border-color:#b6aaa0}
.studio-home .burger__box i{background:var(--ink)}
.studio-home .menu{color:var(--bone);--focus:#e8b8c5}
.reveal-line{display:block;overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em}
.reveal-line__inner,[data-title-line]{display:block}
.cd-text-link{display:flex;align-items:center;gap:34px;width:max-content;max-width:100%;font-size:12px;padding:12px 0;border-bottom:1px solid currentColor;transition:color .35s var(--ease)}
.cd-text-link>span{font-size:19px;transition:transform .45s var(--ease)}
.cd-text-link:hover{color:var(--cherry)}
.cd-text-link:hover>span{transform:translate(3px,-3px)}
.studio-home .work{background:var(--bone);color:var(--ink)}
.studio-home .work .section__head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}
.studio-home .section__note{max-width:32ch;font-size:13px;line-height:1.8;color:var(--muted)}
.studio-home .work__list{grid-template-columns:1fr 1fr;gap:52px 7%;align-items:start}
.studio-home .project:first-child{grid-column:1/-1}
.studio-home .project:first-child .project__link{grid-template-columns:1.65fr 1fr;gap:7%}
.studio-home .project:not(:first-child) .project__link{display:block;direction:ltr}
.studio-home .project:nth-child(2){padding-right:12%}
.studio-home .project:nth-child(3){padding-top:90px}
.studio-home .project__media{border-radius:0;overflow:hidden}
.studio-home .browser{border:0;border-radius:0}
.studio-home .browser__bar{display:none}
.studio-home .project__media img{aspect-ratio:1.6;object-fit:cover;transition:transform .8s var(--ease),object-position .8s var(--ease)}
.studio-home .project__link:hover .project__media img{transform:scale(1.045);object-position:52% 50%}
.studio-home .project__body{padding-top:24px}
.studio-home .project__index{font-size:10px;color:var(--cherry);margin-bottom:14px}
.studio-home .project__title{font-size:clamp(28px,3vw,46px);font-weight:500;letter-spacing:-.055em;margin-bottom:16px}
.studio-home .tags{gap:6px 12px}
.studio-home .tags li{padding:0;border:0;color:var(--muted);font-size:9px;letter-spacing:.015em}
.studio-home .project__desc{font-size:13px;line-height:1.75;margin:18px 0;max-width:39ch}
.studio-home .link-arrow{text-transform:none;letter-spacing:0;font-size:12px}
.project__open{position:absolute;z-index:2;right:18px;bottom:18px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--cherry);color:var(--bone);font-size:25px;opacity:0;transform:translateY(10px);transition:opacity .3s var(--ease),transform .5s var(--ease)}
.project__link:hover .project__open,.project__link:focus-visible .project__open{opacity:1;transform:none}
.cd-approach{background:var(--bone-2);padding-top:var(--section-y)}
.cd-approach__intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-bottom:70px}
.cd-process{margin-top:28px}
.cd-process li{display:flex;gap:22px;border-top:1px solid #c9c1b7;padding:19px 0}
.cd-process li>span{font-size:10px;color:var(--cherry);padding-top:5px}
.cd-process h3{font:500 25px/1.2 var(--font-display);letter-spacing:-.04em;margin-bottom:8px}
.cd-process p{font-size:12px;color:var(--muted)}
.cd-leads{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:var(--section-y)}
.cd-leads__copy{padding-top:34px}
.cd-leads__copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:45ch}
.cd-leads__copy>.cd-fine{font-size:11px;margin-block:18px 12px}
.cd-journey{position:relative;display:flex;justify-content:space-between;max-width:395px;margin-top:40px;padding-bottom:22px;border-bottom:1px solid #cdc6bc;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.cd-journey i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cherry);bottom:-4px;left:0}
.cd-pricing{background:#ebe6dc;padding-block:var(--section-y)}
.cd-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.cd-section-head>p{font-size:12px;line-height:1.8;color:var(--muted)}
.cd-price-row{display:grid;grid-template-columns:40px 1fr auto 48px;gap:30px;align-items:center;min-height:144px;border-top:1px solid #c8bfb3;padding:26px 20px 26px 0;transition:background-color .4s var(--ease),padding .4s var(--ease)}
.cd-price-row:last-child{border-bottom:1px solid #c8bfb3}

.cd-price-row__number{font-size:10px;color:var(--muted)}
.cd-price-row h3{font:500 clamp(22px,2.5vw,36px)/1.1 var(--font-display);letter-spacing:-.04em;display:flex;align-items:center;gap:16px}
.cd-price-row p{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.7}
.cd-price-row strong{font:500 clamp(34px,4vw,64px)/1.1 var(--font-display);letter-spacing:-.055em;color:var(--cherry);white-space:nowrap}
.cd-price-row strong small{font-size:.33em;letter-spacing:0}
.studio-home .contact{--mint:#e9bac6;--focus:#e9bac6;--rule:#554844;--muted:#c6b8af;background:#221b1b;padding-block:var(--section-y);color:var(--bone)}
.studio-home .contact .eyebrow{color:#c6b8af}
.studio-home .contact .eyebrow__mark{background:#d398aa}
.studio-home .contact__grid{grid-template-columns:1fr 1fr;gap:12%}
.studio-home .contact__title{font-size:clamp(44px,5.4vw,91px);font-weight:500;letter-spacing:-.06em;text-transform:none;max-width:none}
.studio-home .contact__title em{color:#ddb5c0}
.studio-home .contact__text{font-size:13px;line-height:1.8;max-width:36ch;margin-top:30px;margin-bottom:26px}
.contact__email{display:inline-flex;gap:25px;border-bottom:1px solid #88746d;padding-bottom:9px;font:400 clamp(16px,1.8vw,29px) var(--font-display);letter-spacing:-.03em}
.studio-home .form{border:0;padding:0;background:transparent;display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}
.studio-home .field{margin:0;min-width:0}
.studio-home .field:has(textarea),.studio-home .form>.btn,.studio-home .form>.form__status,.studio-home .form>.form__note,.studio-home .form>.form__privacy{grid-column:1/-1}
.studio-home .field label{font-size:9px;letter-spacing:.09em;color:#d5c9c0}
.studio-home .field input{font-size:14px;min-height:46px}
.studio-home .field textarea{font-size:14px;min-height:108px}
.studio-home .field input::placeholder,.studio-home .field textarea::placeholder{color:#a99992}
.studio-home .field__opt{color:#b6a79f;font-size:8px;letter-spacing:0}
.studio-home .field__req{color:#dfa4b4}
.studio-home .form>.btn{--btn-bg:#e6c5cc;--btn-fg:#321b22;margin-top:12px;min-height:58px;justify-content:space-between}
.studio-home .form>.btn::before{background:#e6c5cc}
.studio-home .form>.btn::after{background:#f1dbe1}
.studio-home .form>.btn::marker{content:''}
.studio-home .form__status{margin:0;font-size:12px}
.studio-home .form__note,.studio-home .form__privacy{margin:0;color:#b6a79f;font-size:10px;line-height:1.7}
.studio-home .footer{background:#221b1b;border-top:1px solid #554844;padding-top:30px;color:var(--bone)}
.studio-home .footer__inner{padding-bottom:25px}
.studio-home .footer__brand>p,.studio-home .footer__bar{font-size:10px}
.studio-home .footer__mail{font-size:13px}
.studio-home [data-mask]>picture,.studio-home [data-mask-self]{clip-path:none}
.studio-home [data-anim],.studio-home [data-project] .project__body>*{opacity:1}
.no-js .studio-home .form,.no-js .studio-home .burger{display:none}
.contact__fallback{color:var(--bone)}
.contact__fallback a{text-decoration:underline}
@media(max-width:1100px){
.cd-price-row{gap:20px;grid-template-columns:26px 1fr auto 28px}
.studio-home .contact__grid{gap:7%}
}
@media(max-width:900px){
.cd-approach__intro,.cd-leads{gap:7%}
.cd-section-head{align-items:start}
.cd-section-head>p{max-width:24ch}
.studio-home .contact__grid{grid-template-columns:1fr 1fr}
.studio-home .form{display:block}
.studio-home .field{margin-bottom:18px}
.studio-home .form__note,.studio-home .form__privacy{margin-top:12px}
.studio-home .work .section__head{align-items:start}
.studio-home .project:first-child .project__link{grid-template-columns:1.4fr 1fr}
.studio-home .project__desc{font-size:12px}
.no-js .studio-home .nav{display:block;margin-left:auto;margin-right:0}
.no-js .studio-home .nav__list{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.no-js .studio-home .nav__list a{font-size:11px}
}
@media(max-width:700px){
.studio-home{--gutter:22px;--section-y:64px}
.studio-home .site-header{height:68px}
.studio-home .h2{font-size:43px}
.studio-home .eyebrow{font-size:9px;margin-bottom:22px}
.studio-home .work .section__head{display:block;margin-bottom:30px}
.studio-home .section__note{margin-top:22px;max-width:38ch;font-size:12px}
.studio-home .work__list{display:block}
.studio-home .project:first-child .project__link{display:block}
.studio-home .project:nth-child(2),.studio-home .project:nth-child(3){padding:0;margin-top:40px}
.studio-home .project__body{padding-top:18px}
.studio-home .project__index{margin-bottom:9px}
.studio-home .project__title{font-size:29px;margin-bottom:12px}
.studio-home .project__desc{max-width:40ch;margin-block:13px}
.project__open{opacity:1;transform:none;width:36px;height:36px;font-size:21px;right:12px;bottom:12px}
.cd-approach__intro{display:block;padding-bottom:35px}
.cd-process{margin-top:25px}
.cd-process h3{font-size:25px}
.cd-process p{font-size:11px}
.cd-leads{display:block}
.cd-leads__copy{padding-top:28px}
.cd-leads__copy>p{font-size:13px}
.cd-journey{margin-top:30px;max-width:100%}
.cd-leads__copy>.cd-text-link{font-size:11px}
.cd-section-head{display:block;margin-bottom:30px}
.cd-section-head>p{max-width:none;margin-top:22px;font-size:11px}
.cd-price-row{grid-template-columns:22px 1fr 26px;gap:12px;padding:24px 0;min-height:0}

.cd-price-row__number{align-self:start;margin-top:5px}
.cd-price-row h3{font-size:24px;gap:12px}
.cd-price-row p{font-size:11px;margin-top:10px}
.cd-price-row p br{display:none}
.cd-price-row strong{grid-column:2;grid-row:2;font-size:43px;margin-top:7px}
.studio-home .contact__grid{display:block}
.studio-home .contact__title{font-size:52px}
.studio-home .contact__text{font-size:13px;margin-top:24px;max-width:39ch}
.contact__email{font-size:21px}
.studio-home .contact__right{margin-top:42px}
.studio-home .field label{font-size:10px}
.studio-home .field input,.studio-home .field textarea{font-size:16px}
.studio-home .form>.btn{width:100%;margin-bottom:16px}
.studio-home .footer__inner{gap:22px}
.studio-home .footer__bar{gap:18px}
}
@media(prefers-reduced-motion:reduce){
.studio-home [data-title-line],.reveal-line__inner{transform:none!important}
.studio-home [data-mask]>picture,.studio-home [data-mask-self]{clip-path:none!important}
}
@media print{
.studio-home .form{display:none}
.studio-home .contact{color:#000;background:#fff}
}
.cd-price-row{--muted:#59514b}
.studio-home .wordmark__signet{width:36px;height:36px;object-fit:contain;flex:none}
.studio-home .nav__list a{font-size:14px}
.studio-home .eyebrow{font-size:12px}
.cd-text-link{font-size:14px;min-height:44px}
.studio-home .section__note,.studio-home .project__desc{font-size:15px}
.studio-home .tags li{font-size:12px}
.studio-home .project:not(:first-child) .tags li:first-child{color:var(--cherry);font-weight:600;border:1px solid #b89ba0;padding:5px 9px}
.studio-home .project__scope{font-size:13px;color:var(--muted);margin-bottom:18px}
.studio-home .link-arrow{font-size:14px}
.cd-leads{row-gap:0}
.cd-leads__copy{padding-top:0;align-self:center}
.cd-leads__copy>p{font-size:18px}
.cd-leads__copy>.cd-text-link{margin-top:24px;color:var(--cherry)}
.cd-journey{grid-column:1/-1;max-width:none;font-family:var(--font-display);font-size:clamp(16px,2vw,28px);text-transform:none;letter-spacing:-.025em;align-items:center;gap:12px;margin-top:48px;padding-bottom:28px}
.cd-journey b{font-weight:400;color:var(--cherry)}
.cd-process p{font-size:15px;line-height:1.7}
.cd-process{margin-top:0}
.cd-price-row{grid-template-columns:26px minmax(0,1fr) minmax(240px,.62fr);gap:30px;padding-block:32px;align-items:start}
.cd-price-row h3{font-size:clamp(24px,2.5vw,36px);line-height:1.15}
.cd-price-row p{font-size:14px;max-width:57ch}
.cd-price-row .cd-price-fit{font-size:16px;color:var(--ink);margin-top:16px}
.cd-price-action{display:flex;flex-direction:column;align-items:flex-end;gap:20px}
.cd-price-action strong{font-size:clamp(34px,3.8vw,58px)}
.cd-price-action .cd-text-link{font-size:13px;gap:14px}
.studio-home .contact__text{font-size:16px;max-width:42ch}
.studio-home .field label{font-size:12px;letter-spacing:.025em}
.studio-home .form__note,.studio-home .form__privacy{font-size:12px}
.studio-home .form>.btn{font-size:14px}
.studio-home .footer__brand>p,.studio-home .footer__bar{font-size:12px}
.studio-home a:focus-visible,.studio-home button:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
.cd-product{padding-top:140px;padding-bottom:80px}
.cd-product-page .site-header__inner{gap:12px}
.cd-product-page .site-header__inner>.cd-text-link{gap:12px;font-size:13px}
.cd-product>p{font-size:18px;max-width:60ch;margin-block:28px}
.cd-product__dashboard{margin-top:48px;border:1px solid var(--rule);overflow:hidden}
.cd-product__dashboard img{width:100%;height:auto;display:block}
.cd-product__details{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:64px}
.cd-product__details h2{font:500 32px/1.15 var(--font-display);letter-spacing:-.04em;margin-bottom:20px}
.cd-product__details p,.cd-product__details li{font-size:16px;line-height:1.8;color:var(--muted)}
.cd-product__details li{margin-bottom:12px}
@media(max-width:1100px){
.cd-price-row{grid-template-columns:22px minmax(0,1fr) minmax(220px,.65fr);gap:20px}
}
@media(max-width:700px){
.studio-home .wordmark__signet{width:32px;height:32px}
.studio-home .eyebrow{font-size:11px}
.studio-home .project__desc,.studio-home .section__note{font-size:14px}
.studio-home .tags li{font-size:12px}
.cd-leads__copy{padding-top:28px}
.cd-leads__copy>p{font-size:17px}
.cd-journey{flex-wrap:wrap;justify-content:flex-start;gap:12px;font-size:16px;letter-spacing:-.025em;margin-top:32px;padding-bottom:22px}
.cd-journey b{display:none}
.cd-journey span{white-space:nowrap}
.cd-journey span~span::before{content:'→';color:var(--cherry);margin-right:12px}
.cd-process{margin-top:30px}
.cd-process p{font-size:14px}
.cd-price-row{grid-template-columns:20px minmax(0,1fr);gap:12px;padding-block:28px}
.cd-price-row h3{font-size:27px}
.cd-price-action{grid-column:2;align-items:flex-start;margin-top:10px;gap:12px}
.cd-price-action strong{font-size:44px;grid-column:auto;grid-row:auto}
.cd-price-action .cd-text-link{font-size:12px;gap:10px}
.studio-home .contact__title{font-size:clamp(36px,10vw,52px)}
.studio-home .contact__text{font-size:16px}
.cd-product{padding-top:110px}
.cd-product__details{display:block;padding-block:40px}
.cd-product__details>div+div{margin-top:35px}
}
@media(max-width:360px){
.cd-product-page .wordmark{font-size:21px;gap:8px}
.cd-product-page .wordmark__signet{width:28px;height:28px}
.cd-product-page .site-header__inner>.cd-text-link{gap:8px;font-size:12px}
}