:root{--paper:#f3f1e9;--ink:#252923;--orange:#f5552b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}nav{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid #25292330}.logo{font-size:29px;font-weight:800;letter-spacing:-1.7px}.logo span{color:var(--orange)}.links{display:flex;gap:30px;align-items:center;font-size:14px}.pill{border:1px solid;border-radius:30px;padding:13px 23px;display:inline-flex;gap:30px;align-items:center}.pill:hover{background:var(--ink);color:var(--paper)}.hero{padding:64px 5% 36px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(65px,9.6vw,150px);font-weight:500;line-height:.94;letter-spacing:-.075em;margin:40px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{max-width:370px;line-height:1.6;font-size:17px}.small{font-size:12px;line-height:1.6}.showcase{margin:35px 5% 0;min-height:430px;background:#c7cdb8;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.mock{position:relative;min-height:430px;display:flex;justify-content:center;align-items:center;overflow:hidden}.mock:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent,transparent 55px,#ffffff10 55px,#ffffff10 56px)}.poster{background:#eef0cf;box-shadow:15px 22px 40px #243a352b;width:65%;padding:35px;transform:rotate(-9deg);position:relative;aspect-ratio:.85;display:flex;flex-direction:column;justify-content:space-between;color:#29492e}.poster strong{font:bold 70px Georgia;letter-spacing:-7px}.poster .orbit{width:110px;height:110px;border:25px solid #527448;border-radius:50%;align-self:center;box-shadow:30px 0 #a4b372,-30px 0 #a4b372}.right-art{background:#e65a35;color:#f4e8d6;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(0)}.right-art strong{font:italic 100px Georgia;letter-spacing:-9px;z-index:1}.right-art .sun{width:230px;height:230px;background:#f1bf8b;border-radius:50%;position:absolute;opacity:.8}.right-art small{position:absolute;bottom:30px;letter-spacing:3px}.caption{margin:14px 5% 0;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1px}section{padding:100px 5%}h2{font-size:clamp(40px,5.3vw,80px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:25px 0 35px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:7%}.intro p{max-width:640px;line-height:1.7;color:#55594f}.services{padding-top:0}.service{border-top:1px solid #25292340;display:grid;grid-template-columns:60px 1fr 1fr 30px;padding:27px 0;align-items:center;gap:20px}.service h3{font-weight:400;font-size:30px;margin:0;letter-spacing:-1px}.service p{font-size:14px;line-height:1.6;color:#5d6158;margin:0}.num{font-size:12px}.work{background:#e9e7df}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-top h2{margin-bottom:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.tile{border:0;padding:0;text-align:left;background:none;color:inherit;cursor:pointer}.tile-art{height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:transform .3s}.tile:hover .tile-art{transform:translateY(-5px)}.a{background:#282d4e;color:#c4d8ff}.a b{font-size:100px;letter-spacing:-8px;transform:rotate(-12deg);border:2px solid;padding:20px 35px;border-radius:50%}.b{background:#edd9a4;color:#963f29}.b b{font:italic 105px Georgia;letter-spacing:-8px}.tile-label{display:flex;justify-content:space-between;margin-top:18px}.tile-label small{color:#666;font-size:12px}.process{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.steps article{border-top:1px solid #bbbdb3;padding:23px 0}.steps h3{font-size:23px;font-weight:400;margin:0 0 12px}.steps p{color:#65695e;line-height:1.6;max-width:460px}.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2 em{font-family:Georgia;color:#ef8665;font-weight:400}.contact p{line-height:1.6;color:#c8cbbe}form{display:grid;gap:20px}label{font-size:12px;display:grid;gap:9px}input,select,textarea{background:transparent;color:var(--paper);border:0;border-bottom:1px solid #7e8276;padding:12px 0;border-radius:0;width:100%}select option{color:var(--ink)}textarea{resize:vertical}button.submit{background:var(--orange);border:0;padding:17px 23px;border-radius:30px;text-align:left;display:flex;justify-content:space-between;cursor:pointer;color:white}footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;font-size:12px}.notice{font-size:11px!important;color:#a5aa9b!important}dialog{border:0;background:var(--paper);padding:40px;max-width:600px;width:90%;line-height:1.7}dialog::backdrop{background:#0009}.close{float:right;border:1px solid;border-radius:50%;background:transparent;width:35px;height:35px;cursor:pointer}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}@media(max-width:700px){nav{padding:22px 5%}.links a:not(.pill){display:none}.links .pill{padding:10px 14px}.hero{padding-top:40px}h1{margin-top:30px}.hero-bottom{align-items:start;flex-direction:column}.showcase{grid-template-columns:1fr 1fr;min-height:260px}.mock{min-height:260px}.poster{padding:17px;width:82%}.poster strong{font-size:42px;letter-spacing:-4px}.poster .orbit{width:65px;height:65px;border-width:14px;box-shadow:18px 0 #a4b372,-18px 0 #a4b372}.right-art strong{font-size:62px;letter-spacing:-6px}.right-art .sun{width:160px;height:160px}.right-art small{font-size:8px}.intro,.process,.contact{grid-template-columns:1fr;gap:30px}section{padding:65px 5%}.service{grid-template-columns:25px 1fr 20px}.service p{grid-column:2}.service h3{font-size:24px}.service .arrow{grid-column:3;grid-row:1}.grid{grid-template-columns:1fr}.tile-art{height:300px}.section-top{align-items:start;flex-direction:column;gap:20px}footer{gap:25px;align-items:start;flex-direction:column}.caption{font-size:8px}.contact h2{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.portfolio-intro{padding:65px 5% 30px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters button{border:1px solid #aaa;background:transparent;border-radius:30px;padding:12px 22px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.portfolio-grid{padding:0 5% 80px;display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.project-card[hidden]{display:none}.project-card{display:block}.art{height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:var(--bg);color:var(--fg)}.art .brand{font-size:90px;letter-spacing:-6px;font-weight:700;z-index:1}.art .ring{position:absolute;width:245px;height:245px;border:1px solid currentColor;border-radius:50%;transform:rotate(-25deg) scaleX(1.5);opacity:.6}.art.web{padding:40px}.browser{width:100%;background:#faf9f3;color:#242923;box-shadow:0 20px 45px #0003;transform:rotate(-3deg);border-radius:7px;overflow:hidden}.browser-bar{padding:10px;border-bottom:1px solid #ccc;font-size:8px;letter-spacing:2px;color:#666}.browser-content{padding:25px;min-height:215px;position:relative}.browser-content strong{font-size:16px;letter-spacing:-.7px}.browser-content h3{font-size:35px;line-height:1;letter-spacing:-1.5px;max-width:240px;margin:20px 0}.browser-content .mini-button{font-size:8px;border-radius:20px;padding:8px 13px;background:var(--fg);color:var(--bg);display:inline-block}.browser-content .shape{width:85px;height:85px;border-radius:50% 50% 0 50%;background:var(--bg);position:absolute;right:20px;bottom:20px}.project-card:hover .art .brand{transform:rotate(-5deg)}.project-title{display:flex;justify-content:space-between;gap:20px;padding:17px 0 7px;font-size:21px;letter-spacing:-.5px}.tags{font-size:12px;color:#666}.concept-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:10px;color:#76796f}.case-head{padding:55px 5%}.back{font-size:12px;display:inline-block;margin-bottom:40px}.case-head h1{font-size:clamp(55px,8vw,120px);max-width:1050px}.case-meta{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:40px;line-height:1.6;margin-top:45px}.case-meta small{display:block;letter-spacing:1px;text-transform:uppercase;font-size:10px;margin-bottom:12px;color:#666}.case-meta p{margin:0}.case-visual{margin:0 5%}.case-visual .art{height:540px}.case-visual .browser{max-width:780px}.case-visual .browser-content{min-height:340px;padding:40px}.case-visual .browser-content h3{font-size:64px;max-width:480px}.case-visual .browser-content .shape{width:180px;height:180px}.case-story{display:grid;grid-template-columns:1fr 1.8fr;gap:10%;padding:80px 5%}.case-story h2{font-size:45px;margin-top:0}.case-story p{line-height:1.8;color:#5d6158;margin-top:0}.design-panels{display:grid;grid-template-columns:1fr 1fr;margin:0 5%;gap:20px}.design-panel{min-height:280px;padding:35px;background:var(--bg);color:var(--fg);display:flex;justify-content:space-between;flex-direction:column}.design-panel b{font-size:55px;letter-spacing:-3px}.swatches{display:flex;gap:12px}.swatches span{width:65px;height:65px;border-radius:50%;border:1px solid #8885}.case-next{padding:80px 5%;display:flex;justify-content:space-between;align-items:center}.case-next h2{font-size:45px}.portfolio-count{font-size:12px;color:#777}.work .grid{margin-top:30px}.service h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}@media(max-width:700px){.portfolio-grid,.case-meta,.case-story,.design-panels{grid-template-columns:1fr}.art{height:300px}.case-visual .art{height:360px}.case-visual .browser-content{min-height:220px;padding:20px}.case-visual .browser-content h3{font-size:38px;max-width:230px}.case-visual .browser-content .shape{width:80px;height:80px}.case-story{gap:10px;padding-top:55px;padding-bottom:45px}.case-next{align-items:start;flex-direction:column}.project-title{font-size:19px}.art .brand{font-size:75px}.case-head{padding-top:35px}}

.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 5% 70px;align-items:stretch}.price-card{border:1px solid #b9bcb0;padding:30px;display:flex;flex-direction:column}.price-card[hidden]{display:none}.price-card.featured{border:2px solid var(--orange);background:#f9f6ed}.price-kicker{font-size:9px;letter-spacing:1.3px;min-height:20px;color:#686c60}.featured .price-kicker{color:#ba3b1b}.price-card h2{font-size:33px;letter-spacing:-1.5px;margin:20px 0 10px}.package-desc{font-size:14px;line-height:1.6;min-height:68px;color:#62665b}.amount{font-size:44px;letter-spacing:-2px;margin-top:20px}.amount small{font-size:12px;display:block;letter-spacing:0}.amount span{font-size:11px;letter-spacing:0}.timeline{font-size:9px;letter-spacing:.7px;padding-bottom:20px;border-bottom:1px solid #c9ccbf}.price-card ul{list-style:none;padding:0;font-size:13px;line-height:1.7;margin:15px 0 30px;flex:1}.price-card li{padding:7px 0 7px 21px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:#627247}.price-card .pill{justify-content:space-between;font-size:13px}.pricing-notes{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:40px}.pricing-notes p{font-size:14px;line-height:1.8;color:#65695e}.faq details{border-top:1px solid #b9bcb0;padding:22px 0}.faq summary{cursor:pointer;font-size:17px}.pricing-lead{font-size:20px;line-height:1.6}.price-banner{margin:0 5% 70px;padding:40px;background:#e6e7db;display:flex;justify-content:space-between;align-items:center;gap:30px}.price-banner h2{font-size:40px;margin:10px 0}.price-banner p{line-height:1.6;font-size:14px}.package-choice{background:#ffffff10;border:1px solid #868b7d;padding:15px;line-height:1.6;font-size:13px}.package-choice[hidden]{display:none}@media(max-width:950px){.price-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.price-grid,.pricing-notes{grid-template-columns:1fr}.price-banner{flex-direction:column;align-items:start}.package-desc{min-height:0}.price-card{padding:25px}.pricing-notes{gap:35px}.links{gap:15px}}

/* Tekmpire approved TM logo */
.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{display:block;width:250px;height:auto;max-width:100%}nav{gap:25px;padding-top:12px;padding-bottom:12px}footer .logo img{width:210px}.price-card li{line-height:1.6}@media(max-width:700px){.logo img{width:175px}nav{gap:10px}.links .pill{font-size:12px;padding:10px 12px}footer .logo img{width:200px}}

/* Make primary actions and navigation links easy to spot */
.links>a:not(.pill){text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:6px;transition:color .18s ease,text-decoration-color .18s ease}.links>a:not(.pill):hover,.links>a:not(.pill):focus-visible{color:var(--orange);text-decoration-color:var(--orange)}.pill{background:var(--orange);color:#fff;border-color:var(--orange);font-weight:600;box-shadow:0 5px 14px #f5552b24;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.pill:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-2px);box-shadow:0 7px 18px #25292324}.pill:focus-visible,.links>a:focus-visible,button:focus-visible{outline:3px solid #252923;outline-offset:4px}.project-card:hover .project-title span:first-child,.project-card:focus-visible .project-title span:first-child{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}.submit:hover{background:#252923;color:#fff;transform:translateY(-2px);box-shadow:0 7px 18px #25292324;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.nav-package{font-weight:700}

/* Expandable portfolio and swipeable case-study galleries */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.filters button{border:1px solid #a6a99e;background:transparent;color:var(--ink);border-radius:999px;padding:11px 16px;cursor:pointer;font-size:12px;transition:background .18s ease,color .18s ease,border-color .18s ease}
.filters button span{color:#777b71;margin-left:5px;font-size:10px}
.filters button[aria-pressed="true"],.filters button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.filters button[aria-pressed="true"] span,.filters button:hover span{color:#e4e3d9}
#portfolio-grid{width:90%;margin:24px auto 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 18px;align-items:start}
#portfolio-grid .project-card{display:block;min-width:0}
#portfolio-grid .art{height:auto;min-height:0;aspect-ratio:1.12;position:relative;overflow:hidden}
#portfolio-grid .art .brand{font-size:clamp(35px,4vw,64px)}
#portfolio-grid .project-title{font-size:clamp(14px,1.3vw,18px);line-height:1.25;letter-spacing:-.4px;padding:13px 0 7px}
#portfolio-grid .tags{font-size:12px;line-height:1.5;min-height:34px}
#portfolio-grid .concept-label{font-size:9px;line-height:1.5}
#portfolio-grid .project-card[hidden]{display:none}
.portfolio-contact{margin-top:88px}
.stationery-art{background:var(--bg)}
.stationery-art .stationery-id,.stationery-art .stationery-cards,.stationery-art .stationery-invoice{position:absolute;box-shadow:12px 18px 30px #1d261d2e}
.stationery-art .stationery-id{left:12%;top:15%;width:32%;height:68%;background:var(--fg);color:#f7f4e8;padding:13px;transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:space-between}
.stationery-id span,.stationery-id strong{font-size:7px;letter-spacing:1px}
.stationery-id b{font-size:clamp(32px,4vw,54px);line-height:1}
.stationery-id i{width:36%;aspect-ratio:1;border-radius:50%;background:var(--bg);align-self:flex-end}
.stationery-art .stationery-cards{right:8%;top:22%;width:49%;height:39%;background:#f3f1e9;color:var(--fg);padding:13px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(5deg)}
.stationery-cards b{font-size:clamp(12px,1.4vw,18px)}
.stationery-cards span{font-size:6px;letter-spacing:1px}
.stationery-cards i{height:1px;background:var(--fg);opacity:.35;width:72%}
.stationery-art .stationery-invoice{right:13%;bottom:9%;width:43%;height:43%;background:#fff;color:var(--fg);padding:12px;transform:rotate(-3deg)}
.stationery-invoice b{font-size:10px;display:block;margin-bottom:12px}
.stationery-invoice i{display:block;height:1px;background:#9997;margin:7px 0}
.stationery-invoice span{display:block;text-align:right;font-size:7px;margin-top:12px}
#case-page .case-head{padding-bottom:42px}
#case-page .case-head h1{max-width:1100px}
.case-loading,.case-not-found{padding:100px 5%;min-height:48vh}
.case-not-found h1{font-size:clamp(58px,9vw,120px);max-width:850px}
.case-not-found p{line-height:1.7;max-width:480px;margin:28px 0}
.case-gallery-section{padding:34px 0 42px;overflow:hidden}
.gallery-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 5% 26px}
.gallery-title-row h2{font-size:clamp(38px,5.2vw,70px);font-weight:500;letter-spacing:-.06em;margin:14px 0 8px}
.gallery-title-row p{font-size:14px;line-height:1.6;color:#666b60;margin:0}
.gallery-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.gallery-controls span{font-size:12px;color:#696d63;margin-right:9px;min-width:36px}
.gallery-controls button{width:42px;height:42px;border:1px solid #9ea196;background:transparent;border-radius:50%;cursor:pointer;font-size:18px;transition:background .18s ease,color .18s ease}
.gallery-controls button:hover:not(:disabled){background:var(--ink);color:#fff}
.gallery-controls button:disabled{opacity:.35;cursor:default}
.gallery-track{display:flex;gap:20px;overflow-x:auto;padding:0 5% 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-color:#9b9e91 transparent;scrollbar-width:thin}
.gallery-slide{flex:0 0 min(86vw,900px);max-width:900px;scroll-snap-align:start;background:#e8e7de;border:1px solid #d2d1c7;padding:20px;min-width:280px}
.gallery-slide-head{display:grid;grid-template-columns:1fr 1.2fr;column-gap:24px;align-items:start;margin-bottom:16px}
.gallery-slide-head .eyebrow{grid-column:1/-1;color:#6b6f64;font-size:9px}
.gallery-slide-head h3{font-size:clamp(20px,2.6vw,32px);letter-spacing:-1px;font-weight:500;margin:12px 0 0}
.gallery-slide-head p{font-size:12px;line-height:1.6;color:#686c62;margin:12px 0 0;max-width:380px}
.gallery-art{overflow:hidden;background:#fff;min-height:320px;display:flex;align-items:stretch;justify-content:stretch}
.gallery-hint{margin:11px 5% 0;font-size:10px;letter-spacing:.6px;color:#75796e;text-transform:uppercase}
.website-screen{width:100%;min-height:340px;background:var(--bg);color:var(--fg);padding:22px 5% 18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.website-nav{display:flex;align-items:center;gap:clamp(12px,3vw,40px);font-size:8px;letter-spacing:1px}
.website-nav strong{font-size:16px;letter-spacing:-.5px;margin-right:auto}
.website-nav b{border-bottom:1px solid currentColor;padding-bottom:5px}
.website-hero{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:30px;padding:28px 2% 22px;min-height:250px}
.website-copy{max-width:520px}
.website-copy small{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;opacity:.72}
.website-copy h4{font-size:clamp(32px,5vw,62px);line-height:.98;letter-spacing:-.065em;margin:13px 0;max-width:540px;font-weight:500}
.website-copy p{font-size:11px;line-height:1.6;max-width:355px;opacity:.8}
.website-action{display:inline-block;margin-top:8px;background:var(--fg);color:var(--bg);border-radius:30px;padding:10px 15px;font-size:9px}
.website-shape{width:min(23vw,185px);aspect-ratio:1;border-radius:56% 44% 48% 52%;background:var(--fg);color:var(--bg);display:grid;place-items:center;justify-self:center;position:relative;transform:rotate(-10deg)}
.website-shape:before{content:"";position:absolute;inset:12%;border:1px solid var(--bg);border-radius:50%}
.website-shape i{position:absolute;width:36%;height:36%;background:var(--bg);border-radius:50%;right:0;top:8%}
.website-shape b{font-family:Georgia,serif;font-size:clamp(48px,7vw,90px);font-weight:400}
.website-hero-1 .website-shape{border-radius:50% 50% 8% 50%;transform:rotate(7deg)}
.website-hero-2 .website-shape{border-radius:8% 50% 50% 50%;transform:rotate(4deg)}
.website-bottom{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:12px;font-size:7px;letter-spacing:.8px;opacity:.75}
.identity-board{width:100%;min-height:340px;background:var(--bg);color:var(--fg);padding:5%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.identity-board-top,.identity-board-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px}
.identity-board-top{opacity:.75}
.identity-signature{display:flex;align-items:center;justify-content:center;gap:22px;min-height:175px}
.identity-signature strong{display:block;font-size:clamp(44px,7vw,86px);letter-spacing:-.08em;font-weight:600}
.identity-signature small{display:block;text-align:right;font-size:8px;letter-spacing:1.5px}
.identity-orbit{width:clamp(55px,8vw,95px);aspect-ratio:1;border:2px solid var(--fg);border-radius:50%;position:relative;display:block}
.identity-orbit:before{content:"";position:absolute;inset:20%;border:1px solid var(--fg);border-radius:50%}
.identity-orbit:after{content:"";position:absolute;width:25%;height:25%;top:-4%;right:8%;border-radius:50%;background:var(--bg);border:2px solid var(--fg)}
.identity-orbit i{position:absolute;width:12%;height:12%;left:17%;bottom:8%;background:var(--fg);border-radius:50%}
.identity-board-bottom{align-items:end;letter-spacing:0;font-size:10px}
.identity-board-bottom b{font-size:clamp(16px,2.4vw,26px);font-weight:500;max-width:46%}
.identity-board-bottom span{max-width:42%;line-height:1.5;opacity:.8}
.typography-board .type-display{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:18px;padding:20px 0}
.type-display>span{font:clamp(58px,10vw,126px)/.9 Georgia,serif}
.type-display>strong{font-size:clamp(30px,5vw,68px);letter-spacing:-.07em;align-self:center}
.type-display>small{font-size:8px;line-height:1.8;letter-spacing:1px}
.identity-palette{display:flex;align-items:center;gap:9px}
.identity-palette i{display:block;width:35px;height:35px;border-radius:50%;border:1px solid #7775}
.identity-palette span{font-size:8px;letter-spacing:1px;margin-left:auto}
.stationery-stage{width:100%;min-height:340px;background:var(--bg);display:grid;place-items:center;position:relative;overflow:hidden;padding:26px}
.stationery-note{position:absolute;bottom:16px;left:18px;color:var(--fg);display:flex;flex-direction:column;gap:4px}
.stationery-note small{font-size:8px;letter-spacing:1px;font-weight:bold}
.stationery-note span{font-size:9px;opacity:.8}
.business-card-pair{position:relative;width:min(62%,430px);height:210px}
.business-card-front,.business-card-back{position:absolute;width:72%;height:145px;box-shadow:10px 16px 30px #2224;padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.business-card-front{background:var(--fg);color:#f3f1e9;top:4px;left:0;transform:rotate(-7deg)}
.business-card-back{background:#f3f1e9;color:var(--fg);right:0;bottom:0;transform:rotate(7deg);align-items:flex-start}
.business-card-front strong{font:24px Georgia,serif}
.business-card-front small,.business-card-back small{font-size:7px;letter-spacing:1px}
.business-card-front i{width:45%;height:1px;background:#f3f1e980}
.business-card-back b{font:35px Georgia,serif}
.business-card-back span{font-size:8px;line-height:1.5;letter-spacing:.5px}
.paper-document{background:#fff;color:var(--fg);width:min(60%,390px);height:270px;box-shadow:9px 14px 28px #2223;padding:22px;position:relative}
.paper-brand{font:20px Georgia,serif;display:flex;flex-direction:column;gap:4px}
.paper-brand small{font:7px Arial,sans-serif;letter-spacing:1px}
.document-date{position:absolute;right:22px;top:25px;font-size:7px;letter-spacing:1px}
.document-lines{display:flex;flex-direction:column;gap:11px;margin-top:38px}
.document-lines i{height:1px;background:#6971643c;width:100%}
.document-lines i:nth-child(2n){width:82%}
.paper-foot{position:absolute;left:22px;bottom:17px;font-size:7px;letter-spacing:1px}
.invoice-design{height:280px}
.invoice-top{display:flex;justify-content:space-between;align-items:start}
.invoice-top>b{font-size:11px;letter-spacing:1px}
.invoice-details{display:flex;justify-content:space-between;margin:22px 0;font-size:7px;line-height:1.6;letter-spacing:.5px}
.invoice-row{display:flex;justify-content:space-between;background:#e9ebdf;padding:7px;font-size:7px;letter-spacing:.8px}
.invoice-design .document-lines{gap:15px;margin-top:12px}
.invoice-total{border-top:1px solid #7775;margin-top:18px;padding-top:10px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px}
.invoice-total b{font-size:12px}
.id-card-design{width:210px;height:290px;background:#f5f2e8;color:var(--fg);box-shadow:12px 18px 32px #2224;padding:16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transform:rotate(-5deg)}
.id-card-brand{font:17px Georgia,serif;display:flex;justify-content:space-between;align-items:center}
.id-card-brand span{font:7px Arial,sans-serif;letter-spacing:1px}
.id-portrait{width:76px;height:86px;background:var(--bg);border-radius:42px 42px 8px 8px;display:grid;place-items:center;align-self:center}
.id-portrait b{font:45px Georgia,serif;color:var(--fg);opacity:.72}
.id-person{display:flex;flex-direction:column;gap:5px}
.id-person strong{font-size:10px;letter-spacing:.7px}
.id-person span,.id-person small{font-size:7px;letter-spacing:.8px}
.id-person i{height:1px;background:var(--fg);opacity:.3;width:100%;margin:4px 0}
.envelope-design{width:min(65%,460px);height:230px;background:#f4f1e6;box-shadow:12px 18px 30px #2223;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--fg);overflow:hidden}
.envelope-flap{position:absolute;top:0;left:0;width:100%;height:50%;background:var(--bg);clip-path:polygon(0 0,100% 0,50% 100%)}
.envelope-design strong{position:relative;font:26px Georgia,serif;margin-top:38px}
.envelope-design span{position:relative;font-size:7px;letter-spacing:1.5px;margin-top:8px}
.envelope-design i{position:absolute;bottom:0;left:0;width:100%;height:45%;background:#e4e0d2;clip-path:polygon(0 100%,50% 0,100% 100%)}
.envelope-design strong,.envelope-design span{z-index:1}
.uploaded-screen{width:100%;min-height:340px;display:flex;align-items:center;justify-content:center;background:#deded5;padding:15px}
.uploaded-screen img{display:block;max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 28px #25292320}
.case-cta{margin:0 5% 70px;padding:38px;background:#e6e7db;display:flex;justify-content:space-between;align-items:center;gap:30px}
.case-cta h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;margin:12px 0 0;max-width:620px}
@media(max-width:1200px){#portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){#portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-slide{flex-basis:88vw}}
@media(max-width:700px){#portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.gallery-title-row{align-items:start;flex-direction:column}.gallery-controls{align-self:flex-end;margin-top:-15px}.gallery-slide{flex-basis:90vw;padding:14px}.gallery-slide-head{grid-template-columns:1fr;gap:0}.gallery-slide-head p{max-width:none}.gallery-art{min-height:290px}.website-screen,.identity-board{min-height:300px}.website-hero{gap:10px;min-height:205px;padding:20px 0}.website-copy h4{font-size:clamp(26px,7vw,42px)}.website-shape{width:21vw}.website-bottom{font-size:5px;letter-spacing:.4px}.identity-board-bottom{gap:12px}.identity-board-bottom b{max-width:50%}.identity-board-bottom span{max-width:46%;font-size:8px}.type-display{gap:10px!important}.type-display>small{font-size:6px!important}.stationery-stage{min-height:290px;padding:12px}.business-card-pair{width:78%;transform:scale(.86)}.paper-document{width:70%;height:240px;padding:17px}.invoice-design{height:250px}.id-card-design{transform:scale(.85) rotate(-5deg)}.envelope-design{width:80%;height:190px}.case-cta{align-items:start;flex-direction:column;padding:28px}.case-meta{gap:20px}.gallery-hint{font-size:9px}.stationery-note{left:12px;bottom:10px}.stationery-note span{font-size:8px}}
@media(max-width:420px){#portfolio-grid{grid-template-columns:1fr 1fr}#portfolio-grid .project-title{font-size:14px}.filters{gap:7px}.filters button{padding:9px 11px;font-size:11px}.gallery-slide{min-width:260px}.website-nav{gap:8px;font-size:6px}.website-nav strong{font-size:13px}.website-copy p{font-size:9px}.website-action{font-size:8px;padding:8px 10px}.identity-signature{gap:12px}.identity-signature strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){.gallery-track{scroll-behavior:auto}}

/* Compact portfolio card previews and long case-study titles */
.portfolio-web-art{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:10%}
.portfolio-web-preview{width:100%;height:84%;min-height:0;background:#f3f1e9;color:var(--fg);box-shadow:10px 14px 26px #25292324;display:flex;flex-direction:column;position:relative;overflow:hidden}
.portfolio-web-bar{height:24px;flex-shrink:0;background:#faf9f4;border-bottom:1px solid #25292316;display:flex;align-items:center;gap:4px;padding:0 8px}
.portfolio-web-bar i{width:4px;height:4px;border-radius:50%;background:#9b9d92}
.portfolio-web-bar b{font-size:7px;margin-left:auto;letter-spacing:-.2px}
.portfolio-web-content{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px;overflow:hidden}
.portfolio-web-content small{font-size:5px;letter-spacing:1px;opacity:.7;margin-bottom:7px}
.portfolio-web-content strong{font-size:clamp(14px,1.55vw,22px);line-height:1.02;letter-spacing:-.06em;max-width:88%;position:relative;z-index:1}
.portfolio-web-content span{position:relative;z-index:1;margin-top:10px;padding:6px 9px;background:var(--fg);color:#f3f1e9;border-radius:20px;font-size:6px}
.portfolio-web-content i{position:absolute;width:40%;aspect-ratio:1;border-radius:50% 50% 8% 50%;background:var(--bg);right:-8%;bottom:-18%;opacity:.85}
.case-head h1 em{display:inline-block;max-width:1050px;font-size:clamp(34px,5.5vw,78px);line-height:1.04;letter-spacing:-.06em;margin-top:8px}
@media(max-width:700px){.portfolio-web-art{padding:8%}.portfolio-web-preview{height:86%}.portfolio-web-content{padding:10px}.portfolio-web-content strong{font-size:clamp(15px,3.7vw,20px)}.case-head h1 em{font-size:clamp(34px,7vw,52px)}}
:where(.custom-page-content){padding:0 5% 70px}.custom-section{max-width:1180px;margin:0 auto 38px}.custom-text{padding:28px 0}.custom-text h2{font-size:clamp(30px,4vw,54px);letter-spacing:-1.5px;margin:0 0 20px}.custom-text .prose{max-width:760px;line-height:1.8;color:#55594f}.custom-text .prose h2,.custom-text .prose h3{color:var(--ink);line-height:1.15;margin:1.8em 0 .6em}.custom-text .prose p,.custom-text .prose ul,.custom-text .prose ol{margin:0 0 1.2em}.custom-text .prose img{max-width:100%;height:auto}.custom-image img{display:block;width:100%;height:auto;max-height:760px;object-fit:cover}.custom-image figcaption{font-size:13px;color:#666;margin-top:10px}.custom-button{padding:18px 0}.embed-frame{width:100%;overflow:hidden;background:#e9e7df}.embed-frame iframe{display:block;width:100%;height:680px;border:0}.embed-frame.embed-youtube,.embed-frame.embed-vimeo{aspect-ratio:16/9}.embed-frame.embed-youtube iframe,.embed-frame.embed-vimeo iframe{height:100%}.custom-page-content .custom-embed{margin-top:36px;margin-bottom:54px}@media(max-width:700px){.custom-page-content{padding-bottom:45px}.embed-frame iframe{height:640px}.embed-frame.embed-youtube,.embed-frame.embed-vimeo{aspect-ratio:16/9}.embed-frame.embed-youtube iframe,.embed-frame.embed-vimeo iframe{height:100%}}

/* Match the reference footer: a restrained row with the logo, navigation and small-print. */
.site-footer{display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:20px 28px;padding:28px 5%;border-top:1px solid #25292330;margin-top:25px;font-size:12px}
.site-footer>.logo img{width:210px}
.site-footer .footer-menu{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 20px;border:0;padding:0;font-size:12px}
.footer-menu a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.footer-menu a span{color:var(--orange);opacity:0;transition:opacity .18s ease}
.footer-menu a:hover span,.footer-menu a:focus-visible span{opacity:1}
.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;color:#65695e;font-size:11px;white-space:nowrap}
.footer-legal{display:flex;align-items:center;gap:13px}
.link-button{padding:0;border:0;background:transparent;color:inherit;font-size:inherit;text-decoration:underline;cursor:pointer}
.skip-link{position:absolute;z-index:1000;top:12px;left:12px;padding:12px 18px;border-radius:4px;background:var(--ink);color:var(--paper);transform:translateY(calc(-100% - 24px));transition:transform .15s ease}
.skip-link:focus{transform:translateY(0)}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;border:1px solid #a6a99e;border-radius:999px;background:transparent;color:var(--ink);padding:9px 13px;cursor:pointer}
.hero-with-work{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(24px,3.5vw,52px);min-height:clamp(550px,calc(100vh - 68px),760px);padding-top:42px;padding-bottom:38px}
.hero-copy{min-width:0}
.hero-copy h1{font-size:clamp(48px,6.1vw,86px);line-height:.98;margin:34px 0 28px;letter-spacing:-.075em}
.hero-with-work .hero-bottom{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px 22px}
.hero-with-work .hero-bottom p{grid-column:1/-1;max-width:520px;margin:0;font-size:16px}
.hero-with-work .hero-bottom .pill{justify-self:start;white-space:nowrap}
.hero-with-work .hero-bottom .small{line-height:1.7}
.hero-work{min-width:0}
.hero-marquee{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;height:clamp(400px,52vh,600px);overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)}
.hero-marquee-column{min-width:0;overflow:hidden}
.hero-marquee-track{display:flex;flex-direction:column;will-change:transform}
.hero-marquee-group{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}
.hero-marquee-column.is-up .hero-marquee-track{animation:hero-marquee-up 32s linear infinite}
.hero-marquee-column.is-down .hero-marquee-track{animation:hero-marquee-down 29s linear infinite}
.hero-marquee-column:hover .hero-marquee-track{animation-play-state:paused}
.hero-project-tile{display:flex;flex:0 0 auto;height:clamp(155px,15vw,190px);min-width:0;flex-direction:column;overflow:hidden;border:1px solid #25292320;background:#e9e7df;color:var(--ink)}
.hero-tile-art{height:calc(100% - 37px);min-height:0;overflow:hidden}
.hero-tile-art>.art{width:100%;height:100%;min-height:0;aspect-ratio:auto;overflow:hidden}
.hero-tile-art .portfolio-web-art{padding:7%}
.hero-tile-art .portfolio-web-preview{height:88%}
.hero-tile-art .portfolio-web-content{padding:8px}
.hero-tile-art .portfolio-web-content strong{font-size:clamp(11px,1.1vw,16px)}
.hero-tile-art .portfolio-web-content small{font-size:6px}
.hero-tile-art .portfolio-web-content span{font-size:6px;padding:5px 7px}
.hero-tile-art .portfolio-web-content i{width:34px;height:34px;right:8px;bottom:8px}
.hero-tile-art .brand{font-size:clamp(20px,2.1vw,32px);letter-spacing:-1.8px}
.hero-tile-art .ring{width:56%;height:auto;aspect-ratio:1}
.hero-tile-art .stationery-id{padding:6px}
.hero-tile-art .stationery-cards{padding:6px}
.hero-tile-art .stationery-invoice{padding:6px}
.hero-tile-art .stationery-id b{font-size:clamp(20px,2vw,32px)}
.hero-tile-art .stationery-cards b{font-size:clamp(9px,1vw,14px)}
.hero-project-tile[aria-hidden="true"]{pointer-events:none}
.hero-tile-label{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:4px;padding:0 9px;font-size:10px;line-height:1.2}
.hero-tile-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-tile-label span{overflow:hidden;color:#686c62;text-overflow:ellipsis;white-space:nowrap;font-size:8px;text-align:right}
.hero-work-caption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#686c62;font-size:10px;letter-spacing:.3px}
.hero-work-caption a{color:var(--ink);white-space:nowrap}
@keyframes hero-marquee-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes hero-marquee-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media(max-width:1050px){.hero-with-work{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:24px}.hero-copy h1{font-size:clamp(47px,6.4vw,70px)}.hero-with-work .hero-bottom{grid-template-columns:1fr}.hero-with-work .hero-bottom p{grid-column:auto}.hero-with-work .hero-bottom .small{grid-column:auto}}
@media(max-width:700px){.hero-with-work{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:38px;padding-bottom:32px}.hero-copy h1{font-size:clamp(44px,11.2vw,68px);margin:30px 0 22px}.hero-with-work .hero-bottom{grid-template-columns:auto 1fr;gap:16px}.hero-with-work .hero-bottom p{grid-column:1/-1}.hero-marquee{height:min(450px,58vh);min-height:340px}.hero-project-tile{height:clamp(145px,39vw,175px)}.hero-work-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-marquee-track{animation:none!important;transform:none!important;will-change:auto}}
@media(max-width:900px){.site-footer{grid-template-columns:190px minmax(0,1fr);gap:17px 24px}.site-footer>.logo{grid-column:1;grid-row:1}.site-footer .footer-menu{grid-column:2;grid-row:1;justify-content:flex-end}.footer-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
@media(max-width:700px){.site-nav{position:relative;flex-wrap:wrap}.site-nav .nav-toggle{display:inline-flex;align-items:center;gap:8px}.site-nav .links{display:none;position:absolute;z-index:20;top:calc(100% + 1px);left:0;right:0;padding:18px 5%;background:var(--paper);border-bottom:1px solid #25292330;box-shadow:0 12px 18px #25292312;flex-direction:column;align-items:stretch;gap:14px}.site-nav.is-open .links{display:flex}.site-nav.is-open .links a:not(.pill){display:block}.site-nav .links .pill{justify-content:center}.site-footer{grid-template-columns:1fr;gap:18px;padding-top:25px;padding-bottom:25px}.site-footer>.logo,.site-footer .footer-menu,.footer-meta{grid-column:1;grid-row:auto}.site-footer>.logo img{width:180px}.site-footer .footer-menu{justify-content:flex-start;gap:10px 17px}.footer-meta{align-items:flex-start;flex-wrap:wrap;white-space:normal}.footer-legal{flex-wrap:wrap}}

/* Insight cards and article reading layout. */
.insights-list{padding:22px 5% 82px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px}
.post-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d8d8cf;background:#faf8f1;color:var(--ink);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.post-card:hover,.post-card:focus-visible{transform:translateY(-3px);border-color:#a9aa9e;box-shadow:0 12px 28px #25292312}
.post-cover{position:relative;display:block;overflow:hidden;aspect-ratio:1.55;background:#dfe3d3}
.post-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.post-card:hover .post-cover>img{transform:scale(1.035)}
.post-cover-placeholder{position:relative;display:flex;width:100%;height:100%;min-height:100%;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(17px,2.2vw,30px);background:linear-gradient(135deg,#e4e6d9 0%,#cbd3bd 100%);color:var(--ink)}
.post-cover-placeholder:after{position:absolute;right:-12%;bottom:-54%;width:78%;aspect-ratio:1;border:1px solid #25292330;border-radius:50%;box-shadow:0 0 0 25px #ffffff1c,0 0 0 50px #ffffff13;content:""}
.post-cover-topic,.post-cover-signature{z-index:1;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}
.post-cover-placeholder strong{z-index:1;align-self:flex-end;color:var(--orange);font:italic clamp(76px,12vw,150px)/.8 Georgia,serif}
.post-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:12px;padding:22px}
.post-card-body .eyebrow{font-size:9px;color:#697063}
.post-card h3{margin:0;font-size:clamp(21px,2vw,28px);font-weight:500;line-height:1.12;letter-spacing:-.045em}
.post-card p{margin:0;color:#62665c;font-size:14px;line-height:1.65}
.post-card .post-meta{margin-top:auto;padding-top:8px;color:#767a70;font-size:11px}
.insight-article{width:100%;overflow:clip}
.article-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.75fr);align-items:end;gap:40px;max-width:1240px;margin:0 auto;padding:54px 5% 30px}
.article-head-copy{min-width:0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px;padding:0;color:#6d7167;font-size:12px;line-height:1.5}
.crumbs li+li:before{margin-right:8px;color:#9a9d92;content:"/"}
.crumbs li:last-child{max-width:100%;overflow-wrap:anywhere;color:var(--ink)}
.article-head .eyebrow{font-size:10px;color:#73776d}
.article-head h1{max-width:920px;margin:22px 0 16px;font-size:clamp(42px,6.1vw,82px);line-height:.98;letter-spacing:-.068em;overflow-wrap:anywhere;text-wrap:balance}
.article-head .pricing-lead{max-width:760px;margin:0;color:#55594f;font-size:clamp(17px,1.6vw,20px);line-height:1.6}
.article-head .post-meta{display:flex;flex-wrap:wrap;gap:0 7px;margin:19px 0 0;padding-top:13px;border-top:1px solid #25292324;color:#767a70;font-size:12px;line-height:1.6}
.post-cover-article{width:100%;max-height:440px;aspect-ratio:1.12}
.post-cover-article .post-cover-placeholder{padding:28px}
.post-cover-article .post-cover-placeholder strong{font-size:clamp(100px,14vw,190px)}
.article-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:clamp(38px,7vw,88px);max-width:1240px;margin:0 auto;padding:35px 5% 82px}
.prose{min-width:0;max-width:760px;color:#3f433d;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.prose>p{margin:0 0 1.35em}
.prose h2{margin:1.55em 0 .55em;font-size:clamp(30px,3.6vw,44px);line-height:1.08;letter-spacing:-.05em}
.prose h3{margin:1.45em 0 .5em;font-size:clamp(23px,2.7vw,31px);line-height:1.15;letter-spacing:-.04em}
.prose h4{margin:1.35em 0 .5em;font-size:21px;line-height:1.25}
.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.35em}
.prose li{padding-left:.25em;margin:.35em 0}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.prose blockquote{margin:1.6em 0;padding:5px 0 5px 22px;border-left:3px solid var(--orange);color:#62665c}
.prose img{display:block;max-width:100%;height:auto}
.prose figure{margin:1.8em 0}
.prose figcaption{margin-top:9px;color:#73776d;font-size:13px}
.prose .table-wrap{max-width:100%;overflow-x:auto}
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid #25292324;text-align:left;vertical-align:top}
.article-aside{position:sticky;top:24px;display:flex;min-width:0;flex-direction:column;gap:16px}
.article-news,.article-aside-card{padding:22px;border:1px solid #d7d9ce;background:#e8e9de}
.article-news .eyebrow,.article-aside-card .eyebrow{font-size:9px}
.article-news>p,.article-aside-card>p{color:#5d6158;font-size:14px;line-height:1.65}
.article-aside-card .pill{justify-content:space-between;font-size:12px}
.article-aside-card .text-link{display:block;margin-top:16px;font-size:12px}
.article-news .subscribe{display:grid;gap:12px;margin-top:20px}
.article-news .subscribe-row{display:flex;align-items:center;gap:8px}
.article-news .subscribe-row input{min-width:0;flex:1;color:var(--ink);border-bottom-color:#9a9d92;font-size:13px}
.article-news .subscribe-row button{flex:0 0 auto;padding:10px 13px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-size:12px;cursor:pointer}
.article-news .form-note,.article-news .form-status{margin:0;color:#6b6f64;font-size:11px;line-height:1.5}
.hp,.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.article-head{grid-template-columns:minmax(0,1.1fr) minmax(220px,.75fr);gap:26px}.article-body{grid-template-columns:minmax(0,1fr) 250px;gap:32px}.prose{font-size:17px}}
@media(max-width:700px){.insights-list{padding-top:10px}.post-grid{grid-template-columns:1fr;gap:18px}.post-cover{aspect-ratio:1.6}.post-cover-placeholder{padding:20px}.post-cover-placeholder strong{font-size:clamp(90px,28vw,150px)}.post-card-body{gap:9px;padding:18px}.article-head{grid-template-columns:1fr;gap:22px;padding-top:32px}.article-head h1{font-size:clamp(42px,11vw,64px);margin-top:20px}.post-cover-article{grid-row:2;aspect-ratio:1.55;max-height:none}.article-body{grid-template-columns:1fr;gap:30px;padding-top:18px}.prose{font-size:17px;line-height:1.75}.prose h2{font-size:32px}.article-aside{position:static}.article-news,.article-aside-card{padding:19px}}
@media(prefers-reduced-motion:reduce){.post-cover>img,.post-card{transition:none}}

/* Image-led studio introductions, clearer package starts, and responsive menu. */
.site-nav{gap:clamp(10px,2vw,25px)}
.site-nav .logo img{width:224px}
.site-nav .links{gap:clamp(12px,1.8vw,24px);font-size:13px}
.site-nav .nav-actions{gap:9px}
.nav-toggle i{position:relative;display:inline-block;width:16px;height:2px;background:currentColor;transition:background .2s ease}
.nav-toggle i:before,.nav-toggle i:after{position:absolute;left:0;width:16px;height:2px;background:currentColor;content:"";transition:transform .2s ease,top .2s ease}
.nav-toggle i:before{top:-5px}
.nav-toggle i:after{top:5px}
.nav-toggle[aria-expanded="true"] i{background:transparent}
.nav-toggle[aria-expanded="true"] i:before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] i:after{top:0;transform:rotate(-45deg)}
@media(max-width:960px){
  .site-nav{position:relative;z-index:30;flex-wrap:nowrap;padding-left:5%;padding-right:5%}
  .site-nav .logo img{width:190px}
  .site-nav .nav-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
  .site-nav .links{display:none;position:absolute;z-index:40;top:100%;left:0;right:0;padding:18px 5% 22px;background:var(--paper);border-bottom:1px solid #25292330;box-shadow:0 12px 18px #25292312;flex-direction:column;align-items:stretch;gap:14px;font-size:15px}
  .site-nav.is-open .links{display:flex}
  .site-nav.is-open .links a:not(.pill){display:block;padding:3px 0}
  .site-nav .links .pill{justify-content:center}
  .site-nav .nav-actions .pill{gap:10px;padding:11px 15px;font-size:13px}
}
@media(max-width:480px){
  .site-nav{gap:8px}
  .site-nav .logo img{width:120px}
  .site-nav .nav-actions{gap:6px}
  .site-nav .nav-actions .pill{gap:0;padding:10px 11px;font-size:12px}
  .site-nav .nav-actions .pill span{display:none}
  .site-nav .nav-toggle{gap:6px;padding:9px 10px;font-size:12px}
}
@media(max-width:360px){
  .site-nav .logo img{width:98px}
  .site-nav .nav-actions .pill{padding:9px 8px;font-size:11px}
  .site-nav .nav-toggle{gap:5px;padding:8px;font-size:11px}
}

.studio-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,7vw,100px);padding:clamp(56px,8vw,112px) 5%;background:#ebeae1}
.studio-image-card{position:relative;display:block;isolation:isolate;min-width:0;min-height:clamp(430px,48vw,620px);overflow:hidden;background:#35392d;color:#fff}
.studio-image-card>img{position:absolute;z-index:-2;inset:-2%;width:104%;height:104%;object-fit:cover;filter:blur(2px) brightness(.63);transform:scale(1.025);transition:filter .55s ease,transform .8s cubic-bezier(.2,.65,.3,1)}
.studio-image-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#15191250 0%,transparent 32%,#151912a8 100%);transition:background .4s ease}
.studio-image-card>.eyebrow{position:absolute;top:clamp(23px,3.4vw,42px);left:clamp(23px,3.4vw,42px);font-size:10px;letter-spacing:1.8px;color:#fff}
.studio-image-title{position:absolute;left:clamp(23px,3.4vw,42px);bottom:clamp(68px,7vw,90px);font-size:clamp(40px,5.4vw,70px);line-height:.96;letter-spacing:-.065em}
.studio-image-title em{font-family:Georgia,serif;font-weight:400;color:#ff845d}
.studio-image-link{position:absolute;left:clamp(23px,3.4vw,42px);bottom:clamp(23px,3.4vw,42px);display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.3px}
.studio-image-link span{display:grid;width:27px;height:27px;place-items:center;border:1px solid #ffffffa0;border-radius:50%;transition:transform .25s ease,background .25s ease}
.studio-image-card:hover>img,.studio-image-card:focus-visible>img{filter:blur(1px) brightness(.55);transform:scale(1.075)}
.studio-image-card:hover .studio-image-link span,.studio-image-card:focus-visible .studio-image-link span{transform:translate(3px,-3px);background:var(--orange)}
.studio-image-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.studio-feature-copy{min-width:0;max-width:690px}
.studio-feature-copy>.eyebrow{font-size:10px;color:#74786d}
.studio-feature-copy h2{margin:22px 0 24px;font-size:clamp(38px,4.4vw,62px);line-height:1.02}
.studio-feature-copy p{max-width:630px;color:#55594f;line-height:1.75}
.studio-feature-copy .text-link{display:inline-block;margin-top:4px;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}

.about-story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(32px,7vw,100px);padding:clamp(42px,6vw,82px) 5%}
.about-story-image{position:relative;isolation:isolate;display:flex;min-width:0;min-height:clamp(510px,53vw,680px);flex-direction:column;align-items:flex-start;overflow:hidden;padding:clamp(25px,4vw,48px);background:#30342b;color:#fff}
.about-story-image>img{position:absolute;z-index:-2;inset:-2%;width:104%;height:104%;object-fit:cover;object-position:center;filter:blur(1.5px) brightness(.68);transform:scale(1.025);transition:filter .5s ease,transform .7s ease}
.about-story-image:hover>img{filter:blur(1px) brightness(.58);transform:scale(1.06)}
.about-story-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#171b165e 0%,#171b1617 43%,#171b1680 100%)}
.about-story-image>.eyebrow{font-size:10px;color:#fff}
.about-story-image h2{max-width:620px;margin:clamp(70px,12vw,150px) 0 28px;font-size:clamp(40px,5vw,68px);line-height:.99;letter-spacing:-.06em;text-wrap:balance}
.about-story-image h2 em{font-family:Georgia,serif;font-weight:400;color:#ff845d}
.about-story-caption{margin-top:auto;font-size:11px;letter-spacing:.4px;color:#f3f1e9d9}
.about-story-copy{max-width:610px;justify-self:center}
.about-story-copy>.eyebrow{margin-bottom:22px;font-size:10px;color:#74786d}
.about-story-copy p{margin:0 0 20px;color:#55594f;font-size:clamp(16px,1.5vw,19px);line-height:1.8}

.about-principles{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(32px,7vw,96px);padding:clamp(56px,8vw,106px) 5%;background:#e9e9df}
.about-principles-heading{position:sticky;top:30px}
.about-principles-heading>.eyebrow{font-size:10px;color:#74786d}
.about-principles-heading h2{margin:20px 0 18px;font-size:clamp(42px,5vw,66px);line-height:.98}
.about-principles-heading>p{max-width:330px;color:#62665c;font-size:14px;line-height:1.75}
.about-principle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.about-principle-card{position:relative;min-width:0;min-height:225px;padding:20px 36px 24px 0;border-top:1px solid #25292335;transition:transform .25s ease,border-color .25s ease}
.about-principle-card:hover{transform:translateY(-4px);border-color:var(--orange)}
.about-principle-number{font-size:10px;letter-spacing:1.2px;color:#8a8e80}
.about-principle-card h3{max-width:270px;margin:24px 0 11px;font-size:clamp(20px,2.2vw,27px);font-weight:500;line-height:1.14;letter-spacing:-.04em}
.about-principle-card p{max-width:370px;margin:0;color:#62665c;font-size:13px;line-height:1.7}
.about-principle-mark{position:absolute;top:17px;right:0;color:var(--orange);font-size:18px;transition:transform .25s ease}
.about-principle-card:hover .about-principle-mark{transform:translate(3px,-3px)}

.package-starting-prices{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,58px);margin:0 5% 70px;padding:clamp(25px,5vw,58px);background:#e6e7db}
.package-pricing-copy{min-width:0}
.package-pricing-copy>.eyebrow{color:#73776b;font-size:10px}
.package-pricing-copy h2{margin:15px 0 14px;font-size:clamp(38px,4.4vw,58px);line-height:1.02}
.package-pricing-copy>p{max-width:680px;margin:0;color:#55594f;font-size:15px;line-height:1.7}
.starting-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 18px}
.starting-price-item{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding-top:13px;border-top:1px solid #25292330}
.starting-price-item>span{min-height:36px;color:#55594f;font-size:12px;line-height:1.45}
.starting-price-item strong{font-size:clamp(24px,2.5vw,34px);font-weight:500;letter-spacing:-.05em;line-height:1.05}
.starting-price-item small{margin-top:6px;color:#73776b;font-size:10px;letter-spacing:.4px}
.package-pricing-copy>.small{display:block;max-width:700px;color:#73776b;font-size:11px;line-height:1.6}
.package-pricing-action{padding-bottom:4px}
.package-pricing-action .pill{white-space:nowrap}
.package-pricing-action .pill span{margin-left:8px}

@media(max-width:900px){
  .studio-feature{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px}
  .studio-image-card{min-height:490px}
  .studio-feature-copy h2{font-size:clamp(36px,5.2vw,52px)}
  .about-story{gap:32px}
  .about-story-image{min-height:560px}
  .about-story-image h2{font-size:clamp(40px,5.3vw,58px)}
  .about-principles{grid-template-columns:1fr;gap:28px}
  .about-principles-heading{position:static}
  .about-principles-heading h2 br{display:none}
  .about-principles-heading>p{max-width:540px}
  .package-starting-prices{grid-template-columns:1fr;align-items:start}
  .starting-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}
}
@media(max-width:700px){
  .studio-feature{grid-template-columns:1fr;gap:30px;padding-top:54px;padding-bottom:62px}
  .studio-image-card{min-height:clamp(380px,112vw,520px)}
  .studio-feature-copy h2{font-size:clamp(37px,9vw,54px)}
  .about-story{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:58px}
  .about-story-image{min-height:clamp(500px,135vw,650px)}
  .about-story-image h2{margin-top:clamp(85px,24vw,150px);font-size:clamp(42px,10vw,60px)}
  .about-story-copy{justify-self:stretch}
  .about-principles{gap:20px;padding-top:58px;padding-bottom:58px}
  .about-principles-heading h2{font-size:clamp(42px,10vw,60px)}
  .about-principle-grid{gap:0 18px}
  .about-principle-card{min-height:220px;padding-right:24px}
  .about-principle-card h3{font-size:clamp(19px,4.8vw,24px)}
  .package-starting-prices{gap:24px;margin-bottom:50px;padding:26px 22px}
  .package-pricing-copy h2{font-size:clamp(37px,9.2vw,50px)}
  .starting-price-grid{gap:13px 16px;margin:22px 0 17px}
  .starting-price-item>span{min-height:34px;font-size:11px}
  .starting-price-item strong{font-size:clamp(24px,7vw,32px)}
  .package-pricing-action,.package-pricing-action .pill{width:100%}
  .package-pricing-action .pill{justify-content:space-between}
}
@media(max-width:420px){
  .studio-image-card{min-height:370px}
  .about-story-image{min-height:490px;padding:23px}
  .about-story-image h2{font-size:clamp(40px,11vw,48px)}
  .about-principle-grid{grid-template-columns:1fr}
  .about-principle-card{min-height:0;padding:18px 30px 25px 0}
  .about-principle-card h3{margin-top:18px}
  .starting-price-grid{grid-template-columns:1fr}
  .starting-price-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px}
  .starting-price-item>span{min-height:0;grid-column:1;grid-row:1}
  .starting-price-item strong{grid-column:2;grid-row:1/3;font-size:28px}
  .starting-price-item small{grid-column:1;grid-row:2;margin-top:0}
}
@media(prefers-reduced-motion:reduce){
  .studio-image-card>img,.studio-image-link span,.about-story-image>img,.about-principle-card,.about-principle-mark,.nav-toggle i,.nav-toggle i:before,.nav-toggle i:after{transition:none}
}

/* Auto-advancing project previews with a selectable, touch-friendly gallery. */
#case-page .case-gallery-section{padding:34px 0 52px;overflow:visible}
.case-gallery-section .gallery-title-row{align-items:end;padding-bottom:22px}
.case-carousel{padding:0 5%}
.case-carousel-stage{position:relative;min-width:0;min-height:500px;overflow:hidden;background:#e8e7de}
.case-carousel-slide[hidden],.gallery-dialog-slide[hidden],.gallery-overview[hidden],.gallery-dialog-viewer[hidden]{display:none!important}
.case-carousel-slide{position:relative;min-width:0;animation:case-slide-in .48s ease both}
@keyframes case-slide-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.case-carousel-slide>.gallery-slide{display:flex;width:100%;max-width:none;min-width:0;height:clamp(500px,55vw,660px);flex-direction:column;gap:16px;padding:clamp(18px,3.4vw,42px);border:1px solid #d2d1c7;background:#e8e7de}
.case-carousel-slide .gallery-slide-head{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:30px;align-items:end;margin-bottom:0}
.case-carousel-slide .gallery-slide-head .eyebrow{font-size:9px}
.case-carousel-slide .gallery-slide-head h3{font-size:clamp(23px,3vw,40px);line-height:1.05}
.case-carousel-slide .gallery-slide-head p{max-width:520px;font-size:13px}
.case-carousel-slide .gallery-art{flex:1;min-height:0;height:auto}
.case-carousel-slide .website-screen,.case-carousel-slide .identity-board,.case-carousel-slide .stationery-stage{height:100%;min-height:0}
.case-carousel-slide .website-hero{min-height:0;flex:1}
.case-carousel-open{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in}
.case-carousel-open:focus-visible{outline:3px solid var(--orange);outline-offset:-6px}
.case-carousel-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0 0}
.case-carousel-position{min-width:66px;color:#666b60;font-size:11px;letter-spacing:1px}
.case-carousel-controls{display:flex;align-items:center;gap:8px}
.case-carousel-controls>button{min-height:42px;padding:10px 14px;border:1px solid #9ea196;border-radius:999px;background:transparent;color:var(--ink);font-size:13px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.case-carousel-controls>button:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:#fff}
.case-carousel-controls>button:disabled{opacity:.4;cursor:default}
.case-carousel-controls .case-carousel-all{margin-left:7px;border-color:var(--orange);background:var(--orange);color:#fff;font-weight:600}
.case-carousel-controls .case-carousel-all:hover{border-color:var(--ink)}
.case-carousel-controls .case-carousel-all span{margin-left:8px}
#case-page .gallery-hint{margin:12px 5% 0}

.case-gallery-dialog{width:min(1160px,calc(100vw - 36px));max-width:none;max-height:min(92dvh,1000px);margin:auto;padding:0;overflow:hidden;border:1px solid #d5d5ca;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #1118}
.case-gallery-dialog::backdrop{background:#171a16d9;backdrop-filter:blur(4px)}
.case-gallery-dialog-shell{display:flex;max-height:min(92dvh,1000px);flex-direction:column}
.case-gallery-dialog-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:18px;padding:21px 26px;border-bottom:1px solid #25292325}
.case-gallery-dialog-head .eyebrow{font-size:9px;color:#74786d}
.case-gallery-dialog-head h2{margin:7px 0 0;font-size:clamp(25px,3vw,36px);line-height:1.05}
.case-gallery-dialog-head>button{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid #a3a69a;border-radius:50%;background:transparent;color:var(--ink);font-size:25px;cursor:pointer}
.gallery-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:18px;padding:22px;overflow:auto}
.gallery-overview-card{min-width:0;border:1px solid #d4d5ca;background:#ecebe3}
.gallery-overview-preview{position:relative;min-width:0;aspect-ratio:1.45;overflow:hidden;background:#dedfd5}
.gallery-overview-preview>.gallery-slide{position:absolute;inset:0;display:flex;width:100%;max-width:none;min-width:0;height:100%;flex-direction:column;gap:6px;padding:10px;border:0;background:#e8e7de}
.gallery-overview-preview .gallery-slide-head{display:block;flex:0 0 auto;margin:0}
.gallery-overview-preview .gallery-slide-head .eyebrow{font-size:7px;letter-spacing:.8px}
.gallery-overview-preview .gallery-slide-head h3{margin:4px 0 0;font-size:14px;line-height:1.1}
.gallery-overview-preview .gallery-slide-head p{display:none}
.gallery-overview-preview .gallery-art{flex:1;min-height:0;height:auto}
.gallery-overview-preview .website-screen,.gallery-overview-preview .identity-board,.gallery-overview-preview .stationery-stage{height:100%;min-height:0;padding:8px}
.gallery-overview-preview .website-hero{min-height:0;flex:1;padding:8px 0}
.gallery-overview-preview .website-copy h4{font-size:clamp(16px,2vw,24px)}
.gallery-overview-open{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in}
.gallery-overview-open:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}
.gallery-overview-caption{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}
.gallery-overview-caption>div{min-width:0}
.gallery-overview-caption>div>span{display:block;color:#74786d;font-size:9px;letter-spacing:.5px}
.gallery-overview-caption h3{margin:4px 0 0;font-size:14px;font-weight:500;line-height:1.15}
.gallery-overview-select{flex:0 0 auto;padding:8px 10px;border:1px solid #aaada1;border-radius:999px;background:transparent;font-size:10px;cursor:pointer}
.gallery-overview-select:hover{border-color:var(--orange);color:#ba3b1b}
.gallery-dialog-viewer{padding:20px 24px 24px;overflow:auto}
.gallery-dialog-viewer-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:12px}
.gallery-dialog-viewer-controls>span{min-width:56px;text-align:center;color:#686c62;font-size:11px;letter-spacing:.7px}
.gallery-dialog-viewer-controls button{display:grid;width:40px;height:40px;place-items:center;border:1px solid #a3a69a;border-radius:50%;background:transparent;font-size:18px;cursor:pointer}
.gallery-dialog-viewer-controls button:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.gallery-dialog-slides{min-width:0}
.gallery-dialog-slide>.gallery-slide{display:flex;width:100%;max-width:none;min-width:0;min-height:0;flex-direction:column;gap:16px;padding:22px;border:1px solid #d3d4ca;background:#e8e7de}
.gallery-dialog-slide .gallery-slide-head{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:end;margin:0}
.gallery-dialog-slide .gallery-art{min-height:clamp(300px,48vh,560px);height:auto}
.gallery-dialog-slide .website-screen,.gallery-dialog-slide .identity-board,.gallery-dialog-slide .stationery-stage{height:100%;min-height:0}
.gallery-dialog-slide .website-hero{min-height:0;flex:1}
.gallery-dialog-back{display:block;margin:14px 0 0 auto;padding:9px 14px;border:1px solid #a3a69a;border-radius:999px;background:transparent;font-size:12px;cursor:pointer}
.gallery-dialog-back:hover{border-color:var(--ink);background:var(--ink);color:#fff}

.contact-page{align-items:start}
.contact-page>div,.contact-page>form{min-width:0}
.contact-page h1{max-width:700px;font-size:clamp(44px,7.3vw,88px);line-height:.97;overflow-wrap:anywhere}
.contact-page .next-steps{max-width:630px;padding-left:20px;color:#d6d8ce;font-size:14px;line-height:1.7}
.contact-page .next-steps li{padding:5px 0 5px 4px}
@media(max-width:960px){
  .case-carousel-slide>.gallery-slide{height:560px}
  .gallery-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-page{gap:38px}
}
@media(max-width:700px){
  #case-page .case-head{padding:34px 5% 26px}
  #case-page .case-head h1{font-size:clamp(42px,11vw,68px)}
  #case-page .case-head h1 em{font-size:clamp(32px,8vw,50px)}
  #case-page .case-meta{grid-template-columns:1fr;gap:14px;margin-top:26px}
  #case-page .case-meta>div{padding-top:12px;border-top:1px solid #25292324}
  #case-page .case-meta small{margin-bottom:5px}
  #case-page .case-gallery-section{padding-top:20px}
  .case-gallery-section .gallery-title-row{gap:15px;padding-bottom:17px}
  .case-carousel-stage{min-height:450px}
  .case-carousel-slide>.gallery-slide{height:450px;padding:14px;gap:11px}
  .case-carousel-slide .gallery-slide-head{display:block}
  .case-carousel-slide .gallery-slide-head .eyebrow{font-size:8px}
  .case-carousel-slide .gallery-slide-head h3{font-size:23px;margin-top:8px}
  .case-carousel-slide .gallery-slide-head p{font-size:11px;line-height:1.4;margin:6px 0 0}
  .case-carousel-slide .gallery-art{min-height:0}
  .case-carousel-slide .website-screen,.case-carousel-slide .identity-board,.case-carousel-slide .stationery-stage{padding:10px}
  .case-carousel-slide .website-hero{min-height:0;min-height:150px;padding:12px 0}
  .case-carousel-slide .website-bottom{font-size:5px}
  .case-carousel-bar{align-items:flex-start;flex-direction:column;gap:10px}
  .case-carousel-controls{width:100%;gap:6px}
  .case-carousel-controls>button{min-height:40px;padding:9px 11px;font-size:12px}
  .case-carousel-controls .case-carousel-all{margin-left:auto}
  .gallery-overview{grid-template-columns:1fr;gap:13px;padding:14px}
  .gallery-overview-preview{aspect-ratio:1.5}
  .gallery-dialog-viewer{padding:14px}
  .gallery-dialog-slide>.gallery-slide{padding:14px;gap:10px}
  .gallery-dialog-slide .gallery-slide-head{display:block}
  .gallery-dialog-slide .gallery-slide-head h3{font-size:22px}
  .gallery-dialog-slide .gallery-slide-head p{font-size:11px}
  .gallery-dialog-slide .gallery-art{min-height:290px}
  .gallery-dialog-slide .website-screen,.gallery-dialog-slide .identity-board,.gallery-dialog-slide .stationery-stage{padding:10px}
  .gallery-dialog-slide .website-hero{min-height:150px}
  .case-gallery-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .case-gallery-dialog-shell{max-height:calc(100dvh - 16px)}
  .case-gallery-dialog-head{padding:15px 16px}
  .case-gallery-dialog-head>button{width:38px;height:38px}
  .contact-page{grid-template-columns:1fr;gap:38px;padding-top:48px;padding-bottom:55px}
  .contact-page h1{font-size:clamp(43px,11vw,66px);margin:28px 0 20px}
  .contact-page form{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .case-carousel-slide{animation:none}
  .case-carousel-controls>button,.gallery-overview-select{transition:none}
}
/* Compact, vertically sliding homepage testimonials. */
.testimonials{padding:clamp(38px,5vw,64px) 5%;background:#e7e8de}
.testimonials-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.testimonials-heading>.eyebrow,.testimonials-heading .eyebrow{color:#707469;font-size:9px}
.testimonials-heading h2{margin:9px 0 0;font-size:clamp(30px,3.7vw,46px);line-height:1;letter-spacing:-.05em}
.testimonial-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.testimonial-controls>span{min-width:49px;margin-right:3px;color:#707469;font-size:10px;letter-spacing:.7px}
.testimonial-controls button{min-width:37px;height:37px;padding:7px 11px;border:1px solid #a2a69a;border-radius:999px;background:transparent;color:var(--ink);font-size:12px;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.testimonial-controls button:hover:not(:disabled){border-color:var(--ink);background:var(--ink);color:#fff}
.testimonial-controls button:disabled{opacity:.4;cursor:default}
.testimonial-stage{height:270px;overflow:hidden;border:1px solid #d5d7cc;background:var(--paper)}
.testimonial-track{display:flex;height:100%;flex-direction:column;will-change:transform;transition:transform .62s cubic-bezier(.22,.72,.25,1)}
.testimonial-slide{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:start;gap:17px;flex:0 0 100%;height:100%;min-height:0;padding:clamp(20px,3vw,34px);background:var(--paper)}
.testimonial-avatar{display:block;width:60px;height:60px;border:1px solid #d3d4ca;border-radius:50%;object-fit:cover;object-position:center 32%}
.testimonial-body{display:flex;min-width:0;height:100%;flex-direction:column;align-items:flex-start}
.testimonial-body blockquote{max-width:960px;margin:0 0 17px;font-size:clamp(18px,2vw,25px);font-weight:400;line-height:1.38;letter-spacing:-.025em}
.testimonial-attribution{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid #25292328}
.testimonial-attribution>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.testimonial-attribution strong{font-size:12px;font-weight:600}
.testimonial-attribution>div>span{color:#707469;font-size:10px;line-height:1.4}
.testimonial-sample-label{flex:0 0 auto;padding:5px 8px;border:1px solid #b2b5aa;border-radius:999px;color:#71766a;font-size:8px;letter-spacing:.8px}
.testimonial-disclosure{margin:8px 0 0;color:#777b71;font-size:9px;line-height:1.4}
.testimonial-dots{display:flex;justify-content:center;gap:7px;padding-top:12px}
.testimonial-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#b9bcb1;cursor:pointer;transition:width .2s ease,background .2s ease}
.testimonial-dots button[aria-pressed="true"]{width:22px;border-radius:999px;background:var(--orange)}
@media(max-width:900px){
  .testimonial-stage{height:290px}
  .testimonial-slide{padding:22px}
  .testimonial-body blockquote{font-size:20px}
}
@media(max-width:700px){
  .testimonials{padding-top:42px;padding-bottom:42px}
  .testimonials-heading{align-items:flex-start;flex-direction:column;gap:14px}
  .testimonials-heading h2{font-size:clamp(30px,7vw,40px)}
  .testimonial-controls{align-self:flex-end}
  .testimonial-stage{height:325px}
  .testimonial-slide{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:18px}
  .testimonial-avatar{width:50px;height:50px}
  .testimonial-body blockquote{font-size:18px;line-height:1.4}
}
@media(max-width:360px){
  .testimonial-stage{height:350px}
  .testimonial-controls{gap:5px}
  .testimonial-controls>span{min-width:43px;margin-right:0;font-size:9px}
  .testimonial-controls button{min-width:34px;height:34px;padding:6px 9px}
  .testimonial-slide{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:14px}
  .testimonial-avatar{width:44px;height:44px}
  .testimonial-body blockquote{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .testimonial-track{transition:none}
  .testimonial-controls button,.testimonial-dots button{transition:none}
}

/* Keep the compact navigation clear and usable on touch screens. */
@media(max-width:960px){
  .site-nav{position:sticky;top:0;z-index:100;min-height:78px;padding-top:14px;padding-bottom:14px;background:var(--paper);box-shadow:0 2px 12px #2529230e}
  .site-nav .nav-actions .pill,.site-nav .nav-toggle{min-height:50px}
  .site-nav .nav-toggle{min-width:50px;justify-content:center;padding:12px}
  .nav-toggle i,.nav-toggle i:before,.nav-toggle i:after{width:20px}
}

/* Give the home hero a deliberate reading order on narrow screens. */
@media(max-width:700px){
  .hero-copy h1{font-size:clamp(40px,10.5vw,62px);line-height:.98;text-wrap:balance}
  .hero-with-work .hero-bottom{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}
  .hero-with-work .hero-bottom p{grid-column:1;max-width:36rem;font-size:16px;line-height:1.65}
  .hero-with-work .hero-bottom .pill{grid-column:1;justify-self:start;min-height:50px;padding:13px 19px;gap:17px;font-size:15px;white-space:normal}
  .hero-with-work .hero-bottom .small{grid-column:1;max-width:360px;color:#55594f;font-size:11px;line-height:1.7;letter-spacing:.065em}
}

/* The Brand Scorecard is a short, self-contained assessment. */
.scorecard-intro,.score-form,.score-result,.scorecard-how{width:min(100%,1120px);margin-left:auto;margin-right:auto}
.scorecard-intro{padding:clamp(38px,6vw,72px) 5% 25px}
.scorecard-intro>.eyebrow{color:#65695e}
.scorecard-intro h1{max-width:850px;margin:25px 0 20px;font-size:clamp(58px,8vw,108px);line-height:.94;letter-spacing:-.075em;text-wrap:balance}
.scorecard-intro h1 em{display:inline-block}
.scorecard-intro .pricing-lead{max-width:720px;margin:0;color:#44483f;font-size:clamp(18px,2vw,23px);line-height:1.55}
.scorecard-intro noscript .small{display:block;margin-top:16px;color:#6b6f64}
.score-form{display:grid;gap:16px;padding:12px 5% 65px}
.score-form[hidden],.score-result[hidden]{display:none}
.score-form-note{margin:0 0 2px;color:#575b51;font-size:14px;line-height:1.5}
.score-progress{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:24px;padding:14px 17px;border:1px solid #d4d4cb;background:#ebeae2}
.score-progress p{margin:0;color:#41453d;font-size:13px;font-weight:600}
.score-progress-track{height:8px;overflow:hidden;border-radius:999px;background:#d1d2c8}
.score-progress-track span{display:block;width:var(--score-progress,0%);height:100%;border-radius:inherit;background:var(--orange);transition:width .2s ease}
.score-area{display:grid;gap:0;min-width:0;margin:0;padding:clamp(20px,3.5vw,34px);border:1px solid #d3d2c8;background:#faf9f4}
.score-area>legend{padding:0 10px;color:#5b6056;font-size:11px;letter-spacing:1.8px}
.score-q{display:grid;gap:14px;padding:22px 0;border-top:1px solid #deded6}
.score-q:first-of-type{border-top:0;padding-top:8px}
.score-q p{display:flex;align-items:flex-start;gap:13px;margin:0;color:#292d27;font-size:clamp(16px,1.7vw,20px);line-height:1.45}
.score-question-number{flex:0 0 auto;padding-top:2px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.7px}
.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.score-form .choice{display:flex;min-width:0;min-height:52px;align-items:center;gap:10px;padding:11px 13px;border:1px solid #d0d1c8;border-radius:3px;background:#fffefa;color:#353931;font-size:14px;line-height:1.35;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.score-form .choice:hover{border-color:#8c9084;background:#fff}
.score-form .choice:has(input:checked){border-color:var(--orange);background:#fff4ef;box-shadow:inset 0 0 0 1px var(--orange)}
.score-form .choice input[type=radio]{width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:0;padding:0;border:1px solid #81867a;border-radius:50%;background:#fff;accent-color:var(--orange)}
.score-form .choice input[type=radio]:focus-visible{outline:3px solid #f5552b66;outline-offset:3px}
.score-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-top:9px}
.score-privacy-note{margin:0;color:#72766c;font-size:12px;line-height:1.5}
.score-actions .pill{min-height:50px;padding:13px 21px;gap:18px}
.score-form #score-missing{margin:0;color:#a62f18;font-size:14px;line-height:1.5}
.score-result{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,58px);padding:clamp(22px,4vw,44px);border:1px solid #d3d2c8;background:#faf9f4}
.score-result-summary{align-self:start}
.score-number{margin:17px 0 8px;color:var(--orange);font-size:clamp(72px,10vw,120px);font-weight:500;line-height:.9;letter-spacing:-.08em}
.score-number small{color:#72766c;font-size:16px;letter-spacing:0}
.score-result-summary h2{margin:16px 0 12px;font-size:clamp(32px,4vw,48px)}
.score-result-summary>p,.score-focus p,.score-news>p{color:#5e6258;font-size:15px;line-height:1.7}
.score-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.score-result-actions .pill{min-height:48px;padding:12px 16px;gap:12px;font-size:13px}
.score-result-actions .ghost{border-color:#b9bcb1;background:transparent;color:var(--ink);box-shadow:none}
.score-result-details{display:grid;align-content:start;gap:24px}
.score-bars{display:grid;gap:17px}
.score-bar-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px;color:#353931;font-size:13px}
.score-bar-heading strong{color:#6a6e63;font-size:12px;font-weight:500}
.score-bar-track{height:9px;overflow:hidden;border-radius:999px;background:#e1e1d9}
.score-bar-track span{display:block;height:100%;border-radius:inherit;background:var(--orange)}
.score-focus{padding:22px;background:#ebeae2}
.score-focus h3{margin:11px 0 8px;font-size:25px;font-weight:500;letter-spacing:-.04em}
.score-focus p{margin:0 0 12px}
.score-focus .text-link{font-size:13px}
.score-news{padding:21px;border:1px solid #d8d8cf}
.score-news>p{margin:9px 0 14px;font-size:13px}
.score-news .subscribe{gap:10px}
.score-news .subscribe-row{display:flex;align-items:stretch;gap:9px}
.score-news .subscribe-row input{min-width:0;color:var(--ink);border-color:#babdb2}
.score-news .subscribe-row button{border:0;border-radius:3px;background:var(--ink);color:#fff;padding:10px 14px;white-space:nowrap}
.scorecard-how{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,6vw,80px);padding:44px 5% 90px}
.scorecard-how h2{font-size:clamp(30px,4vw,48px);margin:0 0 17px}
.scorecard-how p{margin:0 0 14px;color:#5e6258;font-size:15px;line-height:1.75}
.scorecard-how .eyebrow{padding-top:6px}
@media(max-width:700px){
  .site-nav .nav-actions .pill{min-height:50px;padding:12px 14px;font-size:13px}
  .site-nav .nav-toggle{min-height:50px;min-width:50px;padding:12px}
  .scorecard-intro{padding-top:35px;padding-bottom:22px}
  .scorecard-intro h1{margin:20px 0 16px;font-size:clamp(44px,12vw,68px);line-height:.98}
  .scorecard-intro .pricing-lead{font-size:18px;line-height:1.55}
  .score-form{gap:12px;padding-bottom:44px}
  .score-progress{grid-template-columns:1fr;gap:10px;padding:13px 14px}
  .score-area{padding:18px 15px}
  .score-q{gap:12px;padding:18px 0}
  .score-q p{gap:9px;font-size:16px;line-height:1.45}
  .choices{gap:7px}
  .score-form .choice{min-height:50px;justify-content:flex-start;gap:7px;padding:9px 8px;font-size:clamp(12px,3.5vw,14px)}
  .score-form .choice input[type=radio]{width:17px;height:17px;min-width:17px;flex-basis:17px}
  .score-actions{align-items:stretch;flex-direction:column}
  .score-actions .pill{width:100%;justify-content:space-between}
  .score-result{grid-template-columns:1fr;gap:25px;padding:22px 18px}
  .score-result-actions{flex-direction:column;align-items:stretch}
  .score-result-actions .pill{justify-content:space-between}
  .scorecard-how{grid-template-columns:1fr;gap:16px;padding-top:32px;padding-bottom:60px}
}
@media(max-width:360px){.score-form .choice{gap:5px;padding-right:5px;padding-left:5px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.score-progress-track span{transition:none}}