:root{--paper:#f7f5ef;--ink:#26352f;--muted:#626960;--accent:#a44830;--line:#d9dcd1;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5.5%}header{border-bottom:1px solid var(--line)}.wordmark{font:italic 44px/.9 var(--serif);letter-spacing:-3px}.wordmark span{display:block;font:9px/1.4 Arial,sans-serif;letter-spacing:1.7px;margin-top:10px}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border:1px solid var(--ink);padding:10px 18px}.nav-contact span{margin-left:20px}.menu{display:none}.hero{padding:75px 5.5% 68px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1{font:clamp(46px,5.5vw,82px)/1.05 var(--serif);letter-spacing:-3px;margin-bottom:26px;font-weight:400}em{font-weight:400;color:var(--accent)}.intro{font-size:16px;max-width:410px;color:var(--muted);line-height:1.8;margin-bottom:29px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:#fff;padding:14px 23px;font-size:13px}.button:hover{background:var(--accent)}.text-link{display:inline-block;font-size:13px;border-bottom:1px solid;padding-bottom:4px}.hero-link{margin:18px 0 0 20px}.hero-art{position:relative;margin:0;padding-top:8px}.hero-art>img{width:100%;height:420px;object-fit:cover;border:12px solid #fff;box-shadow:0 14px 30px #26352f12}.hero-art figcaption{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.5px;margin-top:17px}.art-note{position:absolute;bottom:55px;left:-30px;background:#e8e9d8;padding:19px 25px;font:italic 21px/1.25 var(--serif);transform:rotate(-6deg);box-shadow:0 6px 15px #00000010}.disciplines{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 5.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.disciplines i{font-size:20px;color:var(--accent)}.section{padding:95px 5.5%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.section-heading h2{margin:0}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px;margin:0}h2{font:48px/1.12 var(--serif);letter-spacing:-1.8px;font-weight:400}.filters{display:flex;gap:8px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 17px;font-size:12px}.filters button span{margin-left:10px;opacity:.7;font-size:10px}.filters .active{color:white;background:var(--ink);border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 25px}.project[hidden]{display:none}.image-button{position:relative;width:100%;height:255px;border:0;background:#eeede7;padding:24px;display:grid;place-items:center;overflow:hidden}.image-button img{max-height:207px;max-width:100%;width:auto;object-fit:contain;transition:transform .3s}.image-button:hover img{transform:scale(1.045)}.image-button.dark{background:#121512}.image-button.art{padding:0;background:#e5e4db}.image-button.art img{width:100%;max-height:100%;height:100%;object-fit:contain}.view{position:absolute;right:12px;bottom:12px;font-size:11px;background:var(--paper);padding:5px 10px;opacity:0;transition:opacity .2s}.image-button:hover .view,.image-button:focus-visible .view{opacity:1}.caption{padding:14px 0 0}.caption h3{font-size:14px;font-weight:500;margin-bottom:2px}.caption>span{font-size:11px;color:var(--muted)}.services{background:#e9ecdf}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:10px}.service-grid article{border-top:1px solid #aeb6a6;padding-top:20px}.service-number{font:italic 18px var(--serif);color:var(--accent)}.service-grid h3{font:25px var(--serif);margin:25px 0 15px}.service-grid p{font-size:13px;line-height:1.8;color:#515d50}.service-grid .service-detail{font-size:8px;letter-spacing:1px;margin:25px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-art{position:relative;padding-bottom:50px}.about-art img{width:100%;height:440px;object-fit:cover}.experience{background:var(--paper);position:absolute;bottom:0;right:-20px;padding:20px 30px;font:70px/1 var(--serif);border:1px solid var(--line)}.experience small{display:block;font:8px/1.6 Arial,sans-serif;letter-spacing:1.5px;margin-top:10px}.about-copy h2{margin-bottom:24px}.about-copy>p{font-size:14px;color:var(--muted)}.about-copy .lead{font:23px/1.5 var(--serif);color:var(--ink)}.tools{font-size:11px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}.tools span{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:7px}.process{padding-top:20px}.process h2{font-size:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.steps>div{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:9px;letter-spacing:1.3px;color:var(--accent)}.steps h3{font:23px var(--serif);margin:16px 0 12px}.steps p{font-size:13px;color:var(--muted);max-width:290px}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center}.contact h2{font-size:56px}.contact em{color:#dfb69e}.contact p{font-size:14px;color:#d4d9cf}.contact .eyebrow{font-size:10px}.contact-links>a{display:block;padding:22px 0;border-bottom:1px solid #667166;font:24px var(--serif)}.contact-links>a>span{float:right}.contact-links small{display:block;font:13px Arial,sans-serif;color:#d4d9cf;margin-top:10px}.location{display:block;font-size:8px;letter-spacing:1px;margin-top:26px}.contact-links a:hover{color:#dfb69e}footer{padding-top:32px;padding-bottom:32px}footer p,footer>a:last-child{font-size:11px;margin:0}footer .wordmark{font-size:35px}footer .wordmark span{font-size:7px}dialog{border:0;background:var(--paper);padding:24px;max-width:min(850px,92vw);max-height:90vh;box-shadow:0 10px 60px #0005}dialog::backdrop{background:#17221dd9}dialog>img{max-height:62vh;max-width:100%;margin:0 auto 20px;object-fit:contain}dialog h2{font-size:28px;margin-bottom:10px;letter-spacing:-.5px}dialog p{font-size:14px;margin-bottom:0;max-width:650px}.close{display:block;margin:0 0 15px auto;background:none;border:1px solid var(--ink);font-size:12px;padding:6px 12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{display:block;padding:12px} @media(min-width:1600px){body{max-width:1600px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:1000px){.hero{gap:4%;padding-top:55px}.hero-art>img{height:350px}.hero-link{margin-left:0;display:table}h1{font-size:58px}.gallery{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr);row-gap:35px}.about{gap:6%}.about-art img{height:400px}.contact h2{font-size:46px}}@media(max-width:650px){header{padding:23px 6%;flex-wrap:wrap}.wordmark{font-size:37px}.wordmark span{font-size:8px}.menu{display:block;border:1px solid var(--line);background:none;padding:8px 12px;font-size:12px}.menu span{margin-left:10px}nav{width:100%;flex-wrap:wrap;gap:15px 22px;display:none;padding-top:16px}nav.open{display:flex}.nav-contact{padding:6px 12px}.hero{grid-template-columns:1fr;padding:42px 6% 36px;gap:35px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:22px}h1{font-size:52px;letter-spacing:-2.5px}.intro{font-size:14px;max-width:100%}.hero-link{display:inline-block;margin-left:14px;font-size:11px}.hero-art>img{height:300px;border-width:8px}.hero-art figcaption{font-size:8px;letter-spacing:0}.art-note{left:-6px;bottom:42px;font-size:17px;padding:13px 18px}.disciplines{padding:18px 6%;display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:12px}.disciplines i{display:none}.section{padding:58px 6%}.section-heading{display:block}.section-heading>p{margin-top:22px;max-width:none;font-size:13px}h2{font-size:38px}.gallery{gap:26px 15px}.image-button{height:180px;padding:12px}.image-button img{max-height:155px}.caption h3{font-size:12px;line-height:1.4}.caption>span{font-size:10px}.view{display:none}.filters button{font-size:11px;padding:8px 12px}.filters button span{margin-left:5px}.service-grid{gap:28px 20px}.service-grid h3{font-size:23px}.service-grid p{font-size:12px}.service-grid .service-detail{font-size:7px}.about{grid-template-columns:1fr;gap:32px}.about-art{max-width:100%;padding-right:20px}.about-art img{height:320px}.experience{right:0;font-size:60px}.about-copy>p{font-size:14px}.process{padding-top:0}.process h2{font-size:34px}.steps{grid-template-columns:1fr;gap:20px;margin-top:25px}.steps p{max-width:none}.contact{grid-template-columns:1fr;gap:20px}.contact h2{font-size:43px}.contact-links>a{font-size:22px}.location{font-size:7px}footer{padding:28px 6%;flex-wrap:wrap}footer p{font-size:9px}footer>a:last-child{font-size:10px}dialog{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Colorful modern direction */
:root{--paper:#faf8ff;--ink:#24203f;--muted:#625d76;--accent:#6840ce;--line:#dcd6eb}
header{background:#faf8ff}.wordmark{color:#49308e}h1{font-family:Arial,Helvetica,sans-serif;font-weight:750;font-size:clamp(46px,5.05vw,76px);letter-spacing:-4px;line-height:1.03}h1 em{font-family:Georgia,serif;font-weight:400;color:#6840ce;letter-spacing:-3px}h2{font-family:Arial,Helvetica,sans-serif;font-weight:650;letter-spacing:-2.3px}.hero{background:#e8e0fa;position:relative;overflow:hidden}.hero-copy,.hero-art{position:relative;z-index:1}.hero:after{content:"";position:absolute;width:350px;height:350px;background:#f7b993;border-radius:50%;right:-150px;top:-160px;opacity:.75}.hero-art>img{border:10px solid #fff;transform:rotate(2deg);box-shadow:12px 15px 0 #c8b6ec;height:415px}.hero-art figcaption{margin-top:30px}.art-note{background:#fbd752;color:#342239;left:-15px;bottom:48px;transform:rotate(-7deg);border-radius:50%;padding:28px 24px;text-align:center;font-size:22px}.button{background:#6840ce;border:none}.button:hover{background:#4c239e}.nav-contact{background:#f7b6a0;border:none}.disciplines{background:#164f4c;color:white;border:0;padding-top:25px;padding-bottom:25px}.disciplines i{color:#ffdb68}.work .eyebrow{color:#6840ce}.filters .active{background:#6840ce;border-color:#6840ce}.image-button{background:#ede5f8}.project:nth-child(3n+2) .image-button:not(.art):not(.dark){background:#fbe0d3}.project:nth-child(3n) .image-button:not(.art):not(.dark){background:#d9eeeb}.services{background:#ffd8c6}.service-grid article{border-top-color:#cfa995}.service-number{color:#a93e21}.service-grid p{color:#59453e}.about-art img{border:12px solid #e1d5f5;box-shadow:12px 12px 0 #b9dfd7}.experience{background:#f7d955;border:0;color:#38275c}.about-copy .eyebrow{color:#6840ce}.process{background:#e1f0e9;padding-top:60px}.steps>div{border-color:#b6ccc0}.steps span{color:#246258}.contact{background:#4d2994}.contact h2{font-size:52px;line-height:1.13}.contact em{font-family:Georgia,serif;color:#ffca83}.contact p,.contact-links small{color:#ede1fa}.contact-links>a{border-color:#9478bd}.contact-links a:hover{color:#ffdb68}.more-work{display:flex;margin:35px auto 0;gap:60px;align-items:center}.more-work[hidden]{display:none}
@media(max-width:1000px){h1{font-size:53px;letter-spacing:-3px}.hero-art>img{height:365px}}
@media(max-width:650px){h1{font-size:48px;letter-spacing:-2.8px}h1 em{letter-spacing:-2.8px}.hero-art>img{height:300px}.hero-art figcaption{margin-top:24px}.art-note{font-size:18px;padding:23px 20px;bottom:45px;left:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-link{margin-left:10px}.contact h2{font-size:39px;letter-spacing:-1.8px}.section-heading h2{font-size:37px}.about-copy h2{font-size:36px}.process{padding-top:45px}.service-grid h3{font-family:Arial,sans-serif;font-size:21px;font-weight:600}.about-art img{border-width:8px}}

.print-shop{margin:0 5.5% 75px;padding:36px 40px;background:#e8e0fa;display:flex;gap:30px;align-items:center;justify-content:space-between}.print-shop h2{font-size:30px;margin-bottom:12px;letter-spacing:-1px}.print-shop p{margin-bottom:0;font-size:14px}.print-shop .eyebrow{font-size:9px;margin-bottom:12px}.print-shop .button{white-space:nowrap}@media(max-width:650px){.print-shop{margin:0 6% 48px;padding:25px;display:block}.print-shop h2{font-size:28px}.print-shop .button{margin-top:24px}nav{gap:15px 20px}}

.print-shop-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.print-shop-links .button{gap:16px}@media(max-width:800px){.print-shop{flex-wrap:wrap}.print-shop-links{justify-content:flex-start}}@media(max-width:650px){.print-shop-links{margin-top:22px}.print-shop-links .button{margin-top:0}}
/* Warm autumn palette and expanded portfolio sections */
:root{--paper:#fbf5e9;--ink:#382a24;--muted:#716052;--accent:#a34824;--line:#dcccb8}
body,header,footer{background:#fbf5e9;color:#382a24}.wordmark{color:#793e26}.hero{background:#f0d9b3}.hero:after{background:#c86b39}.hero h1 em{color:#a34824}.hero-art>img{box-shadow:12px 15px 0 #b98558}.art-note,.experience{background:#e6b84e;color:#493321}.button,.filters .active{background:#97451f;border-color:#97451f;color:#fff}.button:hover{background:#733417}.nav-contact{background:#e2ac69}.disciplines{background:#544b2c}.disciplines i{color:#efc763}.work .eyebrow,.about-copy .eyebrow{color:#964723}.image-button{background:#ede1c8}.project:nth-child(3n+2) .image-button:not(.art):not(.dark){background:#edcdb0}.project:nth-child(3n) .image-button:not(.art):not(.dark){background:#e0e0c6}.services{background:#efd1af}.service-number,.steps span{color:#91451e}.service-grid p{color:#65503d}.about-art img{border-color:#e6cd9f;box-shadow:12px 12px 0 #aeb08a}.process{background:#e8e6d4}.contact{background:#543526}.contact em{color:#edbc66}.contact p,.contact-links small{color:#f1e4d2}.contact-links>a{border-color:#977558}.contact-links a:hover{color:#f1c56b}.print-shop{background:#ecd6b4}.view{background:#fbf5e9}.filters button{border-color:#d2bfa9}.filters .active{border-color:#97451f}header nav{gap:23px;font-size:12px}.portfolio-links{display:flex;gap:25px;flex-wrap:wrap;padding:0 5.5% 48px}.website-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.websites{background:#e8e6d4}.website-card{padding:32px;background:#fbf5e9;border-bottom:4px solid #aa6e37;transition:transform .2s}.website-card:hover{transform:translateY(-4px)}.website-card .eyebrow{font-size:9px}.website-card h3{font-size:24px;line-height:1.25;margin:24px 0}.website-card>span:last-child{font-size:12px;color:#86441f}.echo-project{background:#382a24;color:#fff1dc}.echo-project .section-heading>p{color:#e0cdb7}.echo-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.echo-intro>img{width:100%;border:8px solid #b97843}.echo-intro h3{font:42px/1.15 Georgia,serif;margin-bottom:24px}.echo-intro p{font-size:14px;color:#e6d6c2}.project-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}.project-links a{border-bottom:1px solid #c28c54;font-size:13px;padding-bottom:5px}.echo-media{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start;margin-top:55px}.echo-media figure{margin:0}.echo-media img{max-height:430px;object-fit:contain;width:100%;background:#231c18}.echo-media video{width:100%;max-height:430px;background:#231c18}.echo-media figcaption{font-size:12px;color:#eac690;margin-top:13px}.echo-media p{font-size:13px;color:#d8c7b3}.books{background:#f0dfc4}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:35px 0}.book-grid article{padding:28px;background:#fbf5e9;border-top:4px solid #a76538}.book-grid h3{font:27px/1.25 Georgia,serif}.book-grid p{font-size:14px;color:var(--muted)}.books .portfolio-links{padding:0}.campaign .caption>span{display:block;max-width:340px;line-height:1.5}.campaign-controls{display:flex;justify-content:space-between;align-items:center;margin:15px 0;gap:20px}.campaign-controls[hidden]{display:none}.campaign-controls button{background:#97451f;color:white;border:0;padding:7px 13px;font-size:12px}.piece-count{font-size:12px}.echo-project a:focus-visible{outline-color:#eec267}
@media(max-width:1000px){header{flex-wrap:wrap}header nav{gap:18px}.website-grid{grid-template-columns:repeat(2,1fr)}.echo-intro{gap:30px}.echo-intro h3{font-size:34px}}
@media(max-width:650px){.website-grid,.book-grid,.echo-intro,.echo-media{grid-template-columns:1fr}.website-card{padding:26px}.echo-media{gap:30px}.portfolio-links{padding-left:6%;padding-right:6%}.echo-intro{gap:25px}.echo-intro h3{font-size:34px}.echo-media img{max-height:420px}.books h2{font-size:36px}header nav{font-size:12px}.print-shop{padding:25px}}

/* Service pricing */
.pricing{background:#f0d9b3}.pricing-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.pricing-group{background:#fbf5e9;border:1px solid #dcccb8;border-radius:12px;padding:22px}.pricing-group summary{font-size:1.18rem;font-weight:700;cursor:pointer;color:#a34824}.pricing-group dl{margin:16px 0 0}.price-row{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:14px 0;border-top:1px solid #dcccb8}.price-row dt{font-weight:700}.price-row dd{margin:0}.price{color:#a34824;font-weight:700;white-space:nowrap}.price-detail{grid-column:1/-1;font-size:.9rem;color:#716052;line-height:1.5}.pricing-terms{font-size:.88rem;line-height:1.6;margin:26px 0;max-width:1000px}@media(max-width:800px){.pricing-groups{grid-template-columns:1fr}.price-row{grid-template-columns:1fr}.price-detail{grid-column:1}.pricing-group{padding:18px}}

/* Portrait-inspired link palette: walnut, copper, and warm sand. */
nav a:not(.nav-contact),.text-link,.website-card>span:last-child{color:#714b35}
nav a:not(.nav-contact):hover,.text-link:hover,.website-card:hover>span:last-child{color:#8a4f2d}
.button{background:#714b35;border-color:#714b35;color:#fff}
.button:hover{background:#573b2b}
.nav-contact{background:#d7b88f;color:#382a24;border-color:#76533e}
.echo-project .project-links a,.contact .contact-links a{color:#efd6ae}
.echo-project .project-links a:hover,.contact .contact-links a:hover{color:#fff3de}
a:focus-visible{outline-color:#ab774a}