:root{--paper:#f8f5f0;--ink:#171614;--muted:#686561;--red:#3f5b8c;--line:#d5cec4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0 auto;max-width:1500px;padding:0 3.45%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{border:0;background:none;padding:0}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark,nav{font-family:Georgia,'Times New Roman',serif;font-weight:400}img{display:block;width:100%;object-fit:cover}.opening{display:grid;grid-template-columns:20.6% 1fr;gap:2.8%}aside{padding:29px 16% 0 0;border-right:1px solid #e4ded5}.wordmark{display:block;font-size:clamp(25px,3vw,44px);line-height:.94;letter-spacing:-1.9px;text-transform:uppercase}.eyebrow,.text-link{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2.5px;color:var(--red)}.profession{color:#575451;line-height:1.5;letter-spacing:2.8px;margin-top:24px}.short-rule{background:var(--red);width:46px;height:2px;margin:25px 0 23px}nav a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:23px;letter-spacing:-.6px}nav span{font:14px Arial;color:var(--muted);align-self:center;letter-spacing:0}.intro{color:var(--muted);line-height:1.5;font-size:14px;margin-top:30px}.email{display:flex;align-items:center;gap:15px;margin-top:18px;white-space:nowrap}.envelope{font-size:30px;font-weight:400}.featured{min-width:0;padding-top:29px}.line{display:flex;align-items:center;gap:15px;margin-bottom:9px}.line:after,.rule{content:'';width:40px;height:1px;display:inline-block;background:var(--red)}.hero-image{display:block;width:100%;overflow:hidden}.hero-image img{aspect-ratio:735/430;transition:transform .5s}.hero-image:hover img,.project:hover img{transform:scale(1.025)}h1{font-size:clamp(30px,3.8vw,55px);letter-spacing:-1.7px;line-height:1.1;margin:10px 0 7px}.hero-description{color:var(--muted);font-size:clamp(16px,1.75vw,23px);line-height:1.35;max-width:95%}.hero-bottom{display:flex;align-items:center;gap:30px;margin-top:18px;min-height:47px}.text-link{display:inline-flex;align-items:center;gap:20px;white-space:nowrap}.text-link:hover{color:#c3264a}.arrow{font-family:Arial;font-size:30px;line-height:1;letter-spacing:0;font-weight:400}.carousel{margin-left:auto;display:flex;align-items:center;gap:12px}.carousel span{color:var(--muted);font-size:14px;white-space:nowrap;margin-right:4px}.carousel button{border:1px solid var(--red);color:var(--red);border-radius:50%;height:46px;width:46px;font-size:25px}.carousel button:hover{background:var(--red);color:var(--paper)}.work{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}h2{font-size:clamp(32px,4.5vw,57px);letter-spacing:-1.6px;line-height:1.05}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{border:1px solid #bbb4ac;border-radius:24px;padding:8px 18px;font-size:14px;color:#5d5955}.filters .active{background:var(--red);border-color:var(--red);color:white}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.project{text-align:left;display:block;width:100%}.project .image-wrap{overflow:hidden}.project img{aspect-ratio:468/159;transition:transform .4s}.project-caption{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 0}.project h3{font-size:21px;letter-spacing:-.5px}.project p{font-size:14px;letter-spacing:.7px;color:var(--muted)}.project .arrow{color:var(--red)}.venture{display:grid;grid-template-columns:1fr 1.04fr;background:#f2ebe2;margin-top:18px}.venture>button{overflow:hidden}.venture img{height:100%;aspect-ratio:468/216}.venture>div{padding:20px 7% 10px}.venture .eyebrow{font-size:10px;letter-spacing:2.4px}.venture h2{font-size:clamp(29px,3.5vw,44px);margin-bottom:3px}.venture p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.4;margin-bottom:7px}.venture-meta{letter-spacing:1px}.venture .text-link{font-size:12px}footer{border-top:1px solid var(--line);margin:22px 0 0;padding:10px 2px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer h2{font-size:clamp(22px,2.65vw,36px);letter-spacing:-.7px}footer p{font-size:14px;line-height:1.4;letter-spacing:.5px;color:var(--muted);margin-top:5px}footer .text-link{font-size:12px;letter-spacing:1.5px}.rule{margin-left:10px;vertical-align:middle}dialog{border:1px solid var(--line);background:var(--paper);padding:0;width:min(850px,92vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#211b17b8;backdrop-filter:blur(4px)}dialog>img{max-height:50vh;object-fit:contain;background:#eee6db}.dialog-copy{padding:32px}.dialog-copy h2{margin:12px 0 18px}.dialog-copy p{line-height:1.7;color:var(--muted);margin-bottom:22px}.dialog-copy .eyebrow{color:var(--red)}.dialog-copy ul{padding-left:20px;line-height:2;color:var(--muted)}.close{position:absolute;right:10px;top:10px;background:var(--paper);width:38px;height:38px;border-radius:50%;font-size:28px;z-index:1}.skip{position:fixed;top:-80px;padding:12px;background:var(--red);color:white;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1250px){aside{padding-right:15%}.intro{font-size:17px}.featured{padding-top:35px}.hero-bottom{margin-top:22px}.project h3{font-size:25px}.project p{font-size:16px}.venture>div{padding-top:27px}.venture p:not(.eyebrow){font-size:18px}}@media(max-width:900px){.hero-bottom{flex-wrap:wrap;gap:10px 20px}.hero-bottom>.eyebrow{display:none}.carousel{gap:7px}.carousel button{width:38px;height:38px}.work-heading{align-items:start;flex-direction:column}.intro{font-size:13px}aside{padding-right:10%}.email{font-size:10px;gap:7px}.venture>div{padding:15px 6%}.venture .line:after{display:none}.venture p:not(.eyebrow){font-size:13px}footer{align-items:start;flex-direction:column}}@media(max-width:620px){body{padding:0 6%}.opening{display:block}aside{border:0;padding:25px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.wordmark{font-size:28px}.profession{font-size:10px;line-height:1.6;margin:0}.short-rule,.intro,.email{display:none}nav{width:100%;display:flex;margin-top:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between}nav a{font-size:18px;border:0;padding:12px 0}nav span{display:none}.featured{padding-top:25px}.eyebrow{font-size:10px}h1{font-size:35px;letter-spacing:-1.3px}.hero-description{font-size:16px;max-width:100%}.hero-bottom{margin-top:14px}.text-link{font-size:10px;letter-spacing:1.8px;gap:10px}.carousel span{font-size:12px}.work{margin-top:25px;padding-top:20px}.work-heading{gap:15px}.filters{gap:6px}.filters button{padding:7px 11px;font-size:11px}.project-grid{gap:19px;grid-template-columns:1fr}.project img{aspect-ratio:2.4}.project h3{font-size:23px}.venture{grid-template-columns:1fr;margin-top:25px}.venture img{aspect-ratio:2.15}.venture>div{padding:25px}.venture h2{font-size:35px}.venture p:not(.eyebrow){font-size:15px}.venture .text-link{margin-top:7px}footer{padding:20px 0 30px}footer h2{font-size:26px;line-height:1.15}footer p{font-size:13px}.desktop,.rule{display:none}.dialog-copy{padding:25px}.dialog-copy h2{font-size:32px}}

.project[data-project="1"] img{object-fit:contain;background:#d4c4ad}#hero-img[src*="chronicle"]{object-fit:contain;background:#d4c4ad}

.project[data-project="2"] img{object-fit:contain;background:#f8f5f0}#hero-img[src*="annual"]{object-fit:contain;background:#f8f5f0}

#hero-img[src*="caregivers"]{object-fit:contain;background:#e6d8c7}

/* A more open signature, with room for both lines of the name. */
.wordmark{
  font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;
  font-size:clamp(23px,2.65vw,39px);
  line-height:1.16;
  letter-spacing:.015em;
  font-weight:400;
}
@media(max-width:620px){
  .wordmark{font-size:27px;line-height:1.12;letter-spacing:.015em}
}

/* Consistent Palatino typography across headings and section labels. */
h1,h2,h3,h4,h5,h6,nav,.eyebrow,.project-caption p,.venture-meta{
  font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;
}

/* Left-align the full Chronicle and Caregivers artwork on white. */
#hero-img[src*="chronicle"],
#hero-img[src*="caregivers"]{
  object-fit:contain;
  object-position:left center;
  background:#fff;
}

/* Sidebar email call to action. */
.email{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:11px 15px;
  border-radius:9px;
  background:var(--red);
  color:#fff;
  letter-spacing:1.5px;
}
.email .envelope{font-size:24px;line-height:1;flex-shrink:0}
.email:hover{background:#760a24;color:#fff}
@media(max-width:620px){.email{display:none}}

.email{
  padding:7px 15px;
  justify-content:center;
  align-items:center;
  gap:9px;
  line-height:1;
}
.email .envelope{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
}

/* Match unused image space to the page background. */
#hero-img[src*="chronicle"],
#hero-img[src*="caregivers"],
#hero-img[src*="annual"],
.project[data-project="1"] img,
.project[data-project="2"] img{
  background:var(--paper);
}

#hero-img[src*="annual"]{
  object-position:left center;
}

/* Fill every Selected Work thumbnail frame. */
.project img,
.project[data-project="1"] img,
.project[data-project="2"] img{
  object-fit:cover;
  object-position:center;
}

/* Anchor Selected Work thumbnail crops to the top. */
.project img,
.project[data-project="1"] img,
.project[data-project="2"] img{
  object-position:center top;
}

#detail-body h3{font-size:25px;letter-spacing:-.4px;margin:25px 0 10px}#detail-body ul{line-height:1.65;margin-bottom:24px}#detail-body li{margin-bottom:12px}
#hero-img[src*="sweet-bake"]{object-fit:contain;object-position:left center;background:var(--paper)}

/* Fill the project viewer and slowly reveal the artwork vertically. */
#project-dialog > #detail-img{
  width:100%;
  height:55vh;
  max-height:600px;
  object-fit:cover;
  object-position:center top;
  background:var(--paper);
  animation:project-image-pan 16s ease-in-out infinite alternate;
}
#project-dialog > #detail-img:hover{animation-play-state:paused}
@keyframes project-image-pan{
  0%,10%{object-position:center top}
  90%,100%{object-position:center bottom}
}
@media(prefers-reduced-motion:reduce){
  #project-dialog > #detail-img{animation:none}
}

/* Full-width artwork, explored through normal dialog scrolling. */
#project-dialog > #detail-img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center top;
  animation:none;
}

