:root{color-scheme:light;--ink:#211d19;--quiet:#5e554c;--paper:#faf7f0;--line:#dfd4c3;--gold:#775427;--card:#fffdf7;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit}a:focus-visible{outline:3px solid #8e5b21;outline-offset:5px}img{display:block;width:100%}figure,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;margin:0}.mast,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem max(5vw,1rem);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font:1.08rem/1.15 var(--serif)}.brand small{display:block;font:.58rem/1.65 var(--sans);letter-spacing:.2em;text-transform:uppercase}.mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #a88147;color:var(--gold);border-radius:50%;font-size:.9rem}.mast nav a,.back{font-size:.9rem;font-weight:650;text-underline-offset:.25rem}.wrap{width:min(1100px,90vw);margin:auto}.intro{padding:clamp(3rem,8vw,6.75rem) 0 clamp(2.4rem,6vw,4.4rem)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-size:.72rem;font-weight:700}.intro h1{font-size:clamp(2.8rem,7.7vw,6.4rem);letter-spacing:-.05em;margin:.9rem 0 1.2rem}.lede,.section-note{color:var(--quiet);max-width:58ch}.lede{font-size:clamp(1rem,2vw,1.2rem)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;padding:0 0 1rem;border-bottom:1px solid var(--line);margin-bottom:1.4rem}.section-heading h2,.decision h2{font-size:clamp(1.65rem,4vw,2.8rem);letter-spacing:-.025em}.work{margin-bottom:clamp(3rem,7vw,6rem)}.project-card{display:block;background:var(--card);border:1px solid var(--line);text-decoration:none;overflow:hidden}.reveal{position:relative;overflow:hidden;aspect-ratio:2/1;background:#d9cab9;isolation:isolate}.reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reveal .before{object-position:center 54%}.after{position:absolute;inset:0;clip-path:inset(0 0 0 100%);transition:clip-path .75s cubic-bezier(.22,.65,.25,1)}.after img{object-position:center 58%}.reveal::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(20,15,12,.8),transparent 57%)}.badge{position:absolute;top:1rem;padding:.3rem .65rem;background:#fffaf1;color:#33291d;z-index:3;font-size:.7rem;font-weight:700}.badge-before{left:1rem}.badge-after{right:1rem;opacity:0;transition:opacity .25s}.reveal-line{position:absolute;inset:0 auto 0 100%;width:2px;background:#fffaf1;opacity:0;z-index:3;transition:left .75s cubic-bezier(.22,.65,.25,1),opacity .2s}.project-card:is(:hover,:focus-visible) .after{clip-path:inset(0 0 0 50%)}.project-card:is(:hover,:focus-visible) .reveal-line{left:50%;opacity:1}.project-card:is(:hover,:focus-visible) .badge-after{opacity:1}.card-title{position:absolute;bottom:clamp(1rem,4vw,2.8rem);left:clamp(1rem,4vw,2.8rem);z-index:4;color:white}.card-title span{font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card-title h3{font-size:clamp(1.6rem,5.3vw,4.3rem);margin-top:.2rem}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,2rem);min-height:76px}.card-footer strong{font-size:1.05rem;color:#67431c}.card-footer small{display:block;color:var(--quiet)}.arrow{display:grid;place-items:center;border:1px solid var(--line);width:42px;height:42px;border-radius:50%;flex:none;font-size:1.25rem;color:var(--gold)}.project-card:is(:hover,:focus-visible) .arrow{background:#eee3d0}.hint{margin-top:.75rem;color:var(--quiet);font-size:.85rem}.site-footer{border-top:1px solid var(--line);border-bottom:0;color:var(--quiet);font-size:.78rem}.project-intro .eyebrow{margin-top:2rem}.project-intro h1{font-size:clamp(2.6rem,6vw,5.3rem)}.project-section{margin-bottom:3.6rem}.pair,.options{display:grid;gap:1rem}.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.pair figure,.option{border:1px solid var(--line);background:var(--card);overflow:hidden}.pair img,.option img{aspect-ratio:4/3;object-fit:cover}.pair figcaption,.option>div{padding:1rem 1.1rem}.pair figcaption span{display:block;font-size:.85rem;color:var(--quiet)}.section-note{margin:0 0 1.4rem}.options{grid-template-columns:repeat(3,minmax(0,1fr))}.option img{object-fit:contain;background:#f1e9df}.option h3{font-size:1.55rem;margin:.55rem 0}.option p:not(.eyebrow){font-size:.92rem;color:var(--quiet)}.option a{display:inline-block;font-size:.86rem;margin-top:.8rem;font-weight:650;color:var(--gold);text-underline-offset:.22rem}.chosen{border-color:#a6814c}.decision{background:#eee4d4;padding:clamp(1rem,4vw,2.75rem);margin-bottom:2rem;scroll-margin-top:1rem}.decision h2{margin:.5rem 0 1rem}.decision>p:not(.eyebrow){max-width:70ch}.decision dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.7rem;margin:1.5rem 0 0}.decision dl div{border-top:1px solid #cbb79a;padding-top:.7rem}.decision dt{font-weight:700}.decision dd{margin:.2rem 0 0;color:#51473c;font-size:.92rem}.bottom-back{display:inline-block;margin:0 0 3.5rem}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{display:inline-block;padding:.6rem 1rem}
@media(max-width:650px){.options,.decision dl{grid-template-columns:1fr}.reveal{aspect-ratio:4/3}.pair{gap:.6rem}.pair figcaption,.option>div{padding:.75rem}.pair figcaption span{font-size:.75rem}.section-heading{gap:.4rem}.site-footer{align-items:flex-start}.intro h1{letter-spacing:-.04em}}
@media(hover:none){.desktop-hint{display:none}.after{clip-path:inset(0 0 0 53%)}.reveal-line{left:53%;opacity:1}.badge-after{opacity:1}.badge{top:.65rem}.badge-before{left:.65rem}.badge-after{right:.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.living-card{margin-top:1.5rem}
.living-card .reveal{background:#eae0d1}
.living-card .reveal .before{object-fit:contain;object-position:center}
.project-jump{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.35rem}
.project-jump a{color:var(--gold);font-size:.9rem;font-weight:650;text-underline-offset:.22rem}
.living-visuals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);gap:1rem}
.living-visuals figure{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line)}
.living-visuals figure a{display:block;background:#f0e8dc}
.living-visuals img{height:auto;aspect-ratio:3/2;object-fit:contain}
.living-visuals .living-plan img{aspect-ratio:0.62;background:#f7f4ed}
.living-visuals figcaption{padding:.8rem 1rem}
.living-visuals figcaption span{display:block;color:var(--quiet);font-size:.85rem}
.living-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#211d19;border:1px solid var(--line)}
.video-chapters:not([hidden]){display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.video-chapters button{border:1px solid var(--line);border-radius:2rem;background:var(--card);color:#67431c;padding:.45rem .85rem;font:650 .85rem var(--sans);cursor:pointer}
.video-chapters button:hover{background:#eee3d0}
.video-chapters button:focus-visible{outline:3px solid #8e5b21;outline-offset:3px}
.living-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:0}
.living-palette li{border:1px solid var(--line);background:var(--card)}
.living-palette li div{padding:.75rem 1rem 1rem}
.living-palette strong{display:block}
.living-palette p{color:var(--quiet);font-size:.88rem}
.swatch{display:block;height:4.5rem;border-bottom:1px solid var(--line)}
.swatch-white-dove{background:#efeee5}
.swatch-webster{background:#64806c}
.swatch-copper{background:#8f5949}
@media(max-width:650px){
  .living-visuals,.living-palette{grid-template-columns:1fr}
  .living-visuals .living-plan img{aspect-ratio:4/3}
  .living-card .reveal .before{object-position:8% center}
}

.home-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(1.25rem,4vw,3.5rem) 0}
.home-feature h1{font-size:clamp(2.9rem,5.7vw,5.35rem);letter-spacing:-.055em;margin:.8rem 0 1.05rem}
.home-feature .lede{max-width:37ch}
.home-button{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.35rem;padding:.68rem .95rem;background:#624820;color:#fffdf6;text-decoration:none;font-weight:650;font-size:.9rem}
.home-button:hover{background:#493416}
.home-feature-image{border:1px solid var(--line);background:var(--card)}
.home-feature-image a{text-decoration:none;display:block}
.home-feature-image img{height:auto;aspect-ratio:3/2;object-fit:cover}
.home-feature-image figcaption{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.15rem 1rem;padding:.72rem .9rem;font-size:.85rem}
.home-feature-image figcaption>span{color:var(--gold);text-decoration:underline;text-underline-offset:.2em}
.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}
.study-card{border:1px solid var(--line);background:var(--card);min-width:0}
.study-images{display:grid;grid-template-columns:minmax(0, .74fr) minmax(0, 1fr);gap:1px;background:var(--line)}
.study-images--single{grid-template-columns:1fr}
.study-images--single img{aspect-ratio:3/2}
.study-images figure{display:grid;grid-template-rows:1fr auto;min-width:0;background:var(--card)}
.study-images img{width:100%;height:100%;min-height:0;aspect-ratio:1/1}
.study-sketch img{object-fit:contain;background:white}
.study-render img{object-fit:cover;object-position:center}
.study-images figcaption{background:var(--card);border-top:1px solid var(--line);color:var(--quiet);padding:.32rem .55rem;font-size:.72rem;font-weight:650}
.study-copy{padding:.95rem 1rem 1.1rem}
.study-copy h3{font-size:clamp(1.42rem,3vw,1.85rem);margin-bottom:.35rem}
.study-copy p{font-size:.9rem;color:var(--quiet)}
#transformations{scroll-margin-top:1.25rem}
@media(max-width:720px){
  .home-feature{grid-template-columns:1fr;gap:1.3rem}
  .home-feature-copy{grid-row:1}
  .home-feature h1{margin-top:.5rem}
  .study-grid{grid-template-columns:1fr}
}

@media(min-width:651px){
  .kitchen-visuals .living-plan img{aspect-ratio:30/43}
}

.dining-feature{margin:0 0 1.6rem;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);background:var(--card);scroll-margin-top:1.25rem}
.dining-intro h3{font-size:clamp(1.9rem,4.5vw,3.25rem);letter-spacing:-.035em;margin:.45rem 0 .6rem}
.dining-intro>p:last-child{color:var(--quiet);max-width:64ch}
.dining-comparison,.dining-details{display:grid;gap:1rem;margin-top:1.25rem}
.dining-comparison{grid-template-columns:minmax(0,1fr) minmax(0,2.45fr)}
.dining-details{grid-template-columns:repeat(2,minmax(0,1fr))}
.dining-comparison figure,.dining-details figure{display:flex;flex-direction:column;border:1px solid var(--line);min-width:0}
.dining-comparison img,.dining-details img{object-fit:contain;background:#eee7dc;height:auto}
.dining-plan img{aspect-ratio:1/1}
.dining-render img{aspect-ratio:16/9}
.dining-details img{aspect-ratio:1/1}
.dining-feature figcaption{padding:.65rem .8rem;border-top:1px solid var(--line)}
.dining-feature figcaption span{display:block;color:var(--quiet);font-size:.83rem}
.dining-palette{margin-top:1rem;color:var(--quiet);font-size:.93rem}
@media(max-width:650px){
  .dining-comparison,.dining-details{grid-template-columns:1fr}
  .dining-plan img{aspect-ratio:5/4}
}

.bath-plan img{height:auto;aspect-ratio:2/1;object-fit:contain;background:#f7f4ed}
.bath-plan figcaption{padding:.32rem .55rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--quiet);font-size:.72rem;font-weight:650}

.final-design-render{border:1px solid var(--line);background:var(--card)}
.final-design-render img{height:auto;object-fit:contain}
.final-design-render figcaption{padding:1rem 1.1rem}
.final-design-render figcaption span{display:block;color:var(--quiet);font-size:.85rem}
#final-design{scroll-margin-top:1.5rem}

.bathroom-project .project-section{scroll-margin-top:1.5rem}
.bathroom-comparison,.bathroom-views{display:grid;gap:1rem}
.bathroom-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
.bathroom-views{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.bathroom-comparison figure,.bathroom-views figure{display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--line)}
.bathroom-comparison figure a,.bathroom-views figure a{display:block;background:#eee8df}
.bathroom-comparison img,.bathroom-views img{object-fit:contain;height:auto}
.bathroom-comparison img{aspect-ratio:4/3}
.bathroom-views img{aspect-ratio:4/3}
.bathroom-views figure:last-child img{aspect-ratio:4/3}
.bathroom-comparison figcaption,.bathroom-views figcaption{padding:.8rem 1rem}
.bathroom-comparison figcaption span,.bathroom-views figcaption span{display:block;color:var(--quiet);font-size:.85rem}
.bathroom-story{background:#eee4d4;padding:clamp(1.2rem,4vw,2.75rem);margin-bottom:2.5rem;scroll-margin-top:1.5rem}
.bathroom-story h2{font-size:clamp(1.65rem,4vw,2.8rem);margin:.5rem 0 1rem}
.bathroom-story p:last-child{max-width:75ch}
@media(max-width:650px){.bathroom-comparison,.bathroom-views{grid-template-columns:1fr}.bathroom-comparison img,.bathroom-views img,.bathroom-views figure:last-child img{aspect-ratio:4/3}}

.nursery-before,.nursery-final{border:1px solid var(--line);background:var(--card);overflow:hidden}
.nursery-before img,.nursery-final img{height:auto;object-fit:contain}
.nursery-before img{max-height:500px;background:#f5f2e9}
.nursery-final img{aspect-ratio:3/2}
.nursery-before figcaption,.nursery-final figcaption{padding:.8rem 1rem}
.nursery-before figcaption span,.nursery-final figcaption span{display:block;color:var(--quiet);font-size:.85rem}

/* A restrained portfolio grid keeps the main page focused on finished rooms. */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.portfolio-tile{display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--line);text-decoration:none;transition:transform .2s,box-shadow .2s}
.portfolio-tile:hover{transform:translateY(-3px);box-shadow:0 12px 25px #392a1a1a}
.portfolio-tile-image{aspect-ratio:4/3;overflow:hidden;background:#e6dfd4}
.portfolio-tile-image img{height:100%;object-fit:cover}
.portfolio-tile-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.2rem}
.portfolio-tile h3{font-size:clamp(1.35rem,2vw,1.9rem);margin:.45rem 0 .6rem}
.portfolio-tile p{font-size:.9rem;color:var(--quiet);margin-bottom:1rem}
.tile-link{margin-top:auto;color:var(--gold);font-weight:700;font-size:.87rem;text-decoration:underline;text-underline-offset:.22em}

/* Project material boards use details from each approved design, never unrelated stock samples. */
.material-section{scroll-margin-top:1.5rem}
.material-board{border:1px solid #d8c9b5;background:#f3eee5;padding:clamp(.8rem,2.5vw,1.8rem);box-shadow:0 12px 32px #382c1d12}
.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid #d4c6b2;padding-bottom:.75rem;margin-bottom:1.1rem}
.board-head span{color:#766958;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}
.board-head strong{font:clamp(1.1rem,2vw,1.65rem)/1.15 var(--serif);font-weight:400;text-align:center}
.board-samples{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:160px 160px;gap:.7rem}
.board-sample{position:relative;min-width:0;background-image:var(--sample-image);background-position:var(--sample-position);background-size:var(--sample-size);background-repeat:no-repeat;background-color:#e3d8c8;overflow:hidden}
.board-sample:first-child{grid-row:span 2}
.board-sample span{position:absolute;bottom:0;left:0;right:0;padding:.4rem .6rem;background:linear-gradient(0deg,#191511c9,#1915117a);color:#fff;font-size:.76rem;font-weight:650;letter-spacing:.02em}
.board-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;padding:0;margin:1rem 0 0;list-style:none}
.board-palette li{min-width:0;font-size:.72rem;color:#5d544a;line-height:1.3}
.board-chip{display:block;height:44px;border:1px solid #0002;margin-bottom:.4rem}
.board-footnote{font-size:.78rem;color:var(--quiet);margin-top:.65rem}
.process-visual{max-width:680px}
.process-visual.final-visual{max-width:none}
.process-visual figure{background:var(--card);border:1px solid var(--line);overflow:hidden}
.process-visual img{width:100%;height:auto;max-height:760px;object-fit:contain;background:#f3eee5}
.process-visual figcaption{padding:.8rem 1rem;color:var(--quiet);font-size:.88rem}
.process-visual figcaption span{display:block}
.dining-details figure{background:var(--card)}
.dining-details a{display:block}
@media(max-width:760px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-samples{grid-template-rows:130px 130px}.board-head span:last-child{display:none}}
@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}.board-head{align-items:flex-start;flex-direction:column;gap:.3rem}.board-head strong{text-align:left}.board-samples{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:170px 120px 120px}.board-sample:first-child{grid-column:span 2;grid-row:auto}.board-palette{gap:.3rem}.board-chip{height:36px}.board-palette li{font-size:.62rem;overflow-wrap:anywhere}}

.mood-board-visual{max-width:760px;margin:1.4rem auto}.mood-board-visual img{max-height:none;display:block}

.nursery-mood-board{max-width:820px;margin:1.5rem auto 0;background:var(--card);border:1px solid var(--line)}
.nursery-mood-board img{width:100%;height:auto;display:block}
.nursery-mood-board figcaption{padding:.8rem 1rem;color:var(--quiet);font-size:.88rem}

.bathroom-mood-board{max-width:880px;margin:1.5rem auto 0;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 32px #382c1d12}
.bathroom-mood-board img{display:block;width:100%;height:auto}
.bathroom-mood-board figcaption{padding:.8rem 1rem;color:var(--quiet);font-size:.88rem}

.bedroom-mood-board{max-width:900px;margin:1.5rem auto 0;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 32px #382c1d12}
.bedroom-mood-board img{display:block;width:100%;height:auto}
.bedroom-mood-board figcaption{padding:.8rem 1rem;color:var(--quiet);font-size:.88rem}

/* Studio pages and shared navigation */
.studio-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25rem clamp(.75rem, 2.4vw, 1.8rem);
}
.mast .studio-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration: none;
}
.mast .studio-nav a:hover,
.mast .studio-nav a[aria-current] {
  color: var(--gold);
  text-decoration: underline;
}
.studio-section {
  border-top: 1px solid var(--line);
  padding: clamp(1.6rem, 4vw, 2.8rem) 0;
  margin: 0 0 clamp(1.25rem, 4vw, 2.75rem);
}
.studio-section h2 {
  font-size: clamp(1.9rem, 4vw, 3rem);
  letter-spacing: -.03em;
}
.studio-section > .portfolio-grid,
.studio-section > .studio-process {
  margin-top: 1.5rem;
}
.studio-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .75rem 1.3rem;
  margin-top: 1.15rem;
}
.studio-button {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  background: var(--ink);
  color: var(--card);
  padding: .65rem 1rem;
  text-decoration: none;
  font-size: .9rem;
  font-weight: 650;
}
.studio-button:hover {
  background: var(--gold);
}
.studio-text-link, .studio-service a {
  color: var(--gold);
  text-underline-offset: .22em;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.studio-split {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 1rem clamp(1.5rem, 4vw, 3.75rem);
}
.studio-split p, .studio-service p, .studio-process p {
  color: var(--quiet);
  max-width: 58ch;
}
.studio-split > div > .studio-text-link {
  display: inline-block;
  margin-top: .65rem;
}
.studio-prose > p + p {
  margin-top: 1rem;
}
.studio-invitation {
  padding-inline: clamp(1.1rem, 4vw, 2.75rem);
  background: #eee5d7;
}
.studio-intro h1 {
  font-size: clamp(2.8rem, 6.5vw, 5.2rem);
}
.studio-intro {
  padding-bottom: clamp(1.6rem, 4vw, 3rem);
}
.portfolio-tile h2 {
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  margin: .45rem 0 .6rem;
}
.studio-service-grid, .studio-process {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}
.studio-service-grid {
  margin-bottom: 3rem;
}
.studio-service {
  border: 1px solid var(--line);
  background: var(--card);
  padding: clamp(1.1rem, 2.5vw, 1.75rem);
  display: flex;
  flex-direction: column;
}
.studio-service h2, .studio-process h3 {
  font-size: clamp(1.35rem, 2.3vw, 1.85rem);
  margin-bottom: .6rem;
}
.studio-service p {
  margin-bottom: 1rem;
}
.studio-service a {
  margin-top: auto;
}
.studio-process {
  padding-left: 1.35rem;
}
.studio-process li::marker {
  color: var(--gold);
  font-weight: 700;
}
.studio-process li {
  padding-left: .35rem;
  margin-right: .8rem;
}
.project-intro:has(+ #final-design) {
  padding-bottom: clamp(1.4rem, 4vw, 3rem);
}
.project-intro + #final-design .section-heading {
  display: none;
}
@media (max-width: 740px) {
  .mast {
    flex-wrap: wrap;
    gap: .55rem 1rem;
  }
  .studio-split, .studio-service-grid, .studio-process {
    grid-template-columns: 1fr;
  }
  .studio-nav {
    width: 100%;
  }
  .home-feature .home-feature-image {
    grid-row: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .portfolio-tile {
    transition: none;
  }
  .portfolio-tile:hover {
    transform: none;
  }
}

/* QC graduate credential in the shared footer. */
.site-footer{flex-wrap:wrap}
.qc-graduate-badge{display:block;flex:0 0 120px;border-radius:50%}
.qc-graduate-badge img{width:120px;height:120px;object-fit:contain}
@media(max-width:650px){.site-footer{align-items:center}.qc-graduate-badge{flex-basis:120px}}

.brand .studio-logo{display:block;width:clamp(8.5rem,18vw,11.5rem);height:auto;border-radius:.25rem}

.project-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:850px;margin:1.4rem 0 0}
.project-brief div{border-left:2px solid var(--line);padding-left:.85rem}
.project-brief dt{font-weight:650}
.project-brief dd{margin:.25rem 0 0;color:var(--quiet)}
@media(max-width:570px){.project-brief{grid-template-columns:1fr}}

.founder-profile {
  align-items: start;
  padding-block: clamp(1.75rem, 5vw, 4.5rem);
  border-top: 0;
}

.founder-portrait {
  height: auto;
  border: 1px solid var(--line);
}

.founder-profile h1 {
  font-size: clamp(2.65rem, 5.4vw, 4.9rem);
  letter-spacing: -.04em;
  margin-bottom: 1.1rem;
}

.founder-profile .studio-button {
  background: #964730;
}

.founder-profile .studio-button:hover {
  background: #773824;
}