/* The existing Portfolio Studio palette and type remain the foundation. */
.easy-hero{gap:48px;padding-block:74px 58px}.easy-hero h1{font-size:clamp(2.8rem,5.4vw,4.7rem);letter-spacing:-.055em}.easy-hero .lede{font-size:1.16rem;max-width:570px}.hero-price{margin:24px 0 0;font-size:.95rem}.hero-price span{color:var(--muted);font-size:.83rem}.product-preview{display:block;border:1px solid var(--line);border-radius:15px;box-shadow:0 24px 70px #14204012;background:#fff;text-decoration:none;overflow:hidden;transform:rotate(1deg);transition:transform .2s,box-shadow .2s;color:var(--ink)}.product-preview:hover{transform:rotate(0);box-shadow:0 25px 70px #14204022;color:var(--ink)}.browser-bar{display:flex;justify-content:space-between;align-items:center;background:#e9edf6;padding:12px 18px;font-size:.68rem;color:#52617a;gap:12px}.browser-bar>span:first-child{letter-spacing:3px;color:#8997b1}.preview-body{padding:24px;background:#f9faff}.preview-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.66rem;padding-bottom:24px;border-bottom:1px solid var(--line)}.preview-nav strong{font-size:.9rem}.preview-person{display:grid;grid-template-columns:1fr 100px;gap:20px;align-items:center;padding:28px 0}.preview-person .eyebrow{font-size:.57rem;letter-spacing:.08em;margin-bottom:12px}.preview-person h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:14px}.preview-person p:not(.eyebrow){font-size:.72rem;color:var(--muted);margin:0}.preview-headshot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px dashed #9caed5;border-radius:12px;background:#eef2fc;padding:12px 8px;font-size:.58rem}.preview-headshot svg{width:56px;height:56px;fill:none;stroke:#7184b1;stroke-width:3}.preview-project{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.preview-project img{width:100%;height:150px;object-fit:cover;object-position:center 44%;display:block}.preview-project>div{padding:17px}.preview-project span{font-size:.57rem;letter-spacing:.08em;color:var(--accent)}.preview-project strong{display:block;font-size:1rem;margin:7px 0}.preview-project p{font-size:.72rem;line-height:1.6;color:var(--muted);margin:0 0 10px}.preview-project .preview-link{letter-spacing:0;font-weight:700;font-size:.68rem}.preview-bottom{display:flex;justify-content:space-between;padding:20px 0 0;font-size:.65rem;color:var(--muted);gap:10px}.preview-caption{background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:14px 20px;font-size:.75rem;gap:12px}.preview-caption span{color:#c2d0ff;font-size:.65rem}.example-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}.example-card{min-width:0}.example-image{display:block;text-decoration:none;border-radius:14px;overflow:hidden;background:var(--ink);color:#fff;padding:26px 26px 0;border:1px solid var(--line)}.example-image:hover{color:#fff}.example-card-top{display:flex;justify-content:space-between;gap:10px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#b6c8ff;margin-bottom:28px}.example-image h3{font-size:2rem;margin-bottom:7px}.example-image p{font-size:1rem;margin-bottom:22px;color:#dae3ff}.example-image img{display:block;width:100%;aspect-ratio:1.95;object-fit:cover;object-position:top;border-radius:9px 9px 0 0;transition:transform .25s}.example-image:hover img{transform:translateY(-4px)}.example-priya .example-image{background:#e8edff;color:var(--ink)}.example-priya .example-image:hover{color:var(--ink)}.example-priya .example-card-top,.example-priya .example-image p{color:#3c507f}.example-mara .example-image{background:#eae9db;color:#294e40}.example-mara .example-image:hover{color:#294e40}.example-mara .example-card-top,.example-mara .example-image p{color:#365d4c}.example-alex .example-image{background:#152849}.example-description{padding:22px 0 0}.example-description h3{font-size:1.2rem;margin-bottom:10px}.example-description p{color:var(--muted);margin-bottom:17px}.text-link{font-size:.9rem;font-weight:650}.gallery-note{margin:34px 0 0;max-width:850px}.included-list article{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}.included-list article>span{color:var(--accent);font-size:.85rem;font-weight:700}.included-list h3{font-size:1.2rem}.included-list p{color:var(--muted);margin:0}.easy-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:38px 0}.easy-steps article{border-top:2px solid var(--accent);padding-top:22px}.easy-steps article>span{display:block;font-size:.8rem;font-weight:700;color:var(--accent);margin-bottom:24px}.easy-steps h3{font-size:1.25rem}.easy-steps p{font-size:.95rem;color:var(--muted)}
/* Complete sample portfolios. Each follows the same site palette with its own composition. */
.portfolio-demo .demo-banner{font-size:.76rem;background:#e8edff;color:var(--ink);padding:14px 0}.demo-banner a{font-weight:650}.candidate{--demo-accent:#304fdf}.candidate-nav{display:flex;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center}.candidate-name{font-weight:750;font-size:1.25rem;text-decoration:none;letter-spacing:-.04em}.candidate-nav>div{display:flex;gap:22px;font-size:.8rem}.candidate-nav>div a{text-decoration:none}.candidate-hero{display:grid;grid-template-columns:1fr 230px;gap:70px;align-items:center;padding:72px 0 60px}.candidate-hero h1{font-size:clamp(3rem,5.8vw,5rem);max-width:750px}.candidate-hero .lede{max-width:620px}.headshot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;aspect-ratio:4/5;border:1px dashed #8ca0ce;border-radius:18px;background:#eef2fc;padding:26px 20px}.headshot-placeholder svg{width:110px;height:110px;fill:none;stroke:#8397c5;stroke-width:2}.headshot-placeholder strong{font-size:.95rem}.headshot-placeholder span{font-size:.75rem;color:var(--muted)}.candidate-skills{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.candidate-skills span{font-size:.8rem;border:1px solid var(--line);padding:5px 12px;border-radius:30px}.demo-project{border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:26px;scroll-margin-top:30px;overflow:hidden}.project-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;padding:28px}.project-intro h3{font-size:1.8rem}.project-intro .eyebrow{font-size:.7rem}.project-intro p:last-child{margin-bottom:0}.demo-artifact{margin:0;min-width:0}.demo-artifact img{display:block;width:100%;height:auto;border-radius:8px}.demo-artifact figcaption,.candidate-photo figcaption{font-size:.7rem;color:var(--muted);line-height:1.5;margin-top:10px}.project-detail{border-top:1px solid var(--line)}.project-detail summary{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:650;color:var(--accent);list-style:none;font-size:.92rem;min-height:56px}.project-detail summary::-webkit-details-marker{display:none}.project-detail summary>span{font-size:1.4rem;line-height:1}.project-detail[open] summary>span{transform:rotate(45deg)}.project-detail[open] summary{border-bottom:1px solid var(--line);background:#f4f6fd}.project-story{max-width:820px;padding:30px 28px;margin:auto}.project-story h4{margin:30px 0 12px;font-size:1.2rem}.project-story p{color:var(--muted)}.project-story .eyebrow{margin-bottom:8px}.project-takeaway{padding:24px;background:#eef2fc;border-radius:8px;margin:26px 0}.project-takeaway h4{margin-top:0}.project-takeaway p{margin:0}.candidate-about{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.candidate-photo{margin:0}.candidate-photo img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:12px}.candidate-history{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.candidate-history h3{font-size:1.5rem}.candidate-history ul{color:var(--muted)}.history-org{font-weight:650}.candidate-history .eyebrow{font-size:.72rem}.candidate-resume{display:grid;grid-template-columns:1.1fr .8fr;gap:100px;align-items:center}.candidate-resume p.small{margin-top:20px}.resume-paper-mini{background:#fff;box-shadow:0 15px 50px #14204014;border:1px solid var(--line);padding:36px;transform:rotate(2deg);font-size:.8rem}.resume-paper-mini>strong{display:block;font-size:1.6rem;letter-spacing:-.04em}.resume-paper-mini>span{color:var(--muted);font-size:.75rem}.resume-paper-mini hr{border:0;border-top:1px solid var(--line);margin:20px 0}.resume-paper-mini b{font-size:.61rem;letter-spacing:.1em;color:var(--accent)}.resume-paper-mini p{margin:9px 0 18px;line-height:1.7}.contact-placeholders{display:flex;gap:20px;flex-wrap:wrap}.contact-placeholders span{border-bottom:1px dashed #99a8c7;padding:8px 0;font-size:.9rem;color:var(--muted)}.demo-build-cta{background:var(--ink);color:#fff;padding:50px 0}.demo-build-cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.demo-build-cta h2{font-size:2.3rem;margin-bottom:14px}.demo-build-cta p{color:#c3cfea;margin-bottom:0}.demo-build-cta .eyebrow{color:#a7bcff;margin-bottom:15px}.demo-build-cta .button{flex-shrink:0}.candidate-riley .candidate-hero{border-bottom:0}.candidate-riley .candidate-hero h1{max-width:550px}.candidate-priya .candidate-hero h1,.candidate-mara .candidate-hero h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.055em}.candidate-priya .candidate-name{font-family:Georgia,serif}.candidate-alex .candidate-hero{background:var(--ink);color:#fff;padding:55px 40px;margin:30px 0;border-radius:16px;gap:40px}.candidate-alex .candidate-hero .eyebrow{color:#a7bcff}.candidate-alex .candidate-hero .lede{color:#c4d1ea}.candidate-alex .candidate-hero .button.secondary{color:#fff;border-color:#637294}.candidate-alex .headshot-placeholder{background:#203453;color:#fff;border-color:#6d82aa}.candidate-alex .headshot-placeholder span{color:#c4d1ea}.candidate-mara .candidate-hero{padding-bottom:78px}.candidate-mara .project-intro{grid-template-columns:.85fr 1.15fr}.candidate-mara .project-intro h3{font-family:Georgia,serif}.case-copy{padding-top:34px}.case-copy h2{font-size:1.8rem}.sample-resume{background:#fff;border:1px solid var(--line);padding:45px;margin-top:35px}.sample-resume h1{font-size:2.6rem}.sample-resume h2{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:10px;margin:28px 0 17px}.sample-resume h3{font-size:1.1rem;margin-bottom:10px}.sample-resume p,.sample-resume li{font-size:.9rem}.resume-demo main>.actions{gap:12px}.marketing-home .pricing-card li{font-size:.94rem}
@media(max-width:1000px){.easy-hero{gap:30px}.preview-body{padding:18px}.preview-person{grid-template-columns:1fr 80px}.preview-headshot{font-size:.52rem}.candidate-hero{gap:35px;grid-template-columns:1fr 210px}.candidate-resume{gap:50px}.candidate-history{gap:40px}.project-intro{gap:22px;padding:24px}.easy-steps{grid-template-columns:repeat(2,1fr)}.candidate-nav>div{gap:15px}}
@media(max-width:760px){.easy-hero{grid-template-columns:1fr;padding-top:48px;gap:40px}.easy-hero h1{font-size:3.25rem}.product-preview{max-width:520px;width:100%;margin:0 auto;transform:none}.preview-person h2{font-size:2.25rem}.preview-project img{height:170px}.example-gallery{grid-template-columns:1fr;gap:36px}.example-image img{aspect-ratio:2}.example-card-top{margin-bottom:20px}.easy-steps{gap:20px}.easy-steps h3{font-size:1.15rem}.easy-steps p{font-size:.9rem}.candidate-nav{align-items:flex-start;flex-direction:column;gap:12px}.candidate-nav>div{gap:20px;flex-wrap:wrap}.candidate-hero{grid-template-columns:1fr;gap:30px;padding:45px 0}.candidate-hero h1{font-size:3.3rem}.headshot-placeholder{aspect-ratio:auto;max-width:none;display:grid;grid-template-columns:64px 1fr;text-align:left;padding:20px;gap:4px 20px;align-items:center;justify-items:start}.headshot-placeholder svg{width:64px;height:64px;grid-row:1/3}.headshot-placeholder strong{align-self:end}.headshot-placeholder span{align-self:start}.project-intro,.candidate-mara .project-intro{grid-template-columns:1fr;gap:20px;padding:22px}.project-intro h3{font-size:1.6rem}.project-story{padding:24px 22px}.project-detail summary{padding:18px 22px}.candidate-about,.candidate-history,.candidate-resume{grid-template-columns:1fr;gap:35px}.candidate-history article+article{border-top:1px solid var(--line);padding-top:30px}.candidate-photo img{aspect-ratio:1.5}.resume-paper-mini{max-width:380px;width:100%;margin:auto;padding:28px}.candidate-alex .candidate-hero{padding:32px 24px;gap:28px}.candidate-alex .candidate-hero h1{font-size:2.9rem}.demo-build-cta>.wrap{align-items:flex-start;flex-direction:column;gap:28px}.sample-resume{padding:26px}.candidate .section{padding-block:55px}.preview-caption{font-size:.68rem}.preview-caption span{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.product-preview,.example-image img{transition:none}}
@media print{.resume-demo .header,.resume-demo .footer,.resume-demo .demo-banner,.resume-demo main>.actions{display:none}.sample-resume{border:0;margin:0;padding:0}.resume-demo .section{padding:0}.resume-demo .wrap{width:100%}.sample-resume h1{font-size:26pt}.sample-resume p,.sample-resume li{font-size:10pt}.sample-resume h2{break-after:avoid}.sample-resume h3{break-after:avoid}}
/* Real photography and four deliberately different compositions. */
.simple-service h2{font-size:clamp(1.8rem,2.5vw,2.35rem);line-height:1.16}.simple-service .artifact{margin:18px 0;padding:18px 0}.simple-service .artifact strong{font-size:1.05rem;margin-bottom:8px}.simple-service .artifact span{line-height:1.6;display:block}.simple-service>p:last-child{margin:22px 0 0}.stock-project img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block}.stock-project figcaption{font-size:.66rem;line-height:1.5;margin-top:10px}.example-image img{aspect-ratio:1.85;object-fit:cover;object-position:center}.example-riley .example-image img{object-position:center 55%}.example-priya .example-image img{object-position:center}.example-mara .example-image img{object-position:center 65%}
/* Riley / technical field journal. */
.candidate-riley{background:#142040;color:#f2f5ff;--ink:#f2f5ff;--muted:#bdcae1;--line:#3c4d6c;--accent:#a8bdff}.candidate-riley .candidate-nav{padding-block:27px}.candidate-riley .candidate-name{letter-spacing:.02em;font-size:1rem;text-transform:uppercase}.candidate-riley .candidate-hero{padding:84px 0 72px;grid-template-columns:1fr 200px}.candidate-riley .candidate-hero h1{font-size:clamp(3.3rem,6.8vw,6rem);text-transform:uppercase;letter-spacing:-.055em}.candidate-riley .headshot-placeholder{background:#203153;border-color:#7184aa}.candidate-riley .headshot-placeholder strong{color:#fff}.candidate-riley .headshot-placeholder span{color:#bdcae1}.candidate-riley .button{background:#304fdf;border-color:#304fdf;color:#fff}.candidate-riley .button.secondary{background:transparent;border-color:#607298;color:#fff}.candidate-riley .candidate-skills{font-family:ui-monospace,monospace;gap:12px 25px}.candidate-riley .candidate-skills span{border:0;padding:0;font-size:.76rem}.candidate-riley #work{display:grid;grid-template-columns:1fr 1fr;gap:32px}.candidate-riley #work>.section-head{grid-column:1/-1}.candidate-riley .demo-project{border-radius:0;border:0;border-top:1px solid #506182;background:transparent;margin-top:0;overflow:visible}.candidate-riley .demo-project:first-of-type{grid-column:1/-1}.candidate-riley .project-intro{grid-template-columns:1fr;gap:24px;padding:30px 0 20px}.candidate-riley .demo-project:first-of-type .project-intro{grid-template-columns:.8fr 1.2fr;gap:45px}.candidate-riley .stock-project img{border-radius:2px;aspect-ratio:1.55}.candidate-riley .project-detail{border-color:#506182}.candidate-riley .project-detail summary{padding-inline:0;color:#b3c6ff}.candidate-riley .project-detail[open] summary{background:transparent;border-color:#506182}.candidate-riley .project-story{padding:25px 0}.candidate-riley .project-story p{color:#bdcae1}.candidate-riley .project-takeaway{background:#223557}.candidate-riley .stock-project figcaption,.candidate-riley .candidate-photo figcaption{color:#bdcae1}.candidate-riley .candidate-about{grid-template-columns:1fr .8fr}.candidate-riley .candidate-photo img{border-radius:2px;aspect-ratio:1.25}.candidate-riley .resume-paper-mini{background:#f7f8fc;color:#142040;--muted:#52617a;--line:#d5dce9;--accent:#304fdf;transform:none;border-radius:0}.candidate-riley .demo-build-cta{border-top:1px solid #506182;background:#203153}
/* Priya / spacious editorial profile and experience timeline. */
.candidate-priya .candidate-hero{grid-template-columns:1fr 180px;padding-block:95px 85px;gap:90px}.candidate-priya .candidate-hero h1{font-size:clamp(3.6rem,6.7vw,6.2rem);max-width:800px;line-height:1.02}.candidate-priya .headshot-placeholder{border-radius:100px 100px 8px 8px;aspect-ratio:3/4;background:#e8edff}.candidate-priya .candidate-skills{gap:14px 32px;padding-block:25px;border-bottom:0}.candidate-priya .candidate-skills span{border:0;border-radius:0;padding:0;font-size:.85rem}.candidate-priya #experience{padding-block:60px;background:transparent}.candidate-priya #experience .section-head{align-items:flex-start}.candidate-priya .candidate-history{gap:75px}.candidate-priya .candidate-history article{padding-left:25px;border-left:2px solid #304fdf}.candidate-priya #work>.section-head{padding-bottom:25px;border-bottom:1px solid var(--line)}.candidate-priya .demo-project{background:transparent;border:0;border-radius:0;overflow:visible;border-bottom:1px solid var(--line);padding:24px 0;margin:0}.candidate-priya .project-intro{padding:10px 0 25px;grid-template-columns:1fr 1.2fr;gap:60px}.candidate-priya .project-intro>div{order:2}.candidate-priya .project-intro>figure{order:1}.candidate-priya .project-intro h3{font-family:Georgia,serif;font-weight:500;font-size:2.3rem}.candidate-priya .stock-project img{border-radius:4px;aspect-ratio:1.3}.candidate-priya .demo-project:nth-of-type(2) .project-intro>div{order:1}.candidate-priya .demo-project:nth-of-type(2) .project-intro>figure{order:2}.candidate-priya .project-detail{border:0}.candidate-priya .project-detail summary{padding:12px 0;justify-content:flex-start;gap:20px}.candidate-priya .project-detail[open] summary{background:transparent;border:0}.candidate-priya .project-story{max-width:760px;padding:25px 0 5px;margin:0}.candidate-priya .candidate-about{border-top:0;grid-template-columns:1.1fr .8fr;gap:90px}.candidate-priya .candidate-photo img{border-radius:50% 50% 3px 3px;aspect-ratio:1}.candidate-priya .candidate-resume{background:#e8edff;padding:50px;border:0;border-radius:8px;margin-bottom:40px}.candidate-priya .resume-paper-mini{transform:rotate(-3deg)}
/* Alex / a compact product-build index and asymmetric work grid. */
.candidate-alex .candidate-nav,.candidate-alex .eyebrow,.candidate-alex .candidate-skills{font-family:ui-monospace,SFMono-Regular,monospace}.candidate-alex .candidate-name{font-size:1rem;letter-spacing:-.03em}.candidate-alex .candidate-hero{padding:65px 50px;grid-template-columns:1fr 190px;gap:60px;border-radius:6px}.candidate-alex .candidate-hero h1{font-size:clamp(3rem,5.4vw,5rem);letter-spacing:-.06em}.candidate-alex .headshot-placeholder{aspect-ratio:1;border-radius:6px}.candidate-alex .candidate-skills{padding:17px 0}.candidate-alex .candidate-skills span{border-radius:5px;background:#e8edff;border:0;font-size:.75rem}.candidate-alex #work{display:grid;grid-template-columns:1fr 1fr;gap:24px}.candidate-alex #work>.section-head{grid-column:1/-1;align-items:flex-start;margin-bottom:15px}.candidate-alex .demo-project{margin:0;border-radius:7px;box-shadow:0 9px 30px #14204008}.candidate-alex .demo-project:first-of-type{grid-column:1/-1;background:#e8edff}.candidate-alex .project-intro{grid-template-columns:1fr;padding:26px;gap:20px}.candidate-alex .demo-project:first-of-type .project-intro{grid-template-columns:1fr 1.2fr;gap:40px}.candidate-alex .stock-project img{border-radius:4px;aspect-ratio:1.8}.candidate-alex .project-intro h3{font-size:2rem;letter-spacing:-.055em}.candidate-alex .project-story{padding:25px}.candidate-alex .candidate-about{grid-template-columns:1fr 1fr;gap:50px}.candidate-alex .candidate-history{grid-template-columns:1fr 1fr;gap:24px}.candidate-alex .candidate-history article{background:#fff;border:1px solid var(--line);padding:30px;border-radius:6px}.candidate-alex .candidate-resume{grid-template-columns:1fr .7fr;gap:80px}.candidate-alex .resume-paper-mini{transform:none;border-top:5px solid #304fdf}
/* Mara / an art-directed, photographic editorial. */
.candidate-mara{background:#efeee8;--bg:#efeee8;--line:#cfcec7}.candidate-mara .candidate-name{font-family:Georgia,serif;font-weight:500;font-size:1.6rem}.candidate-mara .candidate-nav{padding-block:25px}.candidate-mara .candidate-hero{grid-template-columns:1fr 180px;gap:90px;padding:85px 0 90px}.candidate-mara .candidate-hero h1{font-size:clamp(4rem,7.7vw,7rem);line-height:1;max-width:850px}.candidate-mara .headshot-placeholder{background:#e0e4d9;border-radius:0;transform:rotate(4deg);border-color:#87957b;aspect-ratio:3/4}.candidate-mara .candidate-skills{gap:24px;border:0;justify-content:space-between;padding:25px 0}.candidate-mara .candidate-skills span{padding:0;border:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.candidate-mara #work>.section-head h2{font-family:Georgia,serif;font-size:3.8rem;font-weight:500}.candidate-mara .demo-project{background:transparent;border:0;border-radius:0;margin:30px 0 65px;overflow:visible}.candidate-mara .project-intro{padding:0;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:end}.candidate-mara .project-intro h3{font-family:Georgia,serif;font-size:3rem;font-weight:500}.candidate-mara .stock-project img{border-radius:0;aspect-ratio:1.2}.candidate-mara .demo-project:nth-of-type(2) .project-intro{grid-template-columns:1.3fr .7fr}.candidate-mara .demo-project:nth-of-type(2) .project-intro>div{order:2}.candidate-mara .demo-project:nth-of-type(2) .project-intro>figure{order:1}.candidate-mara .demo-project:nth-of-type(2){margin-left:0;margin-right:80px}.candidate-mara .demo-project:nth-of-type(3){margin-left:90px}.candidate-mara .project-detail{margin-top:25px;border-color:#9ca39f}.candidate-mara .project-detail summary{padding-inline:0;color:#142040}.candidate-mara .project-detail[open] summary{background:transparent}.candidate-mara .project-story{padding:30px 0;max-width:800px;margin:0}.candidate-mara .project-takeaway{background:#e0e4d9}.candidate-mara .candidate-about{grid-template-columns:.9fr 1.1fr;gap:85px}.candidate-mara .candidate-photo img{border-radius:0;aspect-ratio:1.15}.candidate-mara .candidate-history{grid-template-columns:1fr 1fr}.candidate-mara .candidate-history h3{font-family:Georgia,serif;font-size:1.8rem;font-weight:500}.candidate-mara .candidate-resume{grid-template-columns:1fr .7fr}.candidate-mara .resume-paper-mini{transform:rotate(-4deg);border:0;box-shadow:12px 15px 0 #d7dcce}.candidate-mara .demo-build-cta{background:#142040}
@media(max-width:900px){.candidate-riley .candidate-hero,.candidate-priya .candidate-hero,.candidate-mara .candidate-hero{gap:30px;grid-template-columns:1fr 160px}.candidate-alex .candidate-hero{gap:30px;padding:40px 30px;grid-template-columns:1fr 160px}.candidate-mara .project-intro{gap:35px}.candidate-priya .project-intro{gap:35px}.candidate-mara .demo-project:nth-of-type(2){margin-right:30px}.candidate-mara .demo-project:nth-of-type(3){margin-left:30px}}
@media(max-width:760px){.simple-service{padding:27px}.simple-service h2{font-size:1.85rem}.candidate-riley .candidate-hero,.candidate-priya .candidate-hero,.candidate-alex .candidate-hero,.candidate-mara .candidate-hero{grid-template-columns:1fr;padding:45px 0;gap:28px}.candidate-alex .candidate-hero{padding:35px 24px}.candidate-priya .headshot-placeholder,.candidate-mara .headshot-placeholder,.candidate-alex .headshot-placeholder{aspect-ratio:auto;border-radius:6px;transform:none}.candidate-riley .headshot-placeholder{aspect-ratio:auto}.candidate-priya .candidate-hero h1{font-size:3.5rem}.candidate-mara .candidate-hero h1{font-size:3.8rem}.candidate-riley .candidate-hero h1{font-size:3.7rem}.candidate-riley #work,.candidate-alex #work{grid-template-columns:1fr;gap:25px}.candidate-riley .demo-project:first-of-type .project-intro,.candidate-alex .demo-project:first-of-type .project-intro{grid-template-columns:1fr;gap:22px}.candidate-priya .project-intro,.candidate-mara .project-intro,.candidate-mara .demo-project:nth-of-type(2) .project-intro{grid-template-columns:1fr;gap:24px}.candidate-priya .project-intro>div,.candidate-priya .project-intro>figure,.candidate-priya .demo-project:nth-of-type(2) .project-intro>div,.candidate-priya .demo-project:nth-of-type(2) .project-intro>figure,.candidate-mara .demo-project:nth-of-type(2) .project-intro>div,.candidate-mara .demo-project:nth-of-type(2) .project-intro>figure{order:initial}.candidate-mara .demo-project:nth-of-type(2),.candidate-mara .demo-project:nth-of-type(3){margin:25px 0 45px}.candidate-mara #work>.section-head h2{font-size:2.8rem}.candidate-mara .project-intro h3{font-size:2.4rem}.candidate-riley .candidate-about,.candidate-priya .candidate-about,.candidate-alex .candidate-about,.candidate-mara .candidate-about,.candidate-alex .candidate-history,.candidate-mara .candidate-history,.candidate-priya .candidate-history,.candidate-alex .candidate-resume,.candidate-mara .candidate-resume{grid-template-columns:1fr;gap:30px}.candidate-priya .candidate-resume{padding:30px 22px}.candidate-priya .candidate-history{gap:35px}.candidate-priya .candidate-history article+article{padding-top:0;border-top:0}.candidate-mara .candidate-skills{justify-content:flex-start;gap:12px 24px}.candidate-riley .stock-project img{aspect-ratio:1.4}.stock-project figcaption{font-size:.67rem}.candidate-alex .candidate-history article{padding:24px}}
/* Distinct introductions: an editorial portrait rail and a centered creative masthead. */
.candidate-priya .candidate-hero{grid-template-columns:180px 1fr;gap:75px}.candidate-priya .candidate-hero>div:first-child{order:2}.candidate-priya .candidate-hero>.headshot-placeholder{order:1}.candidate-priya .candidate-hero h1{font-size:clamp(3.6rem,6.2vw,5.6rem)}
.candidate-mara .candidate-hero{display:block;text-align:center;padding:75px 0 65px}.candidate-mara .candidate-hero>div:first-child{max-width:1000px;margin:auto}.candidate-mara .candidate-hero h1{max-width:1000px;margin-inline:auto;font-size:clamp(4rem,8.7vw,7.8rem)}.candidate-mara .candidate-hero .lede{margin-inline:auto;max-width:650px}.candidate-mara .candidate-hero .actions{justify-content:center}.candidate-mara .candidate-hero .headshot-placeholder{transform:none;aspect-ratio:auto;max-width:360px;display:grid;grid-template-columns:60px 1fr;text-align:left;gap:4px 18px;margin:35px auto 0;padding:16px 20px;border-radius:0}.candidate-mara .candidate-hero .headshot-placeholder svg{width:60px;height:60px;grid-row:1/3}.candidate-mara .candidate-hero .headshot-placeholder strong{font-size:.8rem;align-self:end}.candidate-mara .candidate-hero .headshot-placeholder span{font-size:.7rem;align-self:start}
@media(max-width:760px){.candidate-priya .candidate-hero{grid-template-columns:1fr;gap:30px}.candidate-priya .candidate-hero>div:first-child{order:initial}.candidate-priya .candidate-hero>.headshot-placeholder{order:initial}.candidate-priya .candidate-hero h1{font-size:3.4rem}.candidate-mara .candidate-hero{padding:45px 0}.candidate-mara .candidate-hero h1{font-size:3.7rem}.candidate-mara .candidate-hero .headshot-placeholder{max-width:100%;margin-top:28px}.candidate-mara .candidate-hero .actions{align-items:stretch}.candidate-mara .candidate-hero .button{flex:1}}
/* Live previews of the real customer renderer; each composition stays visible. */
.example-image{padding:0;background:transparent!important;color:var(--ink)!important;border:1px solid var(--line);position:relative;border-radius:10px}.live-preview-frame{height:390px;overflow:hidden;position:relative;pointer-events:none;background:#f2f5fc}.live-preview-frame iframe{position:absolute;left:0;top:0;width:1200px;height:1100px;border:0;transform:scale(.465);transform-origin:top left;pointer-events:none;background:#f2f5fc}.live-preview-open{display:flex;justify-content:flex-end;background:var(--ink);color:#fff;font-size:.76rem;padding:13px 18px}.example-image:hover .live-preview-open{background:var(--accent)}.example-description{padding-top:20px}
@media(min-width:1000px){.example-riley{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:center}.example-riley .live-preview-frame{height:450px}.example-riley .live-preview-frame iframe{transform:scale(.6);height:1000px}.example-riley .example-description h3{font-size:2rem}.example-riley .example-description{padding-right:25px}.example-mara{grid-column:1/-1;display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:center}.example-mara .example-image{order:2}.example-mara .live-preview-frame{height:450px}.example-mara .live-preview-frame iframe{transform:scale(.6);height:1000px}.example-mara .example-description h3{font-size:2rem}}
@media(max-width:1000px) and (min-width:761px){.live-preview-frame{height:330px}.live-preview-frame iframe{transform:scale(.36)}}
@media(max-width:760px){.live-preview-frame{height:350px}.live-preview-frame iframe{width:760px;height:1000px;transform:scale(.65)}}
@media(max-width:520px){.live-preview-frame{height:330px}.live-preview-frame iframe{width:760px;transform:scale(.46)}}
@media(max-width:390px){.live-preview-frame iframe{transform:scale(.4)}}