:root{font-family:Arial,Helvetica,sans-serif;color:#283b32;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible,.site-scroll:focus-visible{outline:3px solid #a7753e;outline-offset:4px}.gallery-header{max-width:1680px;margin:auto;padding:33px 40px 25px;display:flex;gap:35px;align-items:center;justify-content:space-between}.brand{font:italic 33px Georgia;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand span{display:block;font:8px Arial;letter-spacing:2.3px;margin-top:10px}.gallery-header h1{font:38px Georgia;margin:10px 0;letter-spacing:-1px}.gallery-header p{font-size:12px;color:#71806d;margin:0;line-height:1.7}.gallery-header .eyebrow{font-size:8px;letter-spacing:1.8px}.contact{background:#345845;color:white;border-radius:6px;padding:15px 20px;font-size:12px;text-decoration:none;white-space:nowrap}.contact:hover{background:#244432}main{max-width:1680px;padding:0 40px 35px;margin:auto}.gallery-note{border-top:1px solid #dae1d3;display:flex;justify-content:space-between;gap:20px;padding:17px 0;font-size:10px;color:#73806b;line-height:1.5}.examples{display:grid;grid-template-columns:1fr 1fr;gap:24px}.example-card{min-width:0;border:1px solid #d8dfd2;border-radius:10px;overflow:hidden;background:white}.card-label{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:16px 20px}.card-label h2{font-size:12px;font-weight:500;margin:0}.card-label>span{font-size:10px;color:#7b8674}.card-foot{display:flex;justify-content:space-between;padding:12px 20px;font-size:9px;color:#7b8674;gap:15px}.site-scroll{height:48vh;min-height:380px;max-height:640px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;container-type:inline-size;scrollbar-color:#9eae96 #eef1e9}.example-site{padding:25px 7%;overflow-wrap:anywhere;min-height:100%;background:#f4f0e7;color:#2b352d}.site-nav{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #b8bbae;padding-bottom:15px;font-size:8px;letter-spacing:.7px}.hero{padding:38px 0;display:flex;gap:20px;align-items:center}.hero-copy{flex:1;min-width:0}.kicker,.chapter{font-size:8px;letter-spacing:1.4px;line-height:1.7}.hero h2{font:clamp(28px,7cqw,58px)/1.05 Georgia;margin:16px 0;letter-spacing:-1.8px}.hero-statement{font:17px/1.6 Georgia;max-width:310px}.visual{width:28%;min-width:80px;height:180px;position:relative;overflow:hidden;background:#d9dece;display:grid;place-items:center}.visual span{font:14px Georgia;letter-spacing:3px;z-index:1;white-space:pre-line;text-align:center}.visual i{position:absolute;border:1px solid #85947b;width:100px;height:160px;transform:rotate(25deg)}.example-site section{padding:28px 0;border-top:1px solid #c3c6b7}.example-site h3{font:25px/1.2 Georgia;margin:13px 0 19px;letter-spacing:-.4px}.example-site p{font-size:12px;line-height:1.9}.about p{font:15px/1.9 Georgia}.work{display:flex;gap:20px;border-top:1px solid #c9ccbf;padding:23px 0}.work>span{font-size:9px;opacity:.65;padding-top:5px}.example-site h4{font:600 14px/1.5 Arial;margin:0 0 6px}.work p{margin:8px 0 0}.role{display:grid;grid-template-columns:1fr auto;gap:10px;padding:20px 0;border-bottom:1px solid #d5d8cb}.role .company{margin:0;font-size:10px;opacity:.7}.role>small{font-size:9px;line-height:1.8}.role>p{grid-column:span 2;margin:0}.skills ul{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap}.skills li{border:1px solid currentColor;border-radius:4px;padding:6px 9px;font-size:9px}.education{font-size:10px!important;margin-top:25px}.example-footer{padding:30px 0 15px;border-top:1px solid currentColor}.example-footer a{display:inline-block;font-size:11px;text-underline-offset:5px;margin:12px 0 25px}.example-footer small{display:block;font-size:8px;opacity:.65}.portrait{background:#f1e0ce;color:#75472f}.portrait .hero{flex-direction:row-reverse}.portrait .visual{height:240px;width:37%;border-radius:120px 120px 4px 4px;background:#d2b294}.portrait .visual span{font:8px/2 Arial;letter-spacing:2px}.portrait .visual i{border:0;background:#b58f70;border-radius:50%;width:90px;height:110px;top:40px;transform:none}.portrait .hero h2{font-style:italic}.portrait .hero-statement{font-size:16px}.portrait .about p{font-family:Arial;font-size:12px}.portrait section,.portrait .work,.portrait .role{border-color:#d6bea8}.portrait .work{background:#ead5be;border:0;border-radius:9px;padding:22px;margin:12px 0}.bold{background:#25272d;color:#e6f28e}.bold .hero{position:relative;padding:40px 0 45px;min-height:285px}.bold .hero h2{font:900 clamp(33px,8cqw,65px)/.95 Arial;letter-spacing:-2px;text-transform:uppercase;position:relative;z-index:2}.bold .visual{position:absolute;right:0;bottom:25px;height:100px;width:30%;transform:rotate(-8deg);background:#a69abc;color:#24262b}.bold .visual i{border-color:#4e435f}.bold .kicker{font-size:8px}.bold .byline{font-size:9px;color:#dedee0;max-width:65%}.bold section{border-color:#4d5057}.bold h3{font-family:Arial;font-weight:800;text-transform:uppercase;letter-spacing:-1px}.bold .work{background:#34373f;border:0;padding:25px;margin:13px 0}.bold .work:nth-child(3){background:#dfe88a;color:#24262b}.bold p{color:#e9e9e3}.bold .work:nth-child(3) p{color:#30342a}.bold .role{border-color:#555962}.executive{background:#f8fafb;color:#243b52}.executive .site-nav{border-top:4px solid #243b52;padding-top:16px;border-bottom-color:#b6c2cb;text-transform:uppercase}.executive .hero{padding:34px 0;gap:24px}.executive .hero h2{font-size:clamp(28px,5cqw,45px);letter-spacing:1px;text-transform:uppercase}.executive .visual{width:90px;height:90px;min-width:90px;border-radius:50%;background:#cbd7de}.executive .visual i{display:none}.executive .hero-statement{font:13px/1.8 Arial}.executive .about{display:grid;grid-template-columns:30% 1fr;gap:16px}.executive .about .chapter{grid-column:span 2}.executive .about h3{font-size:20px;margin:0}.executive .about p{font:12px/1.9 Arial;margin:0}.executive .work{padding:20px 0;border-color:#d1dbe1}.executive section,.executive .role{border-color:#d1dbe1}.executive h3{font-size:23px}.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;border-top:1px solid #d8dfd2;padding-top:28px}.gallery-footer h2{font:25px Georgia;margin:0 0 10px}.gallery-footer p{font-size:11px;line-height:1.8;max-width:650px;color:#73806b}@container(max-width:460px){.hero{gap:15px}.hero h2{font-size:34px}.hero-statement{font-size:15px}.visual{width:27%;height:150px;min-width:70px}.portrait .hero{flex-direction:column-reverse;align-items:start}.portrait .visual{width:125px;height:150px}.portrait .visual i{width:65px;height:80px;top:25px}.portrait .hero-copy{width:100%}.executive .hero{flex-direction:column-reverse;align-items:start}.executive .about{display:block}.executive .about h3{margin:13px 0}.role{display:block}.role>small{display:block;margin:8px 0}.bold .hero h2{font-size:43px}}@media(max-width:900px){.gallery-header{padding:25px;flex-wrap:wrap;gap:25px}.gallery-header>div{order:3;width:100%}.gallery-header h1{font-size:34px}.gallery-header .eyebrow{font-size:8px}main{padding:0 25px 30px}.examples{gap:18px}.card-label{padding:14px}.card-label>span{display:none}.card-foot{padding:11px 14px;font-size:8px}.gallery-note{font-size:9px}}@media(max-width:620px){.examples{grid-template-columns:1fr}.gallery-header{padding:22px 18px}.brand{font-size:28px}.contact{padding:12px 14px;font-size:10px}main{padding:0 18px 25px}.gallery-note{display:block}.gallery-note span{display:block;margin-bottom:7px}.site-scroll{height:65vh;min-height:420px}.gallery-footer{display:block}.gallery-footer .contact{display:inline-block;margin-top:16px}.gallery-header h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.work>span{flex:0 0 20px;white-space:nowrap}

/* Desktop rendering above is retained byte-for-byte. These controls are mobile-only. */
[hidden]{display:none!important}.mobile-card,.mobile-preview,.mobile-contact,.mobile-instruction{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px),(max-width:1000px) and (max-height:500px){
 body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
 .gallery-header>.contact{display:none}.gallery-header{gap:22px}.gallery-note .desktop-instruction{display:none}.mobile-instruction{display:block}.examples{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto;gap:22px}.example-card .site-scroll,.example-card .card-foot{display:none}.card-label{padding:16px 18px}.card-label>span{display:block;font-size:10px}.mobile-card{display:block}.mobile-card img{display:block;width:100%;height:auto;aspect-ratio:586/380;object-fit:cover;object-position:top;background:#e8ecdf;border-top:1px solid #e1e5da}.mobile-card-copy{padding:17px 18px 20px}.mobile-card-copy p{font-size:11px;line-height:1.7;color:#6e7c66;margin:0 0 5px}.mobile-card-copy p:first-child{font-size:12px;color:#293c32}.mobile-card-copy button{display:block;width:100%;background:#345845;color:white;border:1px solid #345845;border-radius:6px;padding:13px 16px;margin-top:16px;min-height:46px;font:12px Arial;cursor:pointer}.mobile-card-copy button:focus-visible,.mobile-preview-bar button:focus-visible{outline:3px solid #b28c54;outline-offset:3px}.mobile-card-copy button:hover{background:#244432}.mobile-contact{display:block;position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px max(18px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px));background:#f6f7f2f5;border-top:1px solid #d7dfce;box-shadow:0 -5px 18px #283b3208}.mobile-contact a{display:flex;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;background:#345845;border-radius:6px;color:white;text-decoration:none;font-size:13px;max-width:620px;margin:auto}.mobile-preview:not([hidden]){display:block;max-width:none;padding:0;margin:0;width:100%}.mobile-preview-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:calc(8px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 8px;background:#f6f7f2f5;border-bottom:1px solid #d8dfd2}.mobile-preview-bar button{font:12px Arial;min-height:44px;padding:8px 10px;color:#2b4435;background:white;border:1px solid #d5ddce;border-radius:6px;cursor:pointer}.mobile-preview-bar h1{font:15px Georgia;margin:0;text-align:right}.preview-content{container-type:inline-size}.preview-content .example-site{min-height:calc(100dvh - 64px);padding-bottom:40px}.preview-content .site-nav{font-size:8px}.preview-content .hero{padding-top:32px}.preview-open .mobile-contact{border-top-color:#cbd5c2}.gallery-footer .contact{margin-bottom:12px}
}

/* Synthetic demo portraits retain each original template's image treatment. */
.visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}.editorial .visual img{filter:grayscale(1)}.portrait .visual img{border-radius:inherit}.bold .visual img{object-position:center 30%;filter:contrast(1.05)}.executive .visual img{border-radius:50%}.site-scroll>.new-layout{min-height:100%}.gallery-site .gallery-contact p{font-size:12px;line-height:1.8}.gallery-site .portrait{padding:0;color:inherit}.gallery-site .new-mast{font-size:8px}.card-foot>span:first-child{line-height:1.6}.new-layout.gallery-site .site-section>h2{font-size:24px}
@media(max-width:700px),(max-width:1000px) and (max-height:500px){.preview-content>.new-layout{min-height:calc(100dvh - 64px);padding-bottom:40px}}