/* A quiet, exact grid lets the work carry the page. Home only. */
.studio-home .portfolio-body{--portfolio-ink:#101112;--portfolio-muted:#65686c;--portfolio-rule:#dadddf;--portfolio-surface:#eef0f1;color:var(--portfolio-ink);background:#fff;font-family:'Studio Sans',Arial,sans-serif}
.studio-home .portfolio-body *{box-sizing:border-box}
.studio-home .portfolio-body h2,.studio-home .portfolio-body h3{font-family:'Studio Sans',Arial,sans-serif;font-style:normal;font-weight:500;color:inherit}
.studio-home .portfolio-body h2{font-size:clamp(42px,5.2vw,76px);line-height:1.03;letter-spacing:-.062em}
.studio-home .portfolio-body h2 em{font:inherit;color:inherit}
.studio-home .portfolio-body p{margin:0}
.studio-home .portfolio-body .portfolio-label,.studio-home .portfolio-body .landing-kicker{font-size:12px;line-height:1.5;font-weight:400;letter-spacing:0;text-transform:none;color:var(--portfolio-muted)}
.studio-home .portfolio-body :focus-visible{outline:2px solid #294cf5;outline-offset:5px}
.studio-home .portfolio-body .portfolio-work,.studio-home .portfolio-body .portfolio-process,.studio-home .portfolio-body .portfolio-faq,.studio-home .portfolio-body .landing-section{padding:88px 5%}
.studio-home .portfolio-body #pro{padding-top:96px}
.studio-home .portfolio-section-head{display:grid;grid-template-columns:7fr 5fr;gap:7%;align-items:end;margin-bottom:64px}
.studio-home .portfolio-section-head h2{margin-top:23px}
.studio-home .portfolio-section-intro{padding-bottom:3px;max-width:420px}
.studio-home .portfolio-section-intro>p{font-size:15px;line-height:1.85;color:#5f6266;margin-bottom:30px}
.studio-home .portfolio-text-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid currentColor;font-size:12px;line-height:1.5;color:inherit;width:fit-content;max-width:100%;text-decoration:none}
.studio-home .portfolio-text-link>span{font-size:22px;line-height:1;transition:transform .2s}
.studio-home .portfolio-text-link:hover>span{transform:translate(2px,-2px)}
.studio-home .portfolio-body #pro .premium-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:76px 5%;align-items:start;margin:0}
.studio-home .portfolio-body #pro .premium-card{margin:0;grid-column:span 7;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.studio-home .portfolio-body #pro .premium-card:nth-child(2),.studio-home .portfolio-body #pro .premium-card:nth-child(3),.studio-home .portfolio-body #pro .premium-card:nth-child(6){grid-column:span 5}
.studio-home .portfolio-body #pro .premium-card:nth-child(2){margin-top:145px}
.studio-home .portfolio-body #pro .premium-card:nth-child(4){margin-top:110px}
.studio-home .portfolio-body #pro .premium-card:nth-child(6){margin-top:135px}
.studio-home .portfolio-body #pro .premium-card .preview-window{display:block;position:relative;padding:0;aspect-ratio:4/3;width:100%;overflow:hidden;border:1px solid #10111212;border-radius:0;transform:none;background:#eef0f1;box-shadow:none}
.studio-home .portfolio-body #pro .premium-card .preview-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:none;border-radius:0;transform:scale(1);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.studio-home .portfolio-body #pro .premium-card .preview-window:hover img{transform:scale(1.018)}
.studio-home .portfolio-body .portfolio-image-link{position:absolute;right:16px;bottom:16px;background:#fff;color:#101112;box-shadow:0 2px 14px #0000000a;padding:11px 13px;font-size:10px;line-height:1;text-transform:none;letter-spacing:0}
.studio-home .portfolio-body #pro .premium-card-copy{display:flex;justify-content:space-between;gap:16px;padding:20px 0 0;border:0;align-items:start}
.studio-home .portfolio-body #pro .premium-card-copy>div{min-width:0;flex:1}
.studio-home .portfolio-work-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px}
.studio-home .portfolio-body #pro .premium-card-copy h3{font:500 clamp(25px,2.5vw,36px)/1.08 'Studio Sans',Arial,sans-serif;letter-spacing:-.055em;margin:0}
.studio-home .portfolio-body #pro .premium-card-copy .portfolio-work-meta>span{color:#666b70;font-size:11px;line-height:1.5;text-transform:none;letter-spacing:0}
.studio-home .portfolio-body #pro .premium-card-copy .portfolio-work-meta>span>span{padding:0 6px}
.studio-home .portfolio-body #pro .premium-card-copy p{font-size:12px;line-height:1.8;color:#666b70;max-width:100%;margin-top:9px}
.studio-home .portfolio-body #pro .premium-mobile{font:400 10px/1.5 'Studio Sans',Arial,sans-serif;white-space:nowrap;display:flex;align-items:center;gap:8px;background:none;padding:5px 0 7px;border:0;border-bottom:1px solid #bdc0c3;border-radius:0;cursor:pointer;color:#101112;margin:1px 0 0;min-height:30px}
.studio-home .portfolio-body #pro .premium-mobile span{font-size:16px;line-height:1;letter-spacing:0;color:inherit}
.studio-home .portfolio-work-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:65px;border-top:1px solid var(--portfolio-rule);padding-top:22px}
.studio-home .portfolio-work-footer p{font-size:11px;line-height:1.7;color:var(--portfolio-muted)}
.studio-home .portfolio-work-footer .portfolio-text-link{border-bottom:0;padding:8px 0}
.studio-home .portfolio-statement{display:grid;grid-template-columns:2.3fr 7fr .7fr;gap:5%;align-items:start;padding:72px 5% 80px;border-block:1px solid var(--portfolio-rule);background:#f5f6f6}
.studio-home .portfolio-statement>.portfolio-label{padding-top:7px;max-width:140px}
.studio-home .portfolio-statement h2{font-size:clamp(40px,4.3vw,62px);max-width:650px}
.studio-home .portfolio-statement p:not(.portfolio-label){max-width:570px;color:var(--portfolio-muted);font-size:14px;line-height:1.9;margin-top:29px}
.studio-home .portfolio-statement-link{font-size:74px;line-height:1;justify-self:end;transition:transform .2s}
.studio-home .portfolio-statement-link:hover{transform:translate(3px,3px)}
.studio-home .portfolio-body .studio-education{background:#fff;color:#101112;border:0}
.studio-home .portfolio-body .landing-section-heading{display:grid;grid-template-columns:7fr 5fr;gap:7%;align-items:end;margin-bottom:50px}
.studio-home .portfolio-body .landing-section-heading h2{font:500 clamp(42px,5.2vw,76px)/1.03 'Studio Sans',Arial,sans-serif;letter-spacing:-.062em;margin-top:22px}
.studio-home .portfolio-body .landing-section-heading>p{font-size:14px;line-height:1.9;color:var(--portfolio-muted);max-width:420px;margin:0;padding-bottom:4px}
.studio-home .portfolio-body .education-demo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;border:1px solid var(--portfolio-rule);background:#fff;align-items:stretch;padding:0}
.studio-home .portfolio-body .education-controls{padding:42px 12% 30px 9%;min-width:0}
.studio-home .portfolio-body .education-controls h3{font:500 34px/1.1 'Studio Sans',Arial,sans-serif;letter-spacing:-.05em;margin:20px 0}
.studio-home .portfolio-body .education-disclosure{font-size:11px;line-height:1.8;color:var(--portfolio-muted);max-width:360px}
.studio-home .portfolio-body .education-controls label{display:block;font-size:11px;line-height:1.5;margin:22px 0;color:var(--portfolio-ink)}
.studio-home .portfolio-body .education-controls input,.studio-home .portfolio-body .education-controls select{font:400 13px 'Studio Sans',Arial,sans-serif;background:#fff;color:#101112;border:1px solid #c8ccd0;border-radius:0;min-height:46px;padding:12px 13px;margin-top:9px;max-width:100%;width:100%;appearance:auto}
.studio-home .portfolio-body .education-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:25px}
.studio-home .portfolio-body .education-actions button{font:400 10px/1.5 'Studio Sans',Arial,sans-serif;background:#fff;color:#101112;border:1px solid #101112;border-radius:0;cursor:pointer;min-height:45px;padding:12px 8px}
.studio-home .portfolio-body .education-actions button:last-child{background:#101112;color:white;border-color:#101112}
.studio-home .portfolio-body .education-actions button:disabled{opacity:.45;cursor:not-allowed}
.studio-home .portfolio-body .education-controls [role=status]{font-size:10px;line-height:1.8;color:var(--portfolio-muted);min-height:38px;margin:17px 0 0}
.studio-home .portfolio-body .education-preview{background:#eef0f1;border-left:1px solid var(--portfolio-rule);padding:28px;min-width:0;display:flex;flex-direction:column}
.studio-home .portfolio-body .education-preview-label{font:400 10px/1.5 'Studio Sans',Arial,sans-serif;letter-spacing:0;color:#696d72;margin:0 0 17px}
.studio-home .portfolio-body .education-browser{padding:28px;background:#edf2e9;color:#284e40;border:0;box-shadow:0 8px 20px #10111208;min-height:0;flex:1}
.studio-home .portfolio-body .education-site-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px}
.studio-home .portfolio-body .education-site-nav span:first-child{font:500 17px/1 'Studio Sans',Arial,sans-serif;letter-spacing:-.045em}
.studio-home .portfolio-body .education-browser h3{font:400 clamp(33px,3.6vw,54px)/1.07 'Studio Serif',Georgia,serif;letter-spacing:-.04em;color:inherit;margin:39px 0 19px;overflow-wrap:anywhere;max-width:460px}
.studio-home .portfolio-body .education-browser p{font-size:11px;line-height:1.8;color:inherit;max-width:310px}
.studio-home .portfolio-body .education-faux-button{font-size:9px;letter-spacing:0;line-height:1.5;padding:9px 12px;border:1px solid currentColor;margin-top:20px;color:inherit}
.studio-home .portfolio-body .education-site-image{position:relative;margin-top:30px;height:155px;overflow:hidden}
.studio-home .portfolio-body .education-site-image img{display:block;width:100%;height:100%;object-fit:cover}
.studio-home .portfolio-body .education-site-image>span{position:absolute;bottom:9px;left:11px;background:#fff;color:#101112;font-size:6px;letter-spacing:1px;padding:5px 7px}
.studio-home .portfolio-body .education-published{border:0;border-top:1px solid #cdd0d3;padding:17px 0 0;margin-top:21px;color:#5d6267}
.studio-home .portfolio-body .education-published small{font-size:9px;line-height:1.6;letter-spacing:0}
.studio-home .portfolio-body .education-published p{font:400 17px/1.3 'Studio Sans',Arial,sans-serif;color:#101112;margin:8px 0}
.studio-home .portfolio-body .education-more{margin-top:30px;border-color:var(--portfolio-rule)}
.studio-home .portfolio-body .education-more>summary{font-size:12px;line-height:1.6;padding-block:20px;gap:20px;color:#101112}
.studio-home .portfolio-body .education-video{padding-block:20px;gap:5%;grid-template-columns:1.2fr 1fr}
.studio-home .portfolio-body .education-video video{border:1px solid var(--portfolio-rule);box-shadow:none;border-radius:0}
.studio-home .portfolio-body .education-video h3{font:500 30px/1.1 'Studio Sans',Arial,sans-serif;letter-spacing:-.04em;margin:20px 0}
.studio-home .portfolio-body .education-video p,.studio-home .portfolio-body .education-video li{font-size:12px;line-height:1.8;color:var(--portfolio-muted)}
.studio-home .portfolio-body .education-video .landing-button{font-size:11px;line-height:1.6;padding:11px 0;background:none;color:#101112;border:0;border-bottom:1px solid;border-radius:0}
.studio-home .portfolio-body .education-features{gap:5%;margin-top:34px}
.studio-home .portfolio-body .education-features h3{font:500 20px/1.2 'Studio Sans',Arial,sans-serif;letter-spacing:-.035em;margin-bottom:15px}
.studio-home .portfolio-body .education-features p{font-size:12px;line-height:1.9;color:var(--portfolio-muted)}
.studio-home .portfolio-body .education-scope{color:var(--portfolio-muted);font-size:11px;line-height:1.9;margin-top:27px}
.studio-home .portfolio-process{display:grid;grid-template-columns:5fr 7fr;gap:7%;background:#eef0f1}
.studio-home .portfolio-process-heading h2{margin-top:25px}
.studio-home .portfolio-process-steps article{border-top:1px solid #c9cdd1;padding:26px 0 30px;display:grid;grid-template-columns:1fr 1.1fr;gap:35px}
.studio-home .portfolio-process-steps article:last-child{border-bottom:1px solid #c9cdd1}
.studio-home .portfolio-process-steps h3{font:500 22px/1.25 'Studio Sans',Arial,sans-serif;letter-spacing:-.04em}
.studio-home .portfolio-process-steps p{font-size:12px;line-height:1.9;color:var(--portfolio-muted)}
.studio-home .portfolio-body .landing-plans{background:#f5f6f7}
.studio-home .portfolio-body .plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}
.studio-home .portfolio-body .plan-grid article{display:flex;flex-direction:column;min-width:0;padding:30px 28px 27px;background:#fff;border:1px solid #c9ced2;border-radius:2px;color:#101112;box-shadow:0 8px 26px #1011120a}
.studio-home .portfolio-body .plan-grid article:first-child,.studio-home .portfolio-body .plan-grid article:last-child{padding-inline:28px}
.studio-home .portfolio-body .plan-grid article.featured{background:#eaf0ff;padding-inline:28px;border:1px solid #294cf5;box-shadow:0 10px 30px #294cf51c}
.studio-home .portfolio-body .plan-label{font:600 12px/1.4 'Studio Sans',Arial,sans-serif;letter-spacing:.04em;color:#565e65;text-transform:uppercase}
.studio-home .portfolio-body .plan-grid article.featured .plan-label{color:#2345d7}
.studio-home .portfolio-body .plan-grid h3{font:500 29px/1.14 'Studio Sans',Arial,sans-serif;letter-spacing:-.035em;margin:24px 0 13px}
.studio-home .portfolio-body .plan-grid p,.studio-home .portfolio-body .plan-grid article.featured p{font-size:12px;line-height:1.8;color:var(--portfolio-muted);margin:0}
.studio-home .portfolio-body .plan-price{display:grid;gap:5px;margin:24px 0 0;padding:17px 0;border-block:1px solid #d6dade;color:#101112}
.studio-home .portfolio-body .plan-price strong{font:600 clamp(33px,3.4vw,50px)/1.05 'Studio Sans',Arial,sans-serif;letter-spacing:-.035em;color:#101112}
.studio-home .portfolio-body .plan-price span,.studio-home .portfolio-body .plan-price small{font-size:10px;line-height:1.6;color:var(--portfolio-muted)}
.studio-home .portfolio-body .plan-grid ul,.studio-home .portfolio-body .plan-grid article.featured ul{border-color:var(--portfolio-rule);margin:23px 0 25px;padding-top:17px;flex:1}
.studio-home .portfolio-body .plan-grid li{font:400 11px/1.75 'Studio Sans',Arial,sans-serif;padding:7px 0;color:#44494d;gap:10px}
.studio-home .portfolio-body .plan-grid li:before,.studio-home .portfolio-body .plan-grid article.featured li:before{content:'–';color:#969b9e;flex-shrink:0}
.studio-home .portfolio-body .plan-grid .landing-button{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:13px 15px;border:1px solid #b5bbc0;border-radius:0;background:#fff;color:#101112;font:400 11px/1.5 'Studio Sans',Arial,sans-serif}
.studio-home .portfolio-body .plan-grid .featured .landing-button.solid{border-color:#294cf5;background:#294cf5;color:#fff}
.studio-home .portfolio-body .plan-footnote{font-size:10px;line-height:1.85;color:var(--portfolio-muted);max-width:none;margin-top:24px!important}
.studio-home .portfolio-body .pricing-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;margin-top:40px}
.studio-home .portfolio-body .pricing-scope article{border-color:var(--portfolio-rule);padding-top:20px}
.studio-home .portfolio-body .pricing-scope h3{font:500 19px/1.2 'Studio Sans',Arial,sans-serif;letter-spacing:-.035em;margin-bottom:15px}
.studio-home .portfolio-body .pricing-scope p{font-size:11px;line-height:1.85;color:var(--portfolio-muted)}
.studio-home .portfolio-body .portfolio-guides{margin:0 5% 40px;border-top:1px solid var(--portfolio-rule)}
.studio-home .portfolio-body .portfolio-guides>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;padding:24px 0;list-style:none;cursor:pointer}
.studio-home .portfolio-body .portfolio-guides>summary::-webkit-details-marker{display:none}
.studio-home .portfolio-body .portfolio-guides>summary>span{font-size:22px;color:#696d72}
.studio-home .portfolio-body .portfolio-guides[open]>summary>span{transform:rotate(45deg)}
.studio-home .portfolio-body .portfolio-guides .marketing-links{padding:15px 0 30px;border:0}
.studio-home .portfolio-body .portfolio-guides .marketing-links h2{font-size:34px;margin-top:15px}
.studio-home .portfolio-body .portfolio-guides .marketing-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 35px}
.studio-home .portfolio-body .portfolio-guides .marketing-link-grid>a{background:none;border:0;border-top:1px solid var(--portfolio-rule);padding:20px 0}
.studio-home .portfolio-body .portfolio-guides .marketing-link-grid h3{font:500 20px/1.2 'Studio Sans',Arial,sans-serif;letter-spacing:-.035em;margin-bottom:14px}
.studio-home .portfolio-body .portfolio-guides .marketing-link-grid p{font-size:11px;line-height:1.8;color:var(--portfolio-muted)}
.studio-home .portfolio-body .portfolio-guides .marketing-link-grid span{font-size:10px;margin-top:15px}
.studio-home .portfolio-faq{display:grid;grid-template-columns:5fr 7fr;gap:7%;border-top:1px solid var(--portfolio-rule);background:#fff}
.studio-home .portfolio-faq h2{margin-top:25px}
.studio-home .portfolio-faq .portfolio-text-link{margin-top:28px}
.studio-home .portfolio-faq-list{border-bottom:1px solid var(--portfolio-rule)}
.studio-home .portfolio-faq-list details{border-top:1px solid var(--portfolio-rule);padding:0}
.studio-home .portfolio-faq-list summary{display:flex;justify-content:space-between;align-items:start;gap:25px;list-style:none;cursor:pointer;padding:23px 0;font-size:15px;line-height:1.5;letter-spacing:-.01em}
.studio-home .portfolio-faq-list summary::-webkit-details-marker{display:none}
.studio-home .portfolio-faq-list summary>span{font-size:22px;font-weight:400;line-height:1;flex-shrink:0;color:#6e7378}
.studio-home .portfolio-faq-list details[open] summary>span{transform:rotate(45deg)}
.studio-home .portfolio-faq-list p{color:var(--portfolio-muted);font-size:13px;line-height:1.9;padding:0 28px 25px 0}
@media(min-width:1800px){.studio-home .portfolio-body .portfolio-work,.studio-home .portfolio-body .portfolio-process,.studio-home .portfolio-body .portfolio-faq,.studio-home .portfolio-body .landing-section,.studio-home .portfolio-statement{padding-inline:max(5%,calc((100% - 1640px)/2))}}
@media(max-width:1100px){.studio-home .portfolio-body #pro .premium-card-copy{display:block}.studio-home .portfolio-body #pro .premium-mobile{margin-top:13px}.studio-home .portfolio-section-head,.studio-home .portfolio-body .landing-section-heading{gap:6%}.studio-home .portfolio-body .plan-grid article{padding-inline:22px}.studio-home .portfolio-body .plan-grid article.featured{padding-inline:22px}.studio-home .portfolio-body .education-controls{padding:32px 8%}.studio-home .portfolio-body .education-preview{padding:22px}.studio-home .portfolio-body .education-browser{padding:23px}.studio-home .portfolio-process-steps article{display:block}.studio-home .portfolio-process-steps p{margin-top:14px;max-width:390px}.studio-home .portfolio-statement{grid-template-columns:2fr 7fr .7fr;gap:4%}}
@media(max-width:760px){.studio-home .portfolio-body .portfolio-work,.studio-home .portfolio-body .portfolio-process,.studio-home .portfolio-body .portfolio-faq,.studio-home .portfolio-body .landing-section{padding:58px 5%}.studio-home .portfolio-body #pro{padding-top:58px}.studio-home .portfolio-section-head,.studio-home .portfolio-body .landing-section-heading{display:block;margin-bottom:35px}.studio-home .portfolio-section-head h2,.studio-home .portfolio-body .landing-section-heading h2{font-size:clamp(41px,8vw,58px);margin-top:18px}.studio-home .portfolio-section-intro{max-width:460px;margin-top:27px}.studio-home .portfolio-section-intro>p,.studio-home .portfolio-body .landing-section-heading>p{font-size:13px;line-height:1.85;max-width:450px}.studio-home .portfolio-body .landing-section-heading>p{margin-top:24px}.studio-home .portfolio-body #pro .premium-gallery{column-gap:5%;row-gap:36px}.studio-home .portfolio-body #pro .premium-card:nth-child(2){margin-top:65px}.studio-home .portfolio-body #pro .premium-card:nth-child(4){margin-top:55px}.studio-home .portfolio-body #pro .premium-card:nth-child(6){margin-top:50px}.studio-home .portfolio-body #pro .premium-card-copy h3{font-size:25px}.studio-home .portfolio-work-meta{display:block}.studio-home .portfolio-body #pro .premium-card-copy .portfolio-work-meta>span{display:block;margin-top:6px;font-size:10px}.studio-home .portfolio-body #pro .premium-card-copy p{font-size:11px}.studio-home .portfolio-body .portfolio-image-link{font-size:8px;right:9px;bottom:9px;padding:9px}.studio-home .portfolio-work-footer{display:block;margin-top:35px;padding-top:22px}.studio-home .portfolio-work-footer p{font-size:10px}.studio-home .portfolio-work-footer .portfolio-text-link{margin-top:16px}.studio-home .portfolio-statement{display:grid;grid-template-columns:1fr auto;padding:49px 5%;gap:25px 15px}.studio-home .portfolio-statement>.portfolio-label{grid-column:1/-1;padding:0;max-width:none}.studio-home .portfolio-statement h2{font-size:43px}.studio-home .portfolio-statement p:not(.portfolio-label){font-size:12px;margin-top:24px}.studio-home .portfolio-statement-link{font-size:50px}.studio-home .portfolio-body .education-demo{grid-template-columns:1fr}.studio-home .portfolio-body .education-controls{padding:30px}.studio-home .portfolio-body .education-preview{padding:24px;border-left:0;border-top:1px solid var(--portfolio-rule)}.studio-home .portfolio-body .education-controls h3{font-size:32px}.studio-home .portfolio-body .education-controls label{margin-block:20px}.studio-home .portfolio-body .education-browser{padding:28px}.studio-home .portfolio-body .education-browser h3{font-size:46px;max-width:420px}.studio-home .portfolio-body .education-site-image{height:195px}.studio-home .portfolio-body .education-controls [role=status]{min-height:0}.studio-home .portfolio-body .education-video{grid-template-columns:1fr;gap:30px}.studio-home .portfolio-body .education-video h3{font-size:29px}.studio-home .portfolio-body .education-features{display:grid;grid-template-columns:1fr;gap:25px}.studio-home .portfolio-process,.studio-home .portfolio-faq{grid-template-columns:1fr;gap:35px}.studio-home .portfolio-process h2,.studio-home .portfolio-faq h2{font-size:45px}.studio-home .portfolio-process h2 br,.studio-home .portfolio-faq h2 br{display:none}.studio-home .portfolio-process-steps article{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:22px 0}.studio-home .portfolio-process-steps h3{font-size:20px}.studio-home .portfolio-process-steps p{margin:0}.studio-home .portfolio-body .plan-grid{grid-template-columns:1fr;gap:0}.studio-home .portfolio-body .plan-grid article,.studio-home .portfolio-body .plan-grid article:first-child,.studio-home .portfolio-body .plan-grid article:last-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--portfolio-rule)}.studio-home .portfolio-body .plan-grid article:last-child{border-bottom:0}.studio-home .portfolio-body .plan-grid article.featured{padding:28px 22px}.studio-home .portfolio-body .plan-grid h3{font-size:28px;margin:19px 0 13px}.studio-home .portfolio-body .plan-grid li{font-size:12px}.studio-home .portfolio-body .plan-grid .plan-price strong{font-size:42px}.studio-home .portfolio-body .plan-grid .landing-button{min-height:48px}.studio-home .portfolio-body .pricing-scope{grid-template-columns:1fr;gap:26px;margin-top:32px}.studio-home .portfolio-body .pricing-scope article{padding-top:20px}.studio-home .portfolio-body .pricing-scope p{font-size:12px}.studio-home .portfolio-faq-list summary{font-size:14px}.studio-home .portfolio-faq-list p{font-size:12px;padding-right:0}}
@media(max-width:480px){.studio-home .portfolio-body .portfolio-work,.studio-home .portfolio-body .portfolio-process,.studio-home .portfolio-body .portfolio-faq,.studio-home .portfolio-body .landing-section{padding-block:48px}.studio-home .portfolio-body #pro{padding-top:48px}.studio-home .portfolio-body #pro .premium-gallery{grid-template-columns:1fr;gap:32px}.studio-home .portfolio-body #pro .premium-card,.studio-home .portfolio-body #pro .premium-card:nth-child(n){grid-column:1;margin-top:0}.studio-home .portfolio-body #pro .premium-card-copy{display:flex;padding-top:17px;gap:12px}.studio-home .portfolio-body #pro .premium-card-copy h3{font-size:29px}.studio-home .portfolio-body #pro .premium-mobile{font-size:9px;margin-top:0;min-height:36px}.studio-home .portfolio-body #pro .premium-card-copy p{font-size:10px}.studio-home .portfolio-section-intro>p{font-size:12px}.studio-home .portfolio-text-link{font-size:11px}.studio-home .portfolio-body .portfolio-label,.studio-home .portfolio-body .landing-kicker{font-size:11px}.studio-home .portfolio-statement{padding-block:45px}.studio-home .portfolio-statement h2{font-size:36px}.studio-home .portfolio-statement-link{font-size:42px}.studio-home .portfolio-body .education-controls{padding:24px}.studio-home .portfolio-body .education-preview{padding:17px}.studio-home .portfolio-body .education-browser{padding:22px}.studio-home .portfolio-body .education-browser h3{font-size:37px;margin-top:34px}.studio-home .portfolio-body .education-site-nav span:first-child{font-size:15px}.studio-home .portfolio-body .education-site-nav span:last-child{font-size:6px}.studio-home .portfolio-body .education-site-image{height:150px}.studio-home .portfolio-body .education-actions{grid-template-columns:1fr}.studio-home .portfolio-body .education-actions button{font-size:11px}.studio-home .portfolio-process-steps article{display:block}.studio-home .portfolio-process-steps p{margin-top:13px}.studio-home .portfolio-faq h2,.studio-home .portfolio-process h2{font-size:41px}.studio-home .portfolio-faq-list summary{font-size:13px;gap:18px}}
@media(prefers-reduced-motion:reduce){.studio-home .portfolio-body *{transition:none!important;scroll-behavior:auto!important}.studio-home .portfolio-body #pro .premium-card .preview-window:hover img{transform:none}.studio-home .portfolio-text-link:hover>span,.studio-home .portfolio-statement-link:hover{transform:none}}
@media(max-width:760px){.studio-home .portfolio-body .portfolio-guides{margin-bottom:25px}.studio-home .portfolio-body .portfolio-guides .marketing-link-grid{grid-template-columns:1fr 1fr;gap:10px 25px}.studio-home .portfolio-body .portfolio-guides .marketing-links h2{font-size:29px}}
@media(max-width:480px){.studio-home .portfolio-body .portfolio-guides .marketing-link-grid{grid-template-columns:1fr}.studio-home .portfolio-body .portfolio-guides>summary{font-size:11px}}
.studio-home .portfolio-body h2{letter-spacing:-.04em}.studio-home .portfolio-body .plan-price strong{letter-spacing:-.035em}.studio-home .portfolio-body #pro .premium-card-copy h3{letter-spacing:-.03em}

/* Pro kartı canlı önizlemesi: bağlantının üstünde, tıklamayı geçiren katman. */
.portfolio-body #pro .premium-card{position:relative}
.card-live{position:absolute;width:1440px;border:0;transform-origin:0 0;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:1;background:#fff}
.card-live.is-ready{opacity:1}

/* Gerçek müşteri referansları (references.ts boşken bölüm yok). */
.portfolio-references{padding:96px 5%;border-top:1px solid var(--portfolio-rule,#dadddf)}
.references-head{display:grid;grid-template-columns:7fr 5fr;gap:7%;align-items:end;margin-bottom:56px}
.references-head p{font-size:15px;line-height:1.8;color:var(--portfolio-muted,#65686c);max-width:420px}
.references-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px 5%}
.references-list li{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding-top:28px;border-top:1px solid var(--portfolio-ink,#101112)}
.references-list blockquote{margin:0}
.references-list blockquote p{font-size:clamp(22px,2vw,30px);line-height:1.35;letter-spacing:-.02em}
.references-list blockquote footer{margin-top:14px;font-size:13px;color:var(--portfolio-muted,#65686c)}
.references-meta{display:grid;gap:4px;font-size:13px}
.references-meta strong{font-size:16px;font-weight:500}
.references-meta span{color:var(--portfolio-muted,#65686c)}
.references-meta a{margin-top:8px;color:#294cf5;width:max-content}
@media(max-width:900px){.references-head{grid-template-columns:1fr}.portfolio-references{padding:64px 5%}}

.studio-home .portfolio-body .pricing-card-link{font-size:12px;color:#101112}
.studio-home .portfolio-body .portfolio-faq-list a{color:inherit;text-underline-offset:3px}