/* Refinements from the annotated preview. */
.project .image-wrap{aspect-ratio:1 / 1;border-radius:16px;overflow:hidden}
.project .image-wrap img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
.email{align-items:center;justify-content:center}
.email .envelope{display:block;width:18px;height:18px;flex:0 0 18px}
.email > span{display:block;line-height:18px}
.carousel button{width:36px;height:36px;font-size:19px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.profession{color:var(--red)}
.short-rule{width:100%;max-width:150px}

/* Compact portfolio grid and client introduction. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.project-caption{align-items:flex-start;gap:8px;padding-top:8px}
.project-caption>div{min-width:0}
.project h3{font-size:22px;line-height:1.15}
.project p{font-size:14px;line-height:1.35;margin-top:3px}
.project-caption .arrow{font-size:25px;flex-shrink:0}
.client-intro{margin-top:32px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.client-intro>p{font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;font-size:clamp(25px,3vw,39px);line-height:1.25;max-width:1000px;margin-bottom:16px}
.work{margin-top:26px;border-top:0;padding-top:0}
.companies{border-top:1px solid var(--line);margin-top:30px;padding:30px 0 12px}
.companies h2{font-size:clamp(29px,3.2vw,42px);margin-top:12px}
.company-list{list-style:none;padding:0;margin:26px 0 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.company-list li{padding:18px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.company-list strong{font-family:Palatino,'Palatino Linotype','Book Antiqua',serif;font-size:36px;font-weight:400;color:var(--red)}
.company-list span{color:var(--muted);font-size:15px;line-height:1.4}
@media(max-width:760px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.project h3{font-size:20px}.project p{font-size:13px}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr}.company-list{gap:14px}.company-list strong{font-size:29px}.company-list span{font-size:12px}.client-intro .text-link{white-space:normal}}

/* Center the client message and present the supplied company marks. */
.client-intro{text-align:center}
.client-intro>p{margin-left:auto;margin-right:auto}
.company-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.company-list li{background:#fff;border:1px solid var(--line);border-radius:10px;min-height:150px;padding:25px;align-items:center;justify-content:center}
.company-list img{width:100%;height:100px;object-fit:contain;max-width:280px}
@media(max-width:620px){.company-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-list li{padding:18px;min-height:120px}.company-list img{height:80px}}

/* Six company logos per row on desktop. */
.company-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.company-list li{min-height:120px;padding:16px}
.company-list img{height:80px}
@media(max-width:900px){.company-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.company-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Show company marks directly on the warm page background. */
.company-list li{
  background:transparent;
  border:0;
  border-radius:0;
}
.company-list img{
  mix-blend-mode:multiply;
}

/* Preserve complete logo artwork inside the portfolio grid. */
.logo-project .image-wrap{background:#fff;padding:22px}
.logo-project .image-wrap img{object-fit:contain;object-position:center}

/* Separate identity applications from individual logo designs. */
.logo-section{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}
.logo-section>h3{font-size:30px;font-weight:400;letter-spacing:-.5px;margin-bottom:20px}

/* Editorial homepage with a separate portfolio destination. */
.home-services{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:40px 0 12px}
.home-services h2{font-size:clamp(30px,3.5vw,45px);margin:13px 0 18px;line-height:1.12}
.home-services p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.55}
.service-list article{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.service-list h3{font-size:24px;margin-bottom:7px}
.portfolio-main{padding-top:30px;min-width:0}
.portfolio-main>h1{margin-top:12px}
.portfolio-intro{color:var(--muted);line-height:1.5;font-size:17px;margin:12px 0 28px}
.portfolio-main .work-heading{flex-direction:column;align-items:flex-start}
.portfolio-main .work-heading h2{font-size:32px}
.work-page aside{align-self:start;padding-bottom:25px}
.work-page .project h3{font-size:20px}
@media(max-width:760px){.home-services{grid-template-columns:1fr;gap:25px}.portfolio-main .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.portfolio-main .project-grid{grid-template-columns:1fr}nav a{font-size:16px}}

/* Compact visual previews beside each service category. */
.service-list article{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start}
.service-preview{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden}
.service-preview img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s}
.service-preview:hover img{transform:scale(1.04)}
.home-services + .venture{margin-top:22px;margin-bottom:32px}
@media(max-width:900px){.service-list article{grid-template-columns:80px minmax(0,1fr);gap:14px}}
@media(max-width:480px){.service-list article{grid-template-columns:85px minmax(0,1fr)}}

/* Bring the homepage tagline closer to the featured projects. */
.client-intro{margin-top:16px;padding-top:16px;padding-bottom:20px}

/* Direct navigation through the five featured projects. */
.featured-previews{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0 4px}
.featured-preview{border:2px solid transparent;border-radius:9px;padding:3px;overflow:hidden;opacity:.65;transition:opacity .2s,border-color .2s}
.featured-preview img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:center top;border-radius:5px}
.featured-preview.active{border-color:var(--red);opacity:1}
.featured-preview:hover{opacity:1}
@media(max-width:620px){.featured-previews{gap:5px}.featured-preview{padding:2px}.featured-preview img{aspect-ratio:1.2}}

/* Independent publishing brand and series portfolio. */
.brand-main{min-width:0;padding:32px 0}
.brand-main>h1{font-size:clamp(38px,4.6vw,64px);margin:14px 0}
.brand-lead{font-family:Palatino,'Palatino Linotype',serif;font-size:27px;line-height:1.3;margin-bottom:18px}
.brand-description,.series-note,.series-book p{color:var(--muted);font-size:16px;line-height:1.6}
.brand-roles{display:flex;flex-wrap:wrap;gap:10px 20px;margin:24px 0;color:var(--red);font-size:13px}
nav.series-nav{display:flex;gap:24px;border-block:1px solid var(--line);padding:14px 0;width:100%;margin:0}
nav.series-nav a{border:0;padding:0;font-size:20px}
.series-section{padding:30px 0;border-bottom:1px solid var(--line);margin-bottom:28px;scroll-margin-top:25px}
.series-section h2{font-size:38px;margin:12px 0 18px}
.series-note{font-style:italic}
.series-book{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:start}
.series-art{border-radius:13px;overflow:hidden;display:block}
.series-art img{width:100%;height:auto}
.series-book h3{font-size:29px;line-height:1.15;margin-bottom:14px}
.series-book p{margin-bottom:16px}
.series-book .text-link,.brand-detail-link{white-space:normal;line-height:1.5}
.brand-detail-link{margin-bottom:25px}
@media(max-width:760px){.series-book{grid-template-columns:1fr}.brand-lead{font-size:23px}}

.series-book + .series-book{margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}

/* Align the complete cards, not just the crops, at each row's top edge. */
.project-grid{align-items:start}
.project{align-self:start;display:flex;flex-direction:column;justify-content:flex-start}
.project .image-wrap,.project .project-caption{width:100%}

/* Worlds To Discover brand identity and reader-focused banner. */
.brand-heading{display:flex;align-items:center;gap:20px;margin:15px 0 22px}
.brand-heading h1{margin:0;font-size:clamp(34px,4vw,55px)}
.worlds-brand-logo{width:110px;height:110px;object-fit:contain;flex-shrink:0}
.worlds-reader-banner{width:100%;height:auto;border-radius:12px;margin:24px 0;object-fit:contain}
.venture .venture-brand-logo{width:80px;height:65px;aspect-ratio:auto;object-fit:contain;margin-bottom:8px}
@media(max-width:620px){.brand-heading{gap:12px}.worlds-brand-logo{width:80px;height:80px}.brand-heading h1{font-size:32px}.worlds-reader-banner{border-radius:8px}}

/* Center the services introduction on mobile. */
@media(max-width:620px){
  .home-services>div:first-child{text-align:center}
}

/* Give the homepage tagline and portfolio action more emphasis. */
.client-intro>p{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  color:var(--red);
  font-size:clamp(25px,2.8vw,38px);
  line-height:1.3;
  letter-spacing:-.5px;
}
.client-intro>.text-link{
  background:var(--red);
  color:#fff;
  border-radius:9px;
  padding:13px 22px;
  justify-content:center;
  text-align:center;
  letter-spacing:1.5px;
}
.client-intro>.text-link:hover{background:#760a24;color:#fff}

/* Selected tagline type and a slimmer portfolio button. */
.client-intro>p{font-family:'Avenir Next',Avenir,Arial,sans-serif;font-weight:600}
.client-intro>.text-link{padding:8px 22px;line-height:1.2}

/* An editorial rhythm for portfolio work, with selected pieces given room. */
#project-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;row-gap:48px}
#project-grid>.project{grid-column:span 2}
#project-grid>.project[data-project="1"],
#project-grid>.project[data-project="7"],
#project-grid>.project[data-project="28"],
#project-grid>.project[data-project="31"]{grid-column:span 4}
#project-grid>.project[data-project="1"] .image-wrap,
#project-grid>.project[data-project="7"] .image-wrap{aspect-ratio:1.45}
#project-grid>.project[data-project="28"] .image-wrap,
#project-grid>.project[data-project="31"] .image-wrap{aspect-ratio:1.2}
#project-grid>.project[data-project="2"] .image-wrap,
#project-grid>.project[data-project="6"] .image-wrap,
#project-grid>.project[data-project="25"] .image-wrap{aspect-ratio:.78}
#project-grid>.project[data-project="1"] h3,
#project-grid>.project[data-project="7"] h3,
#project-grid>.project[data-project="28"] h3,
#project-grid>.project[data-project="31"] h3{font-size:clamp(24px,2.7vw,36px)}
#project-grid .image-wrap{border-radius:12px}
#project-grid .project-caption{padding-top:12px}
#logo-grid{row-gap:30px}
@media(max-width:760px){
  #project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}
  #project-grid>.project{grid-column:span 1}
  #project-grid>.project[data-project="1"],#project-grid>.project[data-project="7"],#project-grid>.project[data-project="28"],#project-grid>.project[data-project="31"]{grid-column:span 2}
}
@media(max-width:480px){
  #project-grid{grid-template-columns:1fr;row-gap:30px}
  #project-grid>.project,#project-grid>.project[data-project="1"],#project-grid>.project[data-project="7"],#project-grid>.project[data-project="28"],#project-grid>.project[data-project="31"]{grid-column:span 1}
  #project-grid>.project .image-wrap{aspect-ratio:1}
  #project-grid>.project[data-project="1"] .image-wrap,#project-grid>.project[data-project="7"] .image-wrap{aspect-ratio:1.2}
}

/* Consistent square preview frames with individually directed crops. */
#project-grid>.project .image-wrap{
  aspect-ratio:1 / 1;
  border-radius:16px;
}
#project-grid>.project .image-wrap img{
  object-fit:cover;
  object-position:left top;
}
#project-grid>.project[data-project="19"] .image-wrap img,
#project-grid>.project[data-project="20"] .image-wrap img,
#project-grid>.project[data-project="22"] .image-wrap img{
  object-position:right center;
  transform:scale(1.75);
  transform-origin:right center;
}
#project-grid>.project[data-project="19"]:hover .image-wrap img,
#project-grid>.project[data-project="20"]:hover .image-wrap img,
#project-grid>.project[data-project="22"]:hover .image-wrap img{
  transform:scale(1.8);
}

/* Individual preview positioning refinements. */
#project-grid>.project[data-project="20"] .image-wrap img,
#project-grid>.project[data-project="20"]:hover .image-wrap img{
  object-position:left top;
  transform:none;
  transform-origin:left top;
}
#project-grid>.project[data-project="6"] .image-wrap img{
  object-position:center center;
}

/* Smaller company marks with rows that adapt to available space. */
.company-list{
  grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
  gap:14px;
}
.company-list li{min-height:72px;padding:12px}
.company-list img{
  width:50%;
  max-width:140px;
  height:40px;
  object-fit:contain;
}
@media(max-width:620px){
  .company-list{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}
}

.companies h2{font-size:clamp(23px,2.3vw,30px)}

/* Present logo designs directly on the portfolio background. */
.logo-project .image-wrap{background:transparent;border:0;border-radius:0}
.logo-project .image-wrap img{mix-blend-mode:multiply}

/* Consistent featured image sizing and lighter section backgrounds. */
.featured .hero-image #hero-img{
  width:100%;
  aspect-ratio:735 / 430;
  object-fit:contain;
  object-position:left center;
  background:var(--paper);
}
.client-intro,.companies{
  background:#fffdfa;
  box-shadow:0 0 0 100vmax #fffdfa;
  clip-path:inset(0 -100vmax);
}
.client-intro{padding-top:25px;padding-bottom:25px}
.companies{padding-top:30px;padding-bottom:25px;border-top:0}

/* Featured metadata placement, full-width rules, and readable client marks. */
#hero-category{display:block;margin-top:17px;margin-bottom:7px}
.featured #hero-title{margin-top:0}
.hero-bottom{justify-content:flex-start}
#hero-view{margin-left:0;text-align:left;justify-content:flex-start}
.company-list img{width:70%;max-width:170px;height:55px}
.company-list li{min-height:85px}
.client-intro{position:relative;border-top:0;border-bottom:0}
.client-intro::before,.client-intro::after{
  content:'';position:absolute;left:50%;transform:translateX(-50%);
  width:100vw;height:1px;background:var(--line);pointer-events:none;
}
.client-intro::before{top:0}
.client-intro::after{bottom:0}

/* Strengthen the small section labels within the heading hierarchy. */
.eyebrow{font-size:14px;line-height:1.5}
.venture .eyebrow{font-size:12px}
@media(max-width:620px){
  .eyebrow{font-size:12px}
  .venture .eyebrow{font-size:12px}
  .profession{font-size:11px}
}

/* A personal approach statement alongside the service previews. */
.design-approach{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.design-approach h3{font-size:clamp(24px,2.5vw,32px);line-height:1.2;margin-bottom:13px}
.design-approach .text-link{margin-top:20px;white-space:normal;line-height:1.5}

.design-approach .text-link{gap:12px;max-width:100%;align-items:center}.design-approach .text-link .arrow{flex-shrink:0;font-size:24px}.design-approach .text-link>span:not(.arrow){text-align:center}

/* Keep the complete book-cover previews visible within their frames. */
#project-grid>.project .image-wrap img[src*="-cover.webp"]{
  object-fit:contain;
  object-position:center;
  background:var(--paper);
  mix-blend-mode:multiply;
}
.series-art:has(img[src*="-cover.webp"]){width:100%;aspect-ratio:1;background:var(--paper)}
.series-art img[src*="-cover.webp"]{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}

/* Match preview filler to the page surface. */
#project-grid .image-wrap,
#logo-grid .image-wrap,
#project-grid>.project .image-wrap img[src*="-cover.webp"],
.series-art{
  background:var(--paper);
}

/* Avoid multiplying the page color against itself in preview filler. */
#project-grid>.project .image-wrap img[src*="-cover.webp"],
.series-art img[src*="-cover.webp"]{
  background:transparent;
}
#project-grid>.project[data-project="32"] .image-wrap img{
  mix-blend-mode:multiply;
  background:transparent;
}

.service-list h3 a:hover,.venture h2 a:hover{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

.featured-previews{grid-template-columns:repeat(5,minmax(0,1fr))}

/* Equal publication preview frames and blended mockup backgrounds. */
#project-grid>.project[data-project="21"] .image-wrap,
#project-grid>.project[data-project="25"] .image-wrap,
#project-grid>.project[data-project="20"] .image-wrap{
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  border-radius:16px;
  background:var(--paper);
  isolation:isolate;
}
#project-grid>.project[data-project="21"] .image-wrap img,
#project-grid>.project[data-project="25"] .image-wrap img,
#project-grid>.project[data-project="20"] .image-wrap img{
  width:100%;height:100%;aspect-ratio:auto;
  background:transparent;
  filter:brightness(1.2);
  mix-blend-mode:multiply;
}

/* Book portfolio mosaic inspired by the supplied staggered grid. */
#project-grid.books-layout{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:28px 14px;
  align-items:start;
}
#project-grid.books-layout>.project{grid-column:span var(--book-span,3)}
#project-grid.books-layout>.project .image-wrap{
  height:clamp(160px,20vw,280px);
  aspect-ratio:auto;
  border-radius:10px;
}
#project-grid.books-layout>.project .image-wrap img{
  object-fit:contain;
  object-position:center;
  background:transparent;
}
#project-grid.books-layout>.project h3{font-size:20px;line-height:1.2}
#project-grid.books-layout>.project p{font-size:12px;line-height:1.4}
#project-grid.books-layout>.project .project-caption{padding-top:10px;gap:5px}
#project-grid.books-layout>.project .arrow{font-size:21px}
@media(max-width:760px){
  #project-grid.books-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px}
  #project-grid.books-layout>.project{grid-column:span 2}
  #project-grid.books-layout>.project:nth-child(4n+1 of .project:not([hidden])){grid-column:span 4}
  #project-grid.books-layout>.project .image-wrap{height:240px}
}
@media(max-width:480px){
  #project-grid.books-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  #project-grid.books-layout>.project{grid-column:span 1}
  #project-grid.books-layout>.project:nth-child(4n+1 of .project:not([hidden])){grid-column:span 2}
  #project-grid.books-layout>.project .image-wrap{height:200px}
  #project-grid.books-layout>.project h3{font-size:18px}
}

/* Let all book previews sit on the page-colored surface. */
#project-grid>.project[data-filter="books"] .image-wrap{
  background:var(--paper);
  isolation:isolate;
}
#project-grid>.project[data-filter="books"] .image-wrap img{
  background:transparent;
  mix-blend-mode:multiply;
}

/* Company experience pages and clickable client logos. */
.company-list li>a{display:flex;width:100%;align-items:center;justify-content:center;min-height:60px}
.company-list li>a:hover{opacity:.75}
.company-main{min-width:0;padding:32px 0}
.company-header-logo{width:min(300px,70%);height:110px;object-fit:contain;object-position:left center;mix-blend-mode:multiply;margin-bottom:22px}
.company-main h1{font-size:clamp(32px,4vw,52px);margin:12px 0 20px}
.company-role{font-size:25px;line-height:1.25;letter-spacing:-.4px;margin-bottom:15px;color:var(--red)}
.company-description,.company-summary p{font-size:17px;line-height:1.65;color:var(--muted);max-width:850px}
.company-summary{margin:24px 0;padding:22px 0;border-block:1px solid var(--line)}
.company-summary h2,.company-projects>h2{font-size:29px;margin-bottom:14px}
.company-projects{margin:32px 0}
.company-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.company-projects .image-wrap{aspect-ratio:1;background:var(--paper)}
.company-projects .image-wrap img{height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
@media(max-width:620px){.company-projects .project-grid{grid-template-columns:1fr}.company-header-logo{height:90px}.company-description,.company-summary p{font-size:16px}}

.company-tenure{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 20px}

/* Center the PCI experience page content. */
.pci-page .company-main{text-align:center}
.pci-page .company-header-logo{margin-left:auto;margin-right:auto;object-position:center}
.pci-page .company-description,.pci-page .company-summary p{margin-left:auto;margin-right:auto}
.pci-page .company-projects .project-caption{justify-content:center;text-align:center}
.pci-page .company-projects .project-caption>div{flex:1}

/* Company-to-company browsing, exclusive to experience pages. */
.company-navigation{margin-top:30px;padding:28px 0;border-top:1px solid var(--line);text-align:center}
.company-navigation h2{font-size:28px;margin-bottom:20px;letter-spacing:-.5px}
nav.company-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin:0;border:0}
nav.company-links a{font-family:Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0;line-height:1.4;padding:10px 16px;border:1px solid var(--line);border-radius:8px}
nav.company-links a:hover{color:var(--red);border-color:var(--red)}

/* Consistent centered company introductions and logo navigation. */
.company-page .company-main{text-align:center}
.company-page .company-header-logo{margin-left:auto;margin-right:auto;object-position:center}
.company-page .company-description,.company-page .company-summary p{margin-left:auto;margin-right:auto}
.company-navigation{border-top:1px solid var(--line)}
nav.company-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;align-items:center}
nav.company-links a{border:0;border-radius:0;padding:12px;display:flex;align-items:center;justify-content:center;min-height:90px}
nav.company-links img{width:100%;max-width:140px;height:65px;object-fit:contain;mix-blend-mode:multiply}
nav.company-links a:hover{opacity:.7}
.aps-archives-feature{display:inline-flex;align-items:center;gap:18px;margin:25px auto;max-width:100%;color:var(--red);line-height:1.5}
.aps-archives-feature img{width:85px;height:85px;object-fit:contain;mix-blend-mode:multiply}

/* Fully justify the featured description on every slide. */
.featured .hero-description{
  width:100%;
  max-width:100%;
  text-align:justify;
  text-align-last:justify;
  text-justify:inter-word;
}

/* Full-width featured artwork with left-aligned descriptions. */
.featured .hero-image #hero-img{
  width:100%;
  object-fit:cover;
  object-position:center;
}
.featured .hero-description{
  text-align:left;
  text-align-last:auto;
}

/* Company-page artwork sits on the same surface as the page. */
.company-page .company-header-logo,
.company-page .company-projects .image-wrap,
.company-page .aps-archives-feature,
.company-page nav.company-links a{
  background:var(--paper);
}
.company-page .company-projects .image-wrap{isolation:isolate}
.company-page .company-projects .image-wrap img,
.company-page .company-header-logo,
.company-page .aps-archives-feature img,
.company-page nav.company-links img{
  background:transparent;
  mix-blend-mode:multiply;
}

nav.series-nav{flex-wrap:wrap}

/* Keep the updated folder cover preview fully visible. */
#project-grid>.project[data-project="19"] .image-wrap img,
#project-grid>.project[data-project="19"]:hover .image-wrap img{
  object-fit:contain;object-position:center;transform:none;
  background:transparent;mix-blend-mode:multiply;
}

#project-grid>.project[data-project="10"] .image-wrap img{object-fit:contain;object-position:center;background:transparent;mix-blend-mode:multiply}

#project-grid>.project[data-project="2"] .image-wrap img{object-fit:contain;object-position:center;background:transparent;mix-blend-mode:multiply}

#project-grid>.project[data-project="20"] .image-wrap img,#project-grid>.project[data-project="20"]:hover .image-wrap img{object-fit:contain;object-position:center;transform:none;filter:none;background:transparent;mix-blend-mode:multiply}

/* Updated athletics cover and aligned leading publication frames. */
#project-grid>.project[data-project="25"] .image-wrap img{
  object-fit:contain;object-position:center;filter:none;background:transparent;mix-blend-mode:multiply;
}
@media(min-width:761px){
  #project-grid>.project[data-project="1"] .image-wrap,
  #project-grid>.project[data-project="2"] .image-wrap{
    height:clamp(280px,38vw,560px);aspect-ratio:auto;
  }
}

#project-grid>.project[data-project="22"] .image-wrap img,#project-grid>.project[data-project="22"]:hover .image-wrap img{object-fit:contain;object-position:center;transform:none;background:transparent;mix-blend-mode:multiply}

#project-grid>.project[data-project="21"] .image-wrap img{object-fit:contain;object-position:center;filter:none;background:transparent;mix-blend-mode:multiply}

/* Keep transparent artwork on paper while preserving printed whites. */
.project-caption h3,.work-page .project h3,
#project-grid>.project h3,
#project-grid.books-layout>.project h3{
  font-size:19px;line-height:1.25;
}
#project-grid>.project[data-project="1"] h3,
#project-grid>.project[data-project="7"] h3,
#project-grid>.project[data-project="28"] h3,
#project-grid>.project[data-project="31"] h3{font-size:27px}
.company-page .company-projects .image-wrap{background:var(--paper)}
.company-page .company-projects .image-wrap img{
  background:transparent;mix-blend-mode:normal;
}
#project-dialog > #detail-img{
  background:var(--paper);
  mix-blend-mode:normal;
}
#project-grid>.project[data-project="19"] .image-wrap img,
#project-grid>.project[data-project="20"] .image-wrap img,
#project-grid>.project[data-project="21"] .image-wrap img{
  background:transparent;mix-blend-mode:normal;filter:none;
}

/* Complete cover previews, preserving white artwork and page-colored filler. */
#project-grid>.project[data-project="32"] .image-wrap img,
#project-grid>.project[data-project="34"] .image-wrap img{
  object-fit:contain;object-position:center;background:transparent;mix-blend-mode:normal;
}
.series-art:has(img[src*="cover-preview"]){width:100%;aspect-ratio:1;background:var(--paper)}
.series-art img[src*="cover-preview"]{width:100%;height:100%;object-fit:contain;object-position:center}

/* Superhero Joey supplied cover preview. */
#project-grid>.project[data-project="27"] .image-wrap img{object-fit:contain;object-position:center;background:transparent;mix-blend-mode:normal}

/* God’s World supplied cover preview. */
#project-grid>.project[data-project="26"] .image-wrap img{object-fit:contain;object-position:center;background:transparent;mix-blend-mode:normal}

/* Category-specific portfolio galleries. */
#project-grid[data-layout]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 26px;align-items:start}
#project-grid[data-layout]>.project,
#project-grid[data-layout].books-layout>.project:nth-child(n){grid-column:auto}
#project-grid[data-layout]>.project .image-wrap{height:auto;aspect-ratio:1.15;border-radius:0;background:var(--paper);padding:0}
#project-grid[data-layout]>.project .image-wrap img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;filter:none;transform:none}
#project-grid[data-layout]>.project h3{font-size:24px;line-height:1.15}
#project-grid[data-layout]>.project p{font-size:14px;line-height:1.4}
#project-grid[data-layout]>.project .project-caption{padding:13px 0 0;gap:12px}
#project-grid[data-layout="books"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}
#project-grid[data-layout="books"]>.project .image-wrap{aspect-ratio:3/4}
#project-grid[data-layout="books"]>.project h3{font-size:21px}
#project-grid[data-layout="publications"]>.project .image-wrap{aspect-ratio:1.35}
#project-grid[data-layout="branding"]>.project .image-wrap{aspect-ratio:1.2}
#project-grid[data-layout="marketing"]>.project .image-wrap{aspect-ratio:1.25}
@media(max-width:900px){#project-grid[data-layout="books"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 #project-grid[data-layout]{grid-template-columns:1fr;gap:34px}
 #project-grid[data-layout="books"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
 #project-grid[data-layout="books"]>.project h3{font-size:18px}
 #project-grid[data-layout="books"]>.project p{font-size:12px}
}

/* Editorial gallery: a full-width feature followed by two supporting pieces. */
#project-grid[data-layout],#project-grid[data-layout="books"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 26px}
#project-grid[data-layout]>.project.editorial-lead{grid-column:1/-1}
#project-grid[data-layout]>.project .image-wrap{aspect-ratio:1.2;height:auto}
#project-grid[data-layout]>.project.editorial-lead .image-wrap{aspect-ratio:1.8;max-height:620px}
#project-grid[data-layout="books"]>.project .image-wrap{aspect-ratio:1}
#project-grid[data-layout="books"]>.project.editorial-lead .image-wrap{aspect-ratio:1.8}
#project-grid[data-layout]>.project h3,
#project-grid[data-layout="books"]>.project h3,
#logo-grid>.project h3,
.company-projects .project h3{font-size:20px;line-height:1.2;letter-spacing:-.3px}
#project-grid[data-layout]>.project p{font-size:12px;line-height:1.35;letter-spacing:.3px}
#project-grid[data-layout]>.project .project-caption{padding-top:9px;gap:10px}
#project-grid[data-layout]>.project .arrow{font-size:22px}
@media(max-width:620px){
 #project-grid[data-layout],#project-grid[data-layout="books"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
 #project-grid[data-layout]>.project h3,#project-grid[data-layout="books"]>.project h3{font-size:17px}
 #project-grid[data-layout]>.project.editorial-lead .image-wrap{aspect-ratio:1.35}
 #project-grid[data-layout]>.project p{font-size:11px}
}

#project-grid[data-layout].books-layout>.project.editorial-lead:nth-child(n){grid-column:1/-1}

/* Compact three-column gallery with natural image proportions. */
#project-grid[data-layout],#project-grid[data-layout="books"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;align-items:start}
#project-grid[data-layout]>.project:nth-child(n),
#project-grid[data-layout].books-layout>.project:nth-child(n){grid-column:auto}
#project-grid[data-layout]>.project:nth-child(n) .image-wrap{height:auto;max-height:none;aspect-ratio:auto;overflow:visible}
#project-grid[data-layout]>.project:nth-child(n) .image-wrap img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none}
#project-grid[data-layout]>.project h3,#project-grid[data-layout="books"]>.project h3{font-size:19px;line-height:1.2}
@media(max-width:760px){#project-grid[data-layout],#project-grid[data-layout="books"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}}
@media(max-width:480px){#project-grid[data-layout],#project-grid[data-layout="books"]{grid-template-columns:1fr;gap:28px}}

/* Uniform square image spaces in the portfolio gallery. */
#project-grid[data-layout]>.project:nth-child(n) .image-wrap{aspect-ratio:1/1;height:auto;max-height:none;overflow:hidden}
#project-grid[data-layout]>.project:nth-child(n) .image-wrap img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}

#project-grid>.project[data-project="8"] .image-wrap img,.company-projects .project[data-project="8"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

/* White project presentation surface. */
#project-dialog,#project-dialog .dialog-copy,#project-dialog .close{background:#fff}
#project-dialog > #detail-img{background:#fff;mix-blend-mode:normal;filter:none}
#project-grid>.project[data-project="24"] .image-wrap img,.company-projects .project[data-project="24"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

#project-grid>.project[data-project="23"] .image-wrap img,.company-projects .project[data-project="23"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

#project-grid>.project[data-project="0"] .image-wrap img,.company-projects .project[data-project="0"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

#project-grid>.project[data-project="12"] .image-wrap img,.company-projects .project[data-project="12"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

#project-grid>.project[data-project="1"] .image-wrap img,.company-projects .project[data-project="1"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

#project-grid>.project[data-project="6"] .image-wrap img,.company-projects .project[data-project="6"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

#project-grid>.project[data-project="42"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

/* About section reading rhythm. */
#info-copy h3{font-size:25px;line-height:1.2;margin:30px 0 14px}
#info-copy .text-link{white-space:normal}

/* About Me portrait and white presentation surface. */
#info-dialog,#info-dialog .dialog-copy,#info-dialog .close{background:#fff}
#info-copy::after{content:"";display:block;clear:both}
#info-copy .about-portrait{float:right;width:34%;max-width:245px;height:auto;aspect-ratio:auto;margin:0 0 24px 28px;object-fit:contain}
@media(max-width:620px){#info-copy .about-portrait{float:none;width:65%;max-width:230px;margin:0 auto 25px}}

/* Dedicated About and Services pages. */
.content-page{min-width:0;padding:36px 0 50px}
.about-page .content-page{background:#fff;padding:36px;line-height:1.7}
.about-page .content-page::after{content:"";display:block;clear:both}
.about-page .about-portrait{float:right;width:34%;max-width:260px;height:auto;margin:0 0 25px 30px}
.about-page .content-page h1{margin:14px 0 25px}
.about-page .content-page p:not(.eyebrow){color:var(--muted);margin-bottom:22px}
.about-page .content-page h3{font-size:27px;line-height:1.2;margin:30px 0 15px}
.services-page .home-services{display:block;margin:0;padding:0;border:0}
.services-page .home-services>div:first-child{margin-bottom:35px}
.services-page .service-list{display:grid;grid-template-columns:1fr 1fr;gap:30px 22px}
.services-page .service-list article{display:block}
.services-page .service-preview{display:block;width:100%;margin-bottom:15px}
.services-page .service-preview img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:620px){.about-page .content-page{padding:25px 20px}.about-page .about-portrait{float:none;width:70%;margin:0 auto 25px}.services-page .service-list{grid-template-columns:1fr}.content-page .text-link{white-space:normal}}

/* Services guide, matched to the portfolio palette and typography. */
.about-page .content-page{background:var(--paper)}
.services-guide section{margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}
.services-guide h2{font-size:32px;margin:10px 0 22px}
.services-intro h1{margin:14px 0 20px}
.services-intro>p:not(.eyebrow){max-width:740px;color:var(--muted);line-height:1.65;font-size:18px}
.services-intro .services-subtitle{font-weight:600;color:var(--red);margin-bottom:14px}
.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.support-card{padding:24px 20px;background:#f0e9e1;display:flex;flex-direction:column;align-items:start}
.services-guide h3{font-size:23px;line-height:1.2;margin-bottom:14px}
.support-card p,.support-card li,.package-card p,.service-process li p{font-size:15px;line-height:1.55;color:var(--muted)}
.support-card ul{padding-left:18px;margin:18px 0 25px}
.support-card .text-link{margin-top:auto;font-size:10px;letter-spacing:1.3px;white-space:normal}
.support-card .service-rate{font-family:Palatino,serif;font-size:40px;color:var(--red)}
.service-rate span{font-size:18px;color:var(--muted)}
.pricing-note{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:24px}
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.package-card{border:1px solid var(--line);background:#fff;overflow:hidden}
.package-card>img,.package-type{width:100%;height:220px;object-fit:contain;background:#fff}
.package-type{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#eee5dc;font-family:Palatino,serif;font-size:32px;color:var(--red);text-align:center}
.package-type span{font:14px Arial,sans-serif;color:var(--muted);margin-top:12px}
.package-copy{padding:21px}
.package-card h3{font-size:22px}
.package-card .package-price{color:var(--red);font-weight:600;margin-top:16px}
.package-card .package-note{font-size:13px}
.service-process ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px;padding-left:24px;margin:24px 0 32px}
.service-process li{padding-left:8px}
.service-process li::marker{color:var(--red);font-weight:bold}
.service-process h3{font-size:22px;margin-bottom:8px}
@media(max-width:900px){.support-grid{grid-template-columns:1fr}.support-card{padding:24px}.package-card>img,.package-type{height:190px}}
@media(max-width:620px){.package-grid,.service-process ol{grid-template-columns:1fr}.services-guide h2{font-size:28px}.services-intro>p:not(.eyebrow){font-size:16px}}

/* Clear actions for hourly support and project packages. */
.service-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--red);color:#fff;border:1px solid var(--red);border-radius:8px;padding:12px 18px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;line-height:1.3;text-align:center;margin-top:20px}
.service-button:hover{background:#710921;border-color:#710921}
.support-card .service-button{margin-top:auto}
.package-copy .service-button{width:100%}

#project-grid>.project[data-project="44"] .image-wrap img,.company-projects .project[data-project="44"] .image-wrap img{mix-blend-mode:normal;filter:none;background:transparent}

/* Book gallery: three aligned cards per desktop row. */
#project-grid[data-layout="books"]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:30px 20px}
#project-grid[data-layout="books"]>.project:nth-child(n){display:flex;flex-direction:column;height:100%;grid-column:auto}
#project-grid[data-layout="books"]>.project:nth-child(n) .image-wrap{width:100%;aspect-ratio:1;height:auto;flex-shrink:0;overflow:hidden}
#project-grid[data-layout="books"]>.project:nth-child(n) .image-wrap img{width:100%;height:100%;object-fit:contain;object-position:center}
#project-grid[data-layout="books"]>.project .project-caption{flex:1;align-items:flex-start;width:100%}
#project-grid[data-layout="books"]>.project .project-caption>div{display:flex;flex-direction:column;height:100%}
#project-grid[data-layout="books"]>.project h3{min-height:2.4em;font-size:19px;line-height:1.2}
#project-grid[data-layout="books"]>.project p{margin-top:5px}
@media(max-width:760px){#project-grid[data-layout="books"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#project-grid[data-layout="books"]{grid-template-columns:1fr}}

/* Keep the book gallery in three equal columns at desktop widths. */
@media(min-width:621px){#project-grid[data-layout="books"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
#project-grid[data-layout="books"]>.project:nth-child(n){min-width:0;grid-column:auto;grid-row:auto}

/* Books: featured project and compact, aligned collection shelves. */
.viewing-books .work-heading>h2{display:none}
.viewing-books .work{border-top:0;padding-top:0;margin-top:20px}
.viewing-books .filters{margin-bottom:4px}
.book-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;margin:18px 0 30px}
.book-feature-art{display:block;width:100%;background:var(--paper)}
.book-feature-art img{width:100%;height:320px;object-fit:contain;mix-blend-mode:normal}
.book-feature-copy h2{font-size:34px;line-height:1.08;letter-spacing:-1px;margin:10px 0}
.book-feature-copy>p:not(.eyebrow){font-size:15px;line-height:1.55;color:var(--muted);margin-top:12px}
.book-feature-copy .book-feature-category{font-size:14px}
.book-feature-copy .service-button{margin-top:20px;text-transform:none;letter-spacing:0;font-size:14px;border-radius:25px}
.book-collection{margin-top:28px}
.book-collection-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.book-collection-heading h2{font-size:27px;line-height:1.15;letter-spacing:-.7px;flex-shrink:0}
.collection-rule{height:1px;background:var(--red);opacity:.35;flex:1}
.collection-count{font-size:11px;color:var(--red);white-space:nowrap}
.book-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 17px;align-items:stretch}
.book-card{display:flex;flex-direction:column;text-align:left;min-width:0;width:100%;height:100%}
.book-cover-space{height:145px;width:100%;display:flex;align-items:center;justify-content:center}
.book-cover-space img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal}
.book-card-caption{display:flex;align-items:start;justify-content:space-between;gap:6px;width:100%;margin-top:9px}
.book-card h3{font-size:15px;line-height:1.2;letter-spacing:-.2px;min-height:2.4em}
.book-card p{font-size:11px;line-height:1.35;color:var(--muted);margin-top:5px}
.book-card-caption>span{color:var(--red);font-size:21px;line-height:1}
.wide-collection .book-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wide-collection .book-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.wide-collection .book-cover-space{height:125px}
.wide-collection .book-card-caption{margin:0}
.wide-collection .book-card h3{min-height:0}
@media(max-width:1100px){.book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.wide-collection .book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.book-feature-copy h2{font-size:29px}.book-cover-space{height:170px}}
@media(max-width:760px){.book-feature{grid-template-columns:1fr}.book-feature-art img{height:280px}.book-feature-copy h2{font-size:30px}.book-collection-heading{gap:10px}.book-collection-heading h2{font-size:23px}.collection-count{display:none}.wide-collection .book-shelf{grid-template-columns:1fr}}
@media(max-width:480px){.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.book-cover-space{height:165px}}

/* Consistent collection styling for all portfolio categories and clients. */
.company-projects .company-collections{text-align:left}
.company-collections .book-feature{margin-top:0}
.company-collections .book-feature-copy h2{font-size:32px;text-align:left}
.company-collections .book-collection-heading h2{font-size:27px;margin:0;text-align:left}
.company-collections .book-feature-copy p{max-width:none;text-align:left}
.book-collections .wide-collection .book-cover-space{height:145px}
.book-collections .wide-collection .book-card{grid-template-columns:1.15fr 1fr}
@media(max-width:760px){.book-collection-heading h2{flex-shrink:1}.company-collections .book-feature-copy h2{font-size:29px}}

/* Align featured artwork with the heading and bottom action. */
.book-feature{align-items:stretch}
.book-feature-art{display:flex;align-items:center;justify-content:center;min-height:320px}
.book-feature-art img{height:100%;min-height:320px;max-height:440px;object-fit:contain}
.book-feature-copy{display:flex;flex-direction:column;align-items:flex-start;padding:0}
.book-feature-copy>.eyebrow{margin-top:0}
.book-feature-copy .service-button{margin-top:auto;align-self:flex-start}
.book-feature-copy>p:last-of-type{margin-bottom:22px}
@media(max-width:760px){.book-feature-art{min-height:0}.book-feature-art img{height:280px;min-height:0}.book-feature-copy .service-button{margin-top:20px}}

/* Match the featured image edges to the full text-and-button column. */
@media(min-width:761px){
 .book-feature{align-items:stretch}
 .book-feature-art{position:relative;min-height:320px;overflow:hidden}
 .book-feature-art img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center}
 .book-feature-copy{min-height:320px}
 .book-feature-copy .service-button{margin-bottom:0}
}

/* All Projects is a single compact overview, without repeated section headings. */
#project-grid[data-layout="all"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;align-items:start}
#project-grid[data-layout="all"]>.project:nth-child(n){grid-column:auto;min-width:0}
#project-grid[data-layout="all"]>.project:nth-child(n) .image-wrap{aspect-ratio:1;height:auto;padding:0;background:var(--paper)}
#project-grid[data-layout="all"]>.project:nth-child(n) .image-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:none}
#project-grid[data-layout="all"]>.project h3{font-size:18px;line-height:1.2}
@media(max-width:760px){#project-grid[data-layout="all"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#project-grid[data-layout="all"]{grid-template-columns:1fr}}

.home-case-studies,.inquiry-banner{border-top:1px solid var(--line);padding:35px 0;margin-top:35px}
.home-case-studies>h2{font-size:38px;margin:12px 0 25px}
.case-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.case-preview img{height:220px;object-fit:contain}
.case-preview h3{font-size:24px;margin:15px 0 10px}
.case-preview p,.inquiry-banner p{font-size:16px;line-height:1.5;color:var(--muted);margin:10px 0 18px}
.case-preview .text-link{font-size:11px;letter-spacing:1px}
.inquiry-banner h2{font-size:34px}
.case-lead{font-size:21px;line-height:1.5;color:var(--muted);margin:22px 0 28px}
.case-art{width:100%;height:auto;object-fit:contain;background:white;margin-bottom:30px}
.case-copy{max-width:760px}
.case-copy h2,.case-copy h3,.inquiry-next h2{font-size:28px;margin:30px 0 15px;letter-spacing:-.5px}
.case-copy p,.case-copy li,.inquiry-next p{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:18px}
.case-back{display:block;color:var(--red);margin-top:25px}
#project-inquiry-form{display:grid;gap:20px;max-width:720px}
#project-inquiry-form label{display:grid;gap:9px;font-size:16px}
#project-inquiry-form input,#project-inquiry-form select,#project-inquiry-form textarea{width:100%;font:16px Arial,sans-serif;padding:13px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink)}
#project-inquiry-form .service-button{justify-self:start;margin-top:0}
.form-note{font-size:13px;line-height:1.5;color:var(--muted)}
.services-brief-link{margin-top:20px}
@media(max-width:760px){.case-preview-grid{grid-template-columns:1fr}.case-preview img{height:250px}.case-lead{font-size:18px}}

/* Client reviews, attributed to their original project context. */
.client-testimonials{padding:35px 0;margin-top:35px;border-top:1px solid var(--line)}
.client-testimonials>h2{font-size:36px;line-height:1.15;margin:12px 0 25px}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.testimonial-grid figure{margin:0;padding:25px;background:#f0e9e1;border-left:2px solid var(--red)}
.testimonial-grid blockquote{margin:0 0 20px}
.testimonial-grid blockquote p{font-family:Palatino,Georgia,serif;font-size:22px;line-height:1.5;color:var(--ink)}
.testimonial-grid figcaption{font-size:13px;line-height:1.5;color:var(--muted)}
.review-rating{display:block;margin-top:7px;color:var(--red);font-size:12px}
.testimonial-source{font-size:12px;color:var(--muted);margin-top:18px}
.testimonial-source a{text-decoration:underline;color:var(--red)}
@media(max-width:760px){.testimonial-grid{grid-template-columns:1fr}.client-testimonials>h2{font-size:30px}}

/* A curated starting point for the portfolio collections. */
.overview-collection:first-child{margin-top:18px}
.collection-more{font-size:12px;line-height:1.4;color:var(--red);text-align:right;flex-shrink:0}
.collection-more:hover{text-decoration:underline}
.overview-collection .book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-collection.wide-collection .book-card{display:flex;flex-direction:column;align-items:stretch;gap:0}
.overview-collection.wide-collection .book-cover-space{height:190px}
.overview-collection.wide-collection .book-card-caption{margin-top:12px}
@media(max-width:760px){.overview-collection .book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.book-collection-heading:has(.collection-more){flex-wrap:wrap}.collection-more{font-size:11px}}
@media(max-width:480px){.overview-collection .book-shelf{grid-template-columns:1fr}.overview-collection.wide-collection .book-cover-space{height:230px}}

/* Design Notes: practical articles in the portfolio’s editorial style. */
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}
.note-card{border-top:1px solid var(--line);padding-top:20px}
.note-card img{height:220px;object-fit:contain;margin-bottom:20px}
.note-card h2{font-size:29px;line-height:1.15;letter-spacing:-.6px;margin:12px 0 15px}
.note-card p:not(.eyebrow){font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:20px}
.note-card .text-link{font-size:11px;letter-spacing:1.3px}
.notes-back{display:block;color:var(--red);font-size:13px;margin-bottom:28px}
.design-note h1{max-width:850px;font-size:clamp(32px,4vw,52px)}
.note-byline{font-size:13px;color:var(--muted);margin-top:15px}
.note-image{width:100%;height:300px;object-fit:contain;margin:25px 0 35px}
.note-body{max-width:740px}
.note-body section{margin-bottom:30px}
.note-body h2,.notes-cta h2{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin-bottom:15px}
.note-body p,.notes-cta p{font-size:17px;line-height:1.75;color:var(--muted)}
.note-related{white-space:normal;font-size:12px;letter-spacing:1px;margin-top:10px}
.notes-cta{border-top:1px solid var(--line);margin-top:40px;padding-top:30px}
.notes-services{display:block;color:var(--red);font-size:14px;margin-top:18px}
.home-design-notes{border-top:1px solid var(--line);padding:35px 0;margin-top:35px}
.home-design-notes h2{font-size:34px;margin:12px 0 18px}
.home-design-notes>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin-bottom:20px}
@media(max-width:760px){.notes-grid{grid-template-columns:1fr}}
@media(max-width:620px){nav{flex-wrap:wrap;gap:0 15px;justify-content:flex-start}.note-image{height:240px}.note-body p{font-size:16px}}

.illustration-example{margin:28px 0 35px;background:#fff}
.illustration-example img{width:100%;height:auto;object-fit:contain}
.illustration-example figcaption{padding:12px 15px;font-size:13px;line-height:1.5;color:var(--muted)}

.design-note .brochure-note-image{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;object-position:center}

.design-note .cover-interior-full{width:100%;height:auto;aspect-ratio:auto;object-fit:cover;margin:25px 0 35px}
.activity-showcase>h2{font-size:28px;margin:30px 0 22px;letter-spacing:-.5px}
.activity-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:35px}
.activity-examples figure{margin:0;padding:15px;background:#fff;border:1px solid var(--line)}
.activity-examples img{width:100%;height:310px;object-fit:contain}
.activity-examples figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:12px}
@media(max-width:620px){.activity-examples{grid-template-columns:1fr}}

.rotation-toggle{font-size:11px;color:var(--red);text-decoration:underline;text-underline-offset:3px;padding:8px 0;white-space:nowrap}
.hero-bottom:has(.rotation-toggle){flex-wrap:wrap}

/* Rounded Worlds To Discover venture panel. */
.venture{border-radius:20px;overflow:hidden}

/* Homepage redesign: warm ivory, burgundy accents, and an editorial layout. */
body.home-redesign{max-width:1600px;padding:0 2.6%;background:#ffffff}
.home-redesign .opening{grid-template-columns:190px minmax(0,1fr);gap:30px}
.home-redesign aside{padding:32px 24px 30px 0;border-right:1px solid #e5ded4}
.home-redesign .wordmark{font-size:28px;letter-spacing:-1px;line-height:1.05}
.home-redesign .profession{font-size:11px;letter-spacing:2.3px}
.home-redesign nav a{font-size:21px;padding:10px 0}
.home-redesign nav a[href="index.html"]{color:var(--red)}
.home-redesign nav span{font-size:11px}
.home-redesign .intro{font-size:12px;line-height:1.5;margin-top:25px}
.home-redesign .email{font-size:10px;gap:8px;padding:10px 12px}
.new-home-main{min-width:0}
.home-introduction{position:relative;min-height:370px;overflow:hidden;margin-right:-3vw;display:flex;align-items:center}
.home-intro-art{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:center}
.home-introduction:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff 0%,#ffffff 30%,rgba(251,248,241,.92) 38%,rgba(251,248,241,0) 60%);pointer-events:none}
.home-intro-copy{position:relative;z-index:1;width:49%;padding:30px 0}
.home-intro-copy .eyebrow{font-size:10px;letter-spacing:1.7px;white-space:nowrap}
.home-intro-copy h1{font-size:clamp(31px,3vw,46px);line-height:1.02;letter-spacing:-1.5px;margin:15px 0}
.home-intro-copy>p:not(.eyebrow){font-size:16px;line-height:1.4;max-width:370px;color:var(--muted)}
.home-intro-actions{display:flex;gap:14px;flex-wrap:wrap}
.home-redesign .service-button{font-size:10px;letter-spacing:1.1px;border-radius:6px;padding:12px 20px}
.home-redesign .outline-button{color:var(--red);background:transparent}
.home-redesign .outline-button:hover{background:#f1e8df}
.home-featured{display:grid;grid-template-columns:.8fr 1.7fr;gap:24px;align-items:stretch;padding:14px 0 0;margin:0 0 25px}
.home-featured-copy{display:flex;flex-direction:column;padding:10px 0 12px}
.home-featured .eyebrow{font-size:11px;letter-spacing:2px}
.home-featured h2{font-size:34px;line-height:1.1;letter-spacing:-1px;margin:20px 0 15px}
.home-feature-category{display:none}
.home-featured .hero-description{font-size:15px;line-height:1.4;max-width:100%}
.home-featured .hero-image{border-radius:7px;min-height:310px}
.home-featured .hero-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transform:none}
.home-featured .hero-bottom{margin-top:auto;padding-top:20px;gap:10px;flex-wrap:wrap}
.home-featured .hero-bottom .service-button{margin:0}
.home-featured .carousel{margin-left:0;gap:6px}
.home-featured .carousel button{width:27px;height:27px;font-size:16px}
.home-featured .carousel span{font-size:10px}
.home-featured .rotation-toggle{font-size:10px}
.home-offerings{padding:25px 0;border-top:1px solid var(--line)}
.home-offerings>h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:12px 0 22px}
.home-offering-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 30px}
.home-offering-grid article{display:grid;grid-template-columns:38% 1fr;gap:17px;align-items:start}
.offering-image img{width:100%;height:130px;object-fit:cover;border-radius:7px}
.home-offering-grid h3{font-size:23px;line-height:1.1;margin:0 0 10px;letter-spacing:-.5px}
.home-offering-grid p{font-size:14px;line-height:1.4;color:var(--muted);margin-bottom:12px}
.home-offering-grid .text-link{font-size:10px;letter-spacing:1.2px}
.home-redesign .venture{grid-template-columns:1fr 1fr;background:#eee8df;margin:15px 0 24px;border-radius:18px;align-items:stretch}
.home-redesign .venture-art img{height:100%;min-height:260px;object-fit:cover}
.home-redesign .venture>div{padding:22px 26px}
.home-redesign .venture .eyebrow{font-size:10px;letter-spacing:1.8px}
.home-redesign .venture-brand-logo{width:95px;height:48px;object-fit:contain;object-position:left;margin:10px 0}
.home-redesign .venture h2{font-size:32px;letter-spacing:-1px;margin-bottom:5px}
.home-redesign .venture p:not(.eyebrow){font-size:14px;line-height:1.4}
.home-redesign .venture .service-button{margin-top:10px}
.home-redesign .companies{padding:22px 0;border-top:1px solid var(--line);margin:0}
.home-redesign .companies>h2{font-size:27px;text-align:left;margin:8px 0 18px;letter-spacing:-.7px}
.home-redesign .companies>.eyebrow{text-align:left;font-size:10px}
.home-redesign .company-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
.home-redesign .company-list li{border-right:1px solid var(--line);padding:0 10px}
.home-redesign .company-list li:last-child{border-right:0}
.home-redesign .company-list img{width:100%;height:47px;object-fit:contain}
.home-redesign .client-testimonials{display:grid;grid-template-columns:.65fr 1.7fr;gap:0 25px;padding:22px 0;margin:0}
.home-redesign .client-testimonials>.eyebrow{grid-column:1;font-size:10px}
.home-redesign .client-testimonials>h2{grid-column:1;font-size:27px;margin:8px 0 0;letter-spacing:-.8px}
.home-redesign .testimonial-grid{grid-column:2;grid-row:1/3;gap:18px}
.home-redesign .testimonial-grid figure{padding:15px;background:#f0eae2;border-radius:0 6px 6px 0}
.home-redesign .testimonial-grid blockquote p{font-size:17px;line-height:1.25}
.home-redesign .testimonial-grid blockquote{margin-bottom:12px}
.home-redesign .testimonial-grid figcaption{font-size:11px;line-height:1.35}
.home-notes-preview{display:grid;grid-template-columns:.85fr 1.4fr;gap:30px;padding:25px 0 35px;border-top:1px solid var(--line)}
.home-notes-preview h2{font-size:27px;line-height:1.15;margin:10px 0;letter-spacing:-.7px}
.home-notes-preview p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.4;margin-bottom:18px}
.home-notes-preview .eyebrow{font-size:10px}
.home-notes-preview .text-link{font-size:10px}
.home-note-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-note-links img{height:85px;object-fit:cover;border-radius:5px}
.home-note-links h3{font-size:17px;line-height:1.2;margin-top:10px;letter-spacing:-.2px}
.home-redesign .home-inquiry-footer{margin:0 -2.75%;padding:35px max(4%,30px) 35px calc(220px + 2.6%);background:#3f5b8c;color:#fff;border:0;display:flex;align-items:center;justify-content:space-between}
.home-inquiry-footer h2{font-size:30px;letter-spacing:-.7px}
.home-redesign .home-inquiry-footer p{color:#fff;font-size:14px;line-height:1.4;margin-top:10px}
.home-redesign .home-inquiry-footer .service-button{background:#ffffff;color:var(--red);white-space:nowrap;margin:0}
@media(max-width:1100px){.home-redesign .opening{grid-template-columns:165px minmax(0,1fr);gap:24px}.home-redesign .wordmark{font-size:24px}.home-intro-copy{width:60%}.home-intro-copy .eyebrow{white-space:normal}.home-featured{grid-template-columns:1fr 1.45fr}.home-offering-grid article{grid-template-columns:1fr}.offering-image img{height:150px}.home-redesign .home-inquiry-footer{padding-left:30px}.home-redesign .client-testimonials{display:block}.home-redesign .testimonial-grid{margin-top:20px}}
@media(max-width:760px){.home-redesign .opening{display:block}.home-redesign aside{border:0;padding:24px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.home-redesign aside .intro,.home-redesign aside .email,.home-redesign aside .short-rule{display:none}.home-redesign nav{width:100%;display:flex;flex-wrap:wrap;gap:0 17px;margin-top:20px}.home-redesign nav a{font-size:17px;border:0}.home-redesign nav span{display:none}.home-introduction{margin-right:0;min-height:350px}.home-intro-copy{width:65%}.home-intro-copy h1{font-size:34px}.home-intro-copy>p:not(.eyebrow){font-size:14px}.home-featured{grid-template-columns:1fr}.home-featured .hero-image{min-height:0;grid-row:1}.home-featured .hero-image img{height:auto;aspect-ratio:1.8}.home-featured h2{margin:15px 0}.home-redesign .venture{grid-template-columns:1fr}.home-notes-preview{grid-template-columns:1fr}.home-redesign .home-inquiry-footer{flex-direction:column;align-items:start;gap:22px}}
@media(max-width:480px){.home-introduction{display:block}.home-intro-art{position:relative;width:100%;height:220px}.home-introduction:after{display:none}.home-intro-copy{width:100%;padding:20px 0}.home-intro-copy h1{font-size:35px}.home-offering-grid{grid-template-columns:1fr}.home-offering-grid article{grid-template-columns:38% 1fr}.home-redesign .company-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 0}.home-redesign .testimonial-grid{grid-template-columns:1fr}.home-note-links{gap:12px}.home-note-links h3{font-size:15px}.home-note-links img{height:70px}}

/* Fixed featured-slide dimensions, independent of image or copy length. */
.home-redesign .home-featured{grid-template-rows:360px}
.home-redesign .home-featured .hero-image{height:360px;min-height:0;overflow:hidden}
.home-redesign .home-featured .hero-image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.home-redesign .home-featured-copy{min-height:0}
@media(max-width:1100px) and (min-width:761px){.home-redesign .home-featured{grid-template-rows:400px}.home-redesign .home-featured .hero-image{height:400px}}
@media(max-width:760px){.home-redesign .home-featured{grid-template-rows:auto auto}.home-redesign .home-featured .hero-image{height:auto;aspect-ratio:1.8}.home-redesign .home-featured .hero-image img{height:100%;aspect-ratio:auto}.home-redesign .home-featured-copy{min-height:310px}}

/* My Work showcase: ivory editorial gallery with a featured introduction. */
body.work-showcase{max-width:1500px;padding:0 3%;background:#ffffff}
.work-showcase .opening{grid-template-columns:180px minmax(0,1fr);gap:34px}
.work-showcase aside{padding:32px 25px 25px 0}
.work-showcase .wordmark{font-size:28px;line-height:1.05;letter-spacing:-1px}
.work-showcase .profession{font-size:11px;letter-spacing:2.2px}
.work-showcase nav a{font-size:21px;padding:10px 0}
.work-showcase nav a[href="work.html"]{color:var(--red)}
.work-showcase nav span{font-size:11px}
.work-showcase .intro{font-size:12px;line-height:1.5;margin-top:25px}
.work-showcase .email{font-size:10px;gap:8px;padding:11px 12px}
.work-showcase .portfolio-main{padding-top:30px}
.work-showcase .portfolio-main>h1{font-size:48px;margin:12px 0 15px;letter-spacing:-1.5px}
.work-showcase .portfolio-intro{font-family:Palatino,Georgia,serif;font-size:20px;line-height:1.4;color:var(--muted);max-width:900px}
.work-showcase .work{margin-top:20px;padding-top:0;border-top:0}
.work-showcase .work-heading{margin-bottom:22px}
.work-showcase .filters{gap:10px;width:100%}
.work-showcase .filters button{font-size:13px;padding:8px 19px}
.overview-feature-heading{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:17px}
.overview-feature-heading h2{font-size:30px;letter-spacing:-.7px;white-space:nowrap}
.overview-feature-heading span{height:1px;background:var(--red);opacity:.4;flex:1}
.work-showcase .book-feature{grid-template-columns:2.6fr 1fr;gap:25px;min-height:340px;margin:0 0 28px}
.work-showcase .book-feature-art{min-height:340px;border-radius:7px}
.work-showcase .book-feature-copy{padding:10px 0}
.work-showcase .book-feature-copy>.eyebrow{font-size:10px;letter-spacing:1.8px}
.work-showcase .book-feature-copy h2{font-size:29px;margin:12px 0}
.work-showcase .book-feature-copy .book-feature-category{display:none}
.work-showcase .book-feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.45}
.work-showcase .book-feature-copy .service-button{background:transparent;border:0;border-radius:0;color:var(--red);padding:12px 0;font-size:11px;letter-spacing:1.6px;text-transform:uppercase}
.work-showcase .overview-collection{margin-top:25px}
.work-showcase .book-collection-heading{margin-bottom:15px;gap:18px}
.work-showcase .book-collection-heading h2{font-size:29px;letter-spacing:-.8px}
.work-showcase .collection-more{font-size:12px}
.work-showcase .overview-collection .book-shelf{gap:20px}
.work-showcase .overview-collection.wide-collection .book-cover-space{height:180px;background:#eee6db;border-radius:6px;overflow:hidden}
.work-showcase .overview-collection .book-cover-space img{width:100%;height:100%;object-fit:contain}
.work-showcase .overview-collection .book-card-caption{margin-top:9px}
.work-showcase .overview-collection .book-card h3{font-size:17px;line-height:1.18;min-height:0;letter-spacing:-.3px}
.work-showcase .overview-collection .book-card p{font:12px/1.4 Arial,sans-serif;margin-top:6px}
.work-showcase .overview-collection .book-card-caption>span{font-size:24px}
@media(max-width:1000px){.work-showcase .opening{grid-template-columns:155px minmax(0,1fr);gap:25px}.work-showcase .wordmark{font-size:24px}.work-showcase .book-feature{grid-template-columns:1.7fr 1fr}.work-showcase .overview-collection.wide-collection .book-cover-space{height:155px}.work-showcase .book-collection-heading h2{font-size:25px}}
@media(max-width:760px){.work-showcase .opening{display:block}.work-showcase aside{border:0;padding:24px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.work-showcase aside .intro,.work-showcase aside .short-rule,.work-showcase aside .email{display:none}.work-showcase nav{width:100%;display:flex;flex-wrap:wrap;gap:0 18px;margin-top:20px}.work-showcase nav a{border:0;font-size:17px}.work-showcase nav span{display:none}.work-showcase .book-feature{grid-template-columns:1fr}.work-showcase .book-feature-art{min-height:0;aspect-ratio:1.8}.work-showcase .book-feature-art img{height:100%;min-height:0}.work-showcase .book-feature-copy{min-height:0}.work-showcase .book-feature-copy .service-button{margin-top:8px}.work-showcase .overview-collection .book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.work-showcase .portfolio-main>h1{font-size:40px}.work-showcase .overview-collection .book-card h3{font-size:15px}.work-showcase .collection-more{font-size:10px}}
@media(max-width:480px){.work-showcase .overview-collection .book-shelf{grid-template-columns:1fr}.work-showcase .overview-collection.wide-collection .book-cover-space{height:210px}.work-showcase .book-collection-heading{flex-wrap:wrap}.work-showcase .book-collection-heading h2{font-size:25px}.work-showcase .portfolio-intro{font-size:18px}}

/* Homepage carousel preserves the full proportions of each supplied image. */
.home-redesign .home-featured{grid-template-rows:auto;align-items:start}
.home-redesign .home-featured .hero-image{height:auto;min-height:0;aspect-ratio:auto;overflow:hidden;align-self:start}
.home-redesign .home-featured .hero-image img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none}
.home-redesign .home-featured-copy{min-height:0}

/* Show full artwork in project features and homepage previews. */
.work-showcase .book-feature-art img,.book-feature-art img{object-fit:contain}
.home-redesign .venture-art{display:flex;align-items:center;justify-content:center;background:#eee8df}
.home-redesign .venture-art img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
.home-redesign .offering-image{display:block;width:100%}
.home-redesign .offering-image img{display:block;width:100%;height:210px;object-fit:contain;object-position:center;border-radius:7px}
@media(max-width:480px){.home-redesign .home-offering-grid article{grid-template-columns:1fr}.home-redesign .offering-image img{height:240px}}

/* Shared project inquiry footer on every page. */
body .site-inquiry-footer{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100vw;max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:30px 0 0;padding:32px max(4vw,24px);background:#3f5b8c;color:#fff;border:0}
body .site-inquiry-footer>div{padding-left:clamp(0px,14vw,210px)}
body .site-inquiry-footer h2{font-family:Palatino,Georgia,serif;font-size:29px;line-height:1.15;letter-spacing:-.7px;color:#fff}
body .site-inquiry-footer p{font-size:14px;line-height:1.5;color:#fff;margin-top:8px;letter-spacing:0}
body .site-inquiry-footer .service-button{background:#ffffff;color:#3f5b8c;border:1px solid #ffffff;border-radius:6px;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;padding:15px 23px;white-space:nowrap;margin:0;flex-shrink:0}
body .site-inquiry-footer .service-button:hover{background:#eee5d9;border-color:#eee5d9}
@media(max-width:900px){body .site-inquiry-footer>div{padding-left:0}}
@media(max-width:620px){body .site-inquiry-footer{flex-direction:column;align-items:flex-start;padding:28px 6vw;gap:20px}body .site-inquiry-footer h2{font-size:26px}}

/* Full portfolio collage in the homepage introduction. */
.home-redesign .home-intro-art{object-fit:contain;object-position:right center}
@media(max-width:480px){.home-redesign .home-intro-art{height:auto;object-fit:contain}}

.home-redesign .company-list{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:480px){.home-redesign .company-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Brand logos open complete brand collections. */
.brand-collection .book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-collection.wide-collection .book-card{display:flex;flex-direction:column;align-items:stretch;gap:0}
.brand-collection.wide-collection .book-cover-space{height:210px;overflow:hidden;background:#eee6db;border-radius:6px}
.brand-collection .book-cover-space img{object-fit:contain;transform:none}
.brand-collection .book-card-caption{margin-top:12px!important}
.brand-piece{margin:30px 0}
.brand-piece img{width:100%;height:auto;object-fit:contain;background:white}
.brand-piece figcaption{font-family:Palatino,Georgia,serif;font-size:24px;margin-top:13px}
#project-dialog:has(.brand-piece)>#detail-img{height:240px;width:100%;object-fit:contain}
/* Enlarge the selected overview artwork inside its existing frame. */
.overview-collection .book-card[data-project="1"] .book-cover-space img{transform:scale(1.4)}
.overview-collection .book-card[data-project="8"] .book-cover-space img,
.overview-collection .book-card[data-project="10"] .book-cover-space img,
.overview-collection .book-card[data-project="44"] .book-cover-space img,
.overview-collection .book-card[data-project="36"] .book-cover-space img{transform:scale(1.3)}
@media(max-width:620px){.brand-collection .book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.brand-collection .book-shelf{grid-template-columns:1fr}}

/* Keep complete brand marks visible against the portfolio paper. */
.work-showcase .brand-collection .book-cover-space{background:#ffffff;padding:20px;box-sizing:border-box}
.work-showcase .brand-collection .book-cover-space img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;mix-blend-mode:multiply}

/* Sweet Bake identity guide and uncropped social media designs. */
.sweet-bake-brand-sheet,.sweet-bake-social{margin:36px 0}
.sweet-bake-brand-sheet h2,.sweet-bake-social h2{font-size:30px;margin-bottom:16px}
.sweet-bake-brand-sheet>img{display:block;width:100%;height:auto}
.sweet-bake-social>p{margin-bottom:20px}
.sweet-bake-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sweet-bake-social-grid figure{margin:0;min-width:0}
.sweet-bake-social-grid img{display:block;width:100%;height:auto;object-fit:contain;border-radius:5px}
.sweet-bake-social-grid figcaption{font:16px/1.4 Palatino,Georgia,serif;margin-top:8px}
@media(max-width:760px){.sweet-bake-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sweet-bake-social-grid{grid-template-columns:1fr}}

.sweet-bake-packaging{margin:36px 0}
.sweet-bake-packaging h2{font-size:30px;margin-bottom:16px}
.sweet-bake-packaging-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sweet-bake-packaging-grid figure{margin:0;min-width:0}
.sweet-bake-packaging-grid img{display:block;width:100%;height:auto;object-fit:contain}
.sweet-bake-packaging-grid figcaption{font:18px/1.4 Palatino,Georgia,serif;margin-top:10px}
@media(max-width:480px){.sweet-bake-packaging-grid{grid-template-columns:1fr}}

/* Overview artwork sits on the same paper as the page. */
.work-showcase .overview-collection.wide-collection .book-cover-space{background:#ffffff}
.work-showcase .overview-collection.brand-collection .book-cover-space{padding:8px}
.work-showcase .overview-collection.brand-collection .book-cover-space img{transform:none;object-fit:contain}
.sweet-bake-packaging-grid figure:last-child:nth-child(3){grid-column:1 / -1;max-width:650px;justify-self:center}

/* Balance the apparent size of logos with generous source-image margins. */
.work-showcase .overview-collection.brand-collection .book-card[data-brand="7"] .book-cover-space img,
.work-showcase .overview-collection.brand-collection .book-card[data-brand="16"] .book-cover-space img{transform:scale(1.35)}
.home-redesign .company-list li{display:flex;align-items:center;justify-content:center;min-height:105px;padding:8px 14px}
.home-redesign .company-list li a{display:flex;width:100%;align-items:center;justify-content:center}
.home-redesign .company-list img{width:100%;max-width:210px;height:78px;object-fit:contain}
.home-redesign .company-list img[src*="btb"],
.home-redesign .company-list img[src*="aps-logo"]{transform:scale(1.4)}
.home-redesign .offering-image:has(img[src*="atlanta-bus-safety"]){overflow:hidden}
.home-redesign .offering-image img[src*="atlanta-bus-safety"]{transform:scale(1.25)}

.btb-brand-sheet{margin:36px 0}.btb-brand-sheet h2{font-size:30px;margin-bottom:16px}.btb-brand-sheet img{display:block;width:100%;height:auto;object-fit:contain}

.payment-billing{border-top:1px solid var(--line);padding-top:30px;margin:36px 0}
.payment-billing>h2{font-size:34px;margin-bottom:16px}
.payment-billing>p{max-width:800px}
.billing-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin-top:26px}
.billing-details h3{font-size:25px;margin-bottom:10px}
.billing-details p{line-height:1.65}
@media(max-width:620px){.billing-details{grid-template-columns:1fr}}

/* Detailed billing policy follows a clear, sequential reading order. */
.payment-billing .billing-details{display:block;max-width:850px}
.billing-details>section{margin-top:28px}
.billing-details h4{font:600 17px/1.4 Arial,sans-serif;margin:22px 0 8px}
.billing-details ul{padding-left:24px;margin:12px 0;line-height:1.65}
.note-body .hourly-billing h3{font-size:23px;margin:25px 0 10px}

/* Accessible billing accordions keep every option visible at a glance. */
.billing-option{border-bottom:1px solid var(--line);margin:0}
.billing-option:first-child{border-top:1px solid var(--line)}
.billing-option summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:20px 0;font:25px/1.25 Palatino,Georgia,serif;color:var(--ink,#171614)}
.billing-option summary::-webkit-details-marker{display:none}
.billing-option summary:after{content:'+';font:26px/1 Arial,sans-serif;color:var(--red);flex-shrink:0}
.billing-option[open]>summary:after{content:'−'}
.billing-option summary:hover{color:var(--red)}
.billing-option summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.billing-option-content{padding:0 0 24px}
.billing-option-content p:first-child{margin-top:0}
.note-body .billing-option-content h3{font-size:23px;margin:25px 0 10px}
@media(max-width:480px){.billing-option summary{font-size:23px;padding:18px 0}}

/* One shared sidebar and primary navigation across the site. */
body .opening:has(>aside){grid-template-columns:190px minmax(0,1fr);gap:30px}
body .opening>aside{padding:32px 24px 30px 0;border-right:1px solid var(--line);display:block;align-self:start}
body .opening>aside .wordmark{font-size:28px;line-height:1;letter-spacing:-1.3px}
body .opening>aside .profession{font-size:11px;line-height:1.5;letter-spacing:2.6px;color:var(--red);margin-top:24px}
body .opening>aside .short-rule{width:100%;margin:24px 0 18px}
body .opening>aside .intro{font:13px/1.5 Arial,sans-serif;margin-top:25px}
body .opening>aside nav[aria-label="Main navigation"]{display:flex;flex-direction:column;gap:6px;width:100%;margin:0}
body .opening>aside nav[aria-label="Main navigation"] a{display:block;border:0;border-left:3px solid transparent;border-radius:0 5px 5px 0;padding:11px 10px;font:600 16px/1.25 Arial,sans-serif;letter-spacing:0;color:var(--ink);background:transparent}
body .opening>aside nav[aria-label="Main navigation"] a:hover{background:#eee5dc;color:var(--red)}
body .opening>aside nav[aria-label="Main navigation"] a[aria-current="page"]{border-left-color:var(--red);background:var(--red);color:#fff}
body .opening>aside .email{font-size:10px;gap:8px;letter-spacing:1px}
@media(max-width:760px){
 body .opening:has(>aside){display:block}
 body .opening>aside{padding:24px 0;border:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px}
 body .opening>aside .intro,body .opening>aside .short-rule,body .opening>aside .email{display:none}
 body .opening>aside .profession{margin:0}
 body .opening>aside nav[aria-label="Main navigation"]{flex-direction:row;flex-wrap:wrap;gap:6px;margin:5px 0 0}
 body .opening>aside nav[aria-label="Main navigation"] a{font-size:14px;padding:10px 12px;border-left:0;border-radius:5px}
}

.about-software{clear:both;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}.about-software h2{font-size:34px;margin:12px 0 18px}.software-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin-top:22px}.software-list li{border:1px solid var(--line);border-radius:6px;padding:10px 14px;font:14px Arial,sans-serif}

.notes-category-filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 38px}
.notes-category-filters button{font:13px Arial,sans-serif;border:1px solid #c7bdb2;padding:10px 15px;border-radius:22px;color:var(--ink)}
.notes-category-filters button[aria-pressed="true"]{background:var(--red);color:white;border-color:var(--red)}
.notes-category-heading{border-bottom:1px solid var(--line);padding-bottom:15px;margin:35px 0 22px}
.notes-category-heading h2{font-size:31px}
.note-tool-art{height:180px;background:#eee7dd;border-radius:7px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:10px;margin-bottom:20px}
.note-tool-art span{font:600 25px/1 Arial,sans-serif;color:var(--red);background:var(--paper);border:1px solid #d9c8bf;padding:14px;border-radius:8px}
.about-software+h3{margin-top:35px}

/* Design Notes: an editorial feature and a compact three-column library. */
.notes-editorial-page{background:#ffffff}
.notes-editorial .notes-masthead{position:relative;min-height:225px;display:flex;align-items:center;overflow:hidden;margin-bottom:20px}
.notes-masthead>div{position:relative;z-index:1;width:69%;padding:15px 0}
.notes-editorial .notes-masthead h1{font-size:clamp(48px,5.8vw,83px);line-height:.98;letter-spacing:-3px;margin:10px 0 17px}
.notes-editorial .notes-masthead .case-lead{font:20px/1.35 Palatino,Georgia,serif;color:var(--muted);margin:0;max-width:650px}
.notes-header-art{position:absolute;right:-25px;top:0;width:42%;height:100%;object-fit:contain;opacity:.7;mask-image:linear-gradient(to right,transparent,#000 25%);-webkit-mask-image:linear-gradient(to right,transparent,#000 25%)}
.notes-editorial .notes-category-filters{gap:8px;margin:12px 0 20px}
.notes-editorial .notes-category-filters button{font-size:11px;padding:10px 13px}
.notes-feature{display:grid;grid-template-columns:42% 58%;background:#efe7db;border-radius:11px;overflow:hidden;margin-bottom:30px;min-height:335px}
.notes-feature-copy{padding:26px 25px;align-self:center}
.notes-feature h2{font-size:clamp(29px,3.2vw,43px);line-height:1.05;letter-spacing:-1.2px;margin:12px 0 16px}
.notes-feature-copy>p:not(.eyebrow){font:14px/1.5 Arial,sans-serif;color:var(--muted);margin-bottom:20px}
.notes-feature .text-link{font-size:10px;letter-spacing:1.5px}
.notes-feature-art{display:flex;align-items:center;justify-content:center;min-width:0;padding:16px;background:#f3ece2}
.notes-feature-art img{width:100%;height:auto;max-height:360px;object-fit:contain}
.notes-editorial .notes-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px;border-top:1px solid var(--line);padding-top:20px}
.notes-editorial .note-card{padding:0;border:0;min-width:0}
.notes-editorial .note-card>a{display:block}
.notes-editorial .note-card img,.notes-editorial .note-tool-art{width:100%;height:155px;border-radius:7px;background:#efe8de;object-fit:contain;margin:0 0 11px}
.notes-editorial .note-card .eyebrow{font-size:9px;letter-spacing:1.4px;margin:0 0 5px}
.notes-editorial .note-card h2{font-size:23px;line-height:1.08;letter-spacing:-.5px;margin:0 0 9px}
.notes-editorial .note-card p:not(.eyebrow){font:13px/1.45 Arial,sans-serif;margin-bottom:12px}
.notes-editorial .note-card .text-link{font-size:9px;letter-spacing:1.1px}
.notes-editorial .note-tool-art{gap:6px;align-content:center}
.notes-editorial .note-tool-art span{font-size:19px;padding:10px;border-radius:6px}
@media(min-width:1400px){.notes-editorial .note-card img,.notes-editorial .note-tool-art{height:185px}}
@media(max-width:1050px){.notes-editorial .notes-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-feature-copy{padding:22px 18px}.notes-feature{grid-template-columns:47% 53%}.notes-masthead>div{width:80%}.notes-editorial .notes-masthead .case-lead{font-size:18px}}
@media(max-width:760px){.notes-editorial .notes-masthead{min-height:200px}.notes-editorial .notes-masthead h1{font-size:58px}.notes-header-art{width:42%;opacity:.35}.notes-feature h2{font-size:34px}.notes-feature{min-height:300px}}
@media(max-width:520px){.notes-editorial .notes-editorial-grid{grid-template-columns:1fr}.notes-feature{grid-template-columns:1fr}.notes-feature-art{grid-row:1;padding:15px}.notes-feature-art img{max-height:250px}.notes-feature-copy{padding:24px}.notes-masthead>div{width:100%}.notes-header-art{display:none}.notes-editorial .note-card img,.notes-editorial .note-tool-art{height:215px}.notes-editorial .note-card h2{font-size:27px}.notes-editorial .notes-masthead h1{font-size:50px}}

.note-portal-art{height:155px;border-radius:7px;background:linear-gradient(125deg,#e8d8d2,#f2ebdd);padding:19px;color:var(--red);display:flex;flex-direction:column;justify-content:center;gap:10px;margin-bottom:11px}
.note-portal-art>span{font:600 8px Arial,sans-serif;letter-spacing:1.6px}.note-portal-art>strong{font:25px/1.05 Palatino,Georgia,serif;letter-spacing:-.5px}.note-portal-art>div{font:9px Arial,sans-serif;color:#75635b}
@media(min-width:1400px){.note-portal-art{height:185px}}@media(max-width:520px){.note-portal-art{height:215px}}