.portfolio-page header .brand img{height:auto}.portfolio-page{--folio-accent:#b27a50}.portfolio-intro{padding-top:56px;padding-bottom:44px}.portfolio-intro h1{font-size:clamp(38px,4.5vw,60px);max-width:850px}.portfolio-lead{font-size:19px;color:var(--muted);max-width:780px;line-height:1.7}.service-tiles{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:64px}.service-tile{padding:32px;border:1px solid #decab6;background:#fffdf8;border-radius:16px;display:flex;flex-direction:column}.tile-number{font-size:14px;color:#977053;margin-bottom:22px}.service-tile h2{font-size:30px;letter-spacing:-.7px}.service-tile p{color:var(--muted);font-size:17px;max-width:450px}.text-link{font-weight:600;font-size:15px;align-self:start;margin-top:auto}.examples-callout{display:flex;gap:40px;align-items:center;justify-content:space-between;padding-top:40px;padding-bottom:40px;background:#efdfca;border-radius:20px;max-width:1104px}.examples-callout h2{font-size:40px;margin-bottom:20px}.examples-callout p:not(.eyebrow){max-width:600px;color:var(--muted)}.examples-callout>.button{flex:none}.portfolio-bottom{padding-top:64px;padding-bottom:64px}.portfolio-bottom h2{font-size:32px}.services-extra{margin-left:12px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:64px}.example-card{display:block;text-decoration:none;border:1px solid #e1cdb8;border-radius:17px;overflow:hidden;background:#fffdf8;transition:transform .2s,box-shadow .2s}.example-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #49302312}.example-card:focus-visible{outline-offset:6px}.card-copy{padding:25px}.card-copy .eyebrow{font-size:12px;margin-bottom:12px}.card-copy h2{font-size:29px;margin-bottom:14px}.card-copy p{font-size:16px;color:var(--muted);margin-bottom:16px}.card-link{display:inline-block;font-size:15px;font-weight:600;border-bottom:1px solid #967052;padding-bottom:3px}.demo-note{display:flex;gap:22px;align-items:baseline;border-left:3px solid #b27a50;padding:14px 22px;background:#f4e8d8;margin-bottom:30px;max-width:780px;font-size:14px;color:#6f523d}.demo-note strong{white-space:nowrap;font-size:14px}.demo-note p{margin:0}.breadcrumb{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:26px;font-size:14px;font-weight:400;color:var(--muted)}.breadcrumb span{color:#9c8068}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:64px}.branch-grid .card-copy{padding:23px}.branch-grid .card-copy h2{font-size:26px}.branch-grid .browser-preview{min-height:265px}.browser-preview{padding:19px 19px 0;min-height:305px;background:#ead8c3;color:#254033}.mini-bar{height:20px;display:flex;gap:5px;padding:7px 10px;background:#fffaf2;border-radius:7px 7px 0 0}.mini-bar i{width:5px;height:5px;border-radius:50%;background:#c8b29c}.mini-site{background:#f8f7f0;padding:16px;min-height:248px;overflow:hidden}.mini-brand{font-family:'Manrope',sans-serif;font-size:9px;font-weight:800;letter-spacing:1px}.mini-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-top:24px}.mini-content img{display:block;width:100%;height:145px;object-fit:cover;border-radius:5px}.mini-content strong{font-family:Georgia,serif;font-size:clamp(23px,2.3vw,34px);line-height:1.04;display:block;letter-spacing:-.8px}.mini-kicker{display:block;font-size:8px;letter-spacing:1px;margin-bottom:10px}.mini-button{display:block;height:11px;width:45px;margin-top:14px;background:currentColor;border-radius:9px;opacity:.85}.mini-lines{display:flex;gap:14px;margin-top:21px}.mini-lines span{display:block;height:4px;background:currentColor;opacity:.16;flex:1}.mini-modern{background:#dddeff;color:#2413b4}.mini-modern .mini-site{background:#f2f1ff}.mini-modern .mini-content strong{font-family:'Manrope',sans-serif;font-weight:800}.mini-modern .mini-content img{border-radius:45% 45% 8px 8px;transform:rotate(4deg)}.mini-elegant{background:#ddd0b9;color:#f4e9d1}.mini-elegant .mini-site{background:#222c28}.mini-elegant .mini-brand{text-align:center;color:#d9b879}.mini-elegant .mini-content{grid-template-columns:1fr 1fr}.mini-elegant .mini-content strong{font-weight:400;font-style:italic}.mini-elegant .mini-content img{border-radius:75px 75px 0 0}.mini-interactive{background:#202125;color:#dfff72}.mini-interactive .mini-site{background:#101411}.mini-interactive .mini-content strong{font-family:'Manrope',sans-serif;font-weight:800}.mini-interactive .mini-content img{border-radius:50%;height:150px;animation:mini-float 5s ease-in-out infinite}.mini-interactive .mini-lines span{opacity:.5}.mini-interactive .mini-button{width:70px}.branch-grid .mini-content strong{font-size:24px}.branch-grid .mini-content img{height:115px}.branch-grid .mini-site{min-height:227px}.category-intro{padding-bottom:30px}.category-intro h1{max-width:900px}.portfolio-page .site-footer{margin-top:15px}
@keyframes mini-float{50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce) and (max-width:0px){.mini-interactive .mini-content img{animation:none}.example-card{transition:none}}
@media(max-width:1050px){.branch-grid{grid-template-columns:1fr 1fr}.examples-callout{margin-left:40px;margin-right:58px}.example-grid{gap:24px}.portfolio-intro h1{font-size:48px}}
@media(max-width:720px){.portfolio-intro{padding-top:30px;padding-bottom:22px}.portfolio-intro h1{font-size:38px}.portfolio-lead{font-size:17px}.service-tiles,.example-grid,.branch-grid{grid-template-columns:1fr;gap:22px;padding-bottom:38px}.service-tile{padding:26px}.service-tile h2{font-size:28px}.examples-callout{margin:0 24px;display:block;padding:28px 24px}.examples-callout h2{font-size:32px}.examples-callout>.button{margin-top:12px}.portfolio-bottom{padding-top:40px;padding-bottom:45px}.portfolio-bottom h2{font-size:29px}.services-extra{margin-left:0;margin-top:12px}.marketing-copy>.button{margin-right:8px}.demo-note{display:block;padding:14px 18px}.demo-note strong{display:block;margin-bottom:7px}.browser-preview{min-height:270px;padding:16px 16px 0}.mini-content strong{font-size:28px}.card-copy{padding:23px}.card-copy h2{font-size:28px}.branch-grid .mini-content strong{font-size:28px}.branch-grid .mini-content img{height:145px}.portfolio-intro .eyebrow{font-size:12px}.portfolio-page nav{white-space:normal}}
/* Refreshed previews reflect the quieter, expanded demo designs. */
.browser-preview{color:#514736;background:#e6dfd3}.mini-site{background:#faf8f4}.mini-modern{background:#dedad2;color:#393b38}.mini-modern .mini-site{background:#f2efe9}.mini-modern .mini-content img{border-radius:0;transform:none}.mini-elegant{background:#d7c9b1;color:#f3e9d8}.mini-elegant .mini-site{background:#29241d}.mini-elegant .mini-content img{border-radius:0}.mini-interactive{background:#c7c1b5;color:#f7f1e5}.mini-interactive .mini-site{background:#302b25}.mini-interactive .mini-content img{border-radius:0;animation:mini-float 5s ease-in-out infinite}.mini-interactive .mini-content strong{font-family:Georgia,serif;font-weight:400}.mini-elegant .mini-brand{color:#d9c5a2}
.real-preview{padding:16px;background:#e5ded1}.real-preview img{display:block;width:100%;height:auto;aspect-ratio:1280/900;object-fit:cover;border-radius:7px;box-shadow:0 4px 16px #352c231a}.example-card:has(.real-preview) .card-copy{padding-top:28px}
/* A direct catalogue: compact introduction, large previews and meaningful filters. */
.compact-intro{padding-top:28px;padding-bottom:12px}.compact-intro .breadcrumb{margin-bottom:14px}.compact-intro h1{font-size:clamp(34px,4vw,50px);margin-bottom:14px}.compact-intro .portfolio-lead{font-size:17px;margin-bottom:12px;max-width:850px}.catalogue-tools{display:flex;align-items:end;gap:20px;padding-bottom:24px}.catalogue-tools label{font-size:14px;font-weight:600;display:grid;gap:7px;flex:0 1 280px}.catalogue-tools select{width:100%;min-height:46px;padding:10px 35px 10px 14px;border:1px solid #baa38c;border-radius:8px;background:#fffdf8;color:#493222;font:inherit}.catalogue-tools select:focus-visible{outline:3px solid #b27a50;outline-offset:3px}.catalogue-tools p{font-size:14px;white-space:nowrap;margin:0 0 12px}.catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.example-card[hidden]{display:none}.catalogue-grid .card-copy h2{font-size:25px}.catalogue-grid .card-copy{padding:22px}.catalogue-grid .real-preview{padding:10px}.catalogue-note{background:#efe6d9;padding-block:24px;border-radius:12px}.catalogue-note p{max-width:870px;font-size:14px;line-height:1.6;margin:8px 0 0}.category-demo-note{font-size:13px;color:var(--muted);padding-bottom:20px}.category-intro+.branch-grid{padding-top:12px}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.experience-grid article{padding:28px;background:#f3e9dc;border-radius:14px;border:1px solid #e0cdb8}.experience-grid h3{font-size:23px;margin:12px 0 16px}.experience-grid p{font-size:16px;line-height:1.7}.experience-work h2{font-size:clamp(32px,4vw,46px)}.experience-lead{max-width:700px;color:var(--muted)}.experience-work .small-note{margin-top:24px}.example-card:hover{transform:translateY(-3px)}
@media(max-width:1050px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-grid{grid-template-columns:1fr}.portfolio-page header nav{gap:18px}}
@media(max-width:720px){.catalogue-grid{grid-template-columns:1fr}.catalogue-tools{flex-wrap:wrap;gap:14px}.catalogue-tools label{flex:1 1 140px}.catalogue-tools p{flex-basis:100%;margin:0}.compact-intro{padding-top:22px}.compact-intro h1{font-size:36px}.branch-grid .real-preview{padding:10px}.catalogue-note{border-radius:0}.experience-grid{gap:16px}.experience-grid article{padding:24px}.portfolio-page header nav{gap:12px}}

/* Four featured designs, with the eight alternatives one level deeper. */
.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;padding-top:14px}.featured-example{display:flex;flex-direction:column;min-width:0}.featured-example .example-card{flex:1}.featured-example .real-preview{padding:12px}.featured-example .card-copy h2{font-size:30px}.other-branches{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;font-weight:600;padding:18px 6px;text-decoration:underline;text-underline-offset:4px}.other-branches:focus-visible{outline:3px solid #b27a50;outline-offset:3px;border-radius:5px}.alternate-branches{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:720px){.featured-grid,.alternate-branches{grid-template-columns:1fr;gap:24px}.featured-example .card-copy h2{font-size:27px}.other-branches{font-size:14px;padding:16px 3px}}

/* Compact service cards and a separate introduction to the four examples. */
.service-tiles .service-tile{padding:26px}.service-tiles .tile-number{margin-bottom:12px}.service-tiles .service-tile p{margin-block:12px 18px}
.compact-intro .portfolio-custom-copy{max-width:1000px;margin-top:6px}
@media(min-width:1024px){.compact-intro .portfolio-style-summary{width:100%;max-width:none;white-space:nowrap;font-size:clamp(14px,1.2vw,17px)}}
@media(max-width:720px){.service-tiles .service-tile{padding:22px}.compact-intro .portfolio-style-summary{white-space:normal}}

/* Compact laptop transition between the services and practical experience. */
@media(min-width:1024px){
 .portfolio-page .service-tiles{padding-bottom:32px}
 .portfolio-page .service-tiles+.experience-work{padding-top:40px}
}