:root{--paper:#f7f5ef;--ink:#20251f;--muted:#64695f;--line:#d8dbd1;--green:#304b3a;--display:'Gloock',Georgia,serif;--body:'DM Sans',Arial,sans-serif;color-scheme:only light;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400}img{display:block;max-width:100%;object-fit:cover}::selection{background:#d7e0ce}.page-shell{max-width:1304px;margin:auto;padding:0 64px}.site-nav{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--line)}.site-nav nav{display:flex;align-items:center;gap:34px;font-size:13px}.site-nav nav a:hover{text-decoration:underline;text-underline-offset:5px}.wordmark{font-family:var(--display);font-size:25px;letter-spacing:-.6px}.wordmark-period,.monogram span{color:#6a795a}.nav-count{vertical-align:super;font-size:9px;margin-left:3px;color:var(--muted)}.eyebrow,.project-category{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{color:var(--green)}.skip-link{position:fixed;top:8px;left:8px;z-index:10;background:var(--ink);color:white;padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}.editorial-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:84px;align-items:center;padding:72px 0 76px}.intro-copy h1{font-size:clamp(44px,5.4vw,76px);line-height:1.06;letter-spacing:-2.4px;margin:25px 0}.intro-text{font-size:16px;line-height:1.8;max-width:390px;color:#50574d}.text-link{display:inline-flex;gap:32px;align-items:center;font-size:12px;font-weight:600;border-bottom:1px solid #7c8976;padding:12px 0 10px;margin-top:22px}.text-link span{font-size:19px;line-height:1}.portrait-block{max-width:392px;justify-self:end;width:100%}.portrait-block img{width:100%;height:410px;object-position:50% 38%;filter:saturate(.75)}.portrait-block figcaption{font-size:10px;color:var(--muted);margin-top:13px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:31px 0 30px;gap:24px}.section-heading h2{font-size:32px;letter-spacing:-.6px}.section-heading p{font-size:12px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}.project{min-width:0}.project-link{display:block;position:relative}.project-media{overflow:hidden;background:#e8e8df}.project-media img{width:100%;height:100%;transition:transform .45s ease}.project-link:hover .project-media img{transform:scale(1.025)}.editorial .project-media{aspect-ratio:1.62}.editorial .project-copy{padding:23px 35px 0 0}.project-category{color:var(--muted);font-size:9px;letter-spacing:1.5px}.project-copy h3{font-size:29px;line-height:1.15;letter-spacing:-.5px;margin:8px 0 11px}.project-description{font-size:13px;line-height:1.75;max-width:405px;color:#5a6055}.project-domain{display:inline-block;font-size:10px;letter-spacing:.1px;border-bottom:1px solid #b4bba9;padding-bottom:3px;margin-top:18px}.project-arrow{font-size:23px;position:absolute;right:0;bottom:5px;transition:transform .2s}.project-link:hover .project-arrow{transform:translate(2px,-2px)}.project-number{display:none}.editorial .project-gemstone-market{grid-column:1/-1;padding-top:8px}.editorial .project-gemstone-market .project-link{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#e9ece3;gap:44px;padding-right:42px}.editorial .project-gemstone-market .project-media{aspect-ratio:1.5;background:#e5e4de}.editorial .project-gemstone-market .project-copy{padding:35px 0}.editorial .project-gemstone-market .project-arrow{right:35px;bottom:35px}.editorial .project-gemstone-market .project-copy h3{font-size:34px}.project-gemstone-market img{object-fit:contain}.project-bee-creek img{object-position:center 48%}.project-westlake img{object-position:50% 47%}.project-rough-life img{object-position:center}.about-block{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:58px 0 64px;margin-top:74px}.about-block h2{font-size:44px;line-height:1.12;margin-top:18px;letter-spacing:-1px}.about-copy{padding-top:5px;max-width:455px}.about-copy p{font-size:14px;line-height:1.8;color:#5a6055}.about-copy p+p{margin-top:17px}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding:26px 0 33px;font-size:10px;color:var(--muted)}.site-footer p span{padding:0 7px}.site-footer a{white-space:nowrap}.site-footer a span{margin-left:10px}
/* Direction B: a personal introduction alongside a compact, photographic index. */
.directory{--paper:#fdfdfb;--ink:#252824;--line:#e4e6de;background:var(--paper)}.directory .page-shell{max-width:1392px;padding:0 64px}.directory .site-nav{min-height:98px}.monogram{font-family:var(--display);font-size:36px;letter-spacing:-3px}.directory-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:88px;padding:55px 0 65px;align-items:start}.personal-rail{position:sticky;top:35px}.personal-rail .eyebrow{font-size:9px;letter-spacing:1.4px}.personal-rail h1{font-size:68px;line-height:1.02;letter-spacing:-2.3px;margin:17px 0 31px}.personal-rail h1 span{color:#899378}.directory-portrait{width:222px;height:241px;object-position:center 38%;filter:saturate(.65)}.rail-intro{font-size:17px;line-height:1.55;margin-top:27px;max-width:265px}.rail-about{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px;max-width:270px}.location{font-size:10px;margin-top:28px;color:var(--muted)}.location span{margin-left:15px}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:0 0 25px}.directory-heading h2{font-family:var(--body);font-size:12px;font-weight:600}.directory-heading>span{font-size:10px;color:var(--muted)}.project-list .project{border-bottom:1px solid var(--line)}.directory .project-link{display:grid;grid-template-columns:170px minmax(0,1fr) 20px;gap:26px;align-items:center;padding:28px 0}.directory .project-media{height:155px;background:#f0f0e9}.directory .project-copy{padding:0}.directory .project-copy h3{font-size:25px;letter-spacing:-.3px;margin:8px 0 8px}.directory .project-description{font-size:11px;line-height:1.7;max-width:315px}.directory .project-category{font-size:8px;letter-spacing:1.25px}.directory .project-domain{font-size:9px;margin-top:11px;border:0;padding:0;color:var(--muted)}.directory .project-arrow{position:static;font-size:20px;align-self:center}.directory .project-gemstone-market .project-media{background:#edece6}.directory .site-footer{padding-top:25px}
/* Comparison page only; none of this navigation appears in the portfolio concepts. */
.comparison{background:#ecece7}.comparison .page-shell{max-width:1600px;padding:0 36px}.comparison-header{padding:36px 0;display:flex;align-items:end;justify-content:space-between;gap:20px}.comparison-header h1{font-size:33px}.comparison-header p{font-size:12px;color:var(--muted);margin-top:10px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.concept{min-width:0}.concept-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.concept-heading h2{font-size:22px}.concept-heading a{font-size:12px;border-bottom:1px solid #899378;padding-bottom:4px}.preview-window{position:relative;height:620px;overflow:hidden;border:1px solid #d4d8ce;background:var(--paper)}.preview-window iframe{width:1200px;height:1500px;transform-origin:0 0;transform:scale(.52);border:0;pointer-events:none}.concept-description{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 40px;max-width:540px}
@media(min-width:1450px){.preview-window iframe{transform:scale(.58)}}
@media(max-width:1100px){.page-shell,.directory .page-shell{padding:0 40px}.editorial-hero{gap:46px;padding:55px 0 60px}.intro-copy h1{letter-spacing:-1.8px}.portrait-block img{height:370px}.directory-layout{grid-template-columns:250px minmax(0,1fr);gap:45px}.personal-rail h1{font-size:60px}.directory .project-link{grid-template-columns:128px minmax(0,1fr) 16px;gap:19px}.directory .project-media{height:148px}.directory .project-copy h3{font-size:23px}.comparison-grid{grid-template-columns:1fr}.preview-window{height:650px}.preview-window iframe{transform:scale(.7)}}
@media(max-width:760px){.page-shell,.directory .page-shell{padding:0 25px}.site-nav,.directory .site-nav{min-height:83px}.wordmark{font-size:22px}.site-nav nav{gap:22px;font-size:12px}.editorial-hero{gap:30px;padding:44px 0;grid-template-columns:1.15fr 1fr}.eyebrow{font-size:8px;letter-spacing:1px}.intro-copy h1{font-size:42px;letter-spacing:-1.2px;margin:20px 0}.intro-text{font-size:13px;line-height:1.7}.portrait-block img{height:290px}.portrait-block figcaption{font-size:8px;line-height:1.6}.text-link{font-size:11px;gap:20px;margin-top:15px}.section-heading{align-items:start;padding:26px 0;gap:15px}.section-heading h2{font-size:28px;white-space:nowrap}.section-heading p{font-size:10px;max-width:220px;line-height:1.6;text-align:right}.project-grid{gap:32px 22px}.project-copy h3{font-size:24px}.project-description{font-size:12px;line-height:1.7}.project-category{font-size:8px}.project-domain{font-size:9px}.editorial .project-copy{padding-top:18px;padding-right:12px}.project-arrow{font-size:20px}.editorial .project-gemstone-market .project-link{gap:25px;padding-right:25px}.editorial .project-gemstone-market .project-copy h3{font-size:28px}.editorial .project-gemstone-market .project-media{height:100%;aspect-ratio:auto;min-height:270px}.editorial .project-gemstone-market .project-arrow{right:18px;bottom:20px}.about-block{margin-top:45px;gap:35px;padding:40px 0}.about-block h2{font-size:36px}.about-copy p{font-size:12px}.directory-layout{grid-template-columns:220px minmax(0,1fr);gap:30px;padding-top:40px}.personal-rail h1{font-size:53px}.directory-portrait{width:190px;height:215px}.rail-intro{font-size:15px}.rail-about{font-size:11px}.directory .project-link{grid-template-columns:100px minmax(0,1fr);gap:17px;padding:25px 0}.directory .project-media{height:120px}.directory .project-arrow{display:none}.directory .project-copy h3{font-size:21px}.directory .project-description{font-size:10px}.directory .project-category{font-size:7px}.directory .project-domain{font-size:8px;overflow-wrap:anywhere}.site-footer{font-size:9px}.preview-window iframe{transform:scale(.5)}}
@media(max-width:560px){.page-shell,.directory .page-shell{padding:0 22px}.editorial-hero{grid-template-columns:1fr;gap:35px;padding:41px 0 39px}.intro-copy h1{font-size:49px;line-height:1.08;margin:23px 0 20px;letter-spacing:-1.8px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro-text{font-size:14px;line-height:1.8;max-width:325px}.text-link{margin-top:14px;padding-bottom:8px}.portrait-block{max-width:none}.portrait-block img{height:330px;object-position:50% 36%}.portrait-block figcaption{font-size:9px}.section-heading{display:block;padding:25px 0}.section-heading p{text-align:left;max-width:none;margin-top:10px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:35px}.editorial .project-media{aspect-ratio:1.4}.editorial .project-copy{padding-top:20px;padding-right:25px}.project-copy h3{font-size:29px}.project-category{font-size:8px}.project-description{font-size:13px}.project-domain{font-size:10px}.project-arrow{font-size:23px}.editorial .project-gemstone-market .project-link{display:block;padding:0}.editorial .project-gemstone-market .project-media{min-height:0;aspect-ratio:1.4}.editorial .project-gemstone-market .project-copy{padding:25px 25px 29px}.editorial .project-gemstone-market .project-copy h3{font-size:29px}.editorial .project-gemstone-market .project-arrow{right:20px;bottom:28px}.about-block{grid-template-columns:1fr;gap:25px;padding:35px 0 38px;margin-top:40px}.about-block h2{font-size:39px}.about-copy p{font-size:13px}.site-footer{padding:23px 0 28px;gap:15px;font-size:9px}.site-footer p{line-height:1.7}.site-footer p span{padding:0 3px}.directory-layout{grid-template-columns:1fr;gap:40px;padding:38px 0}.personal-rail{position:static;display:grid;grid-template-columns:minmax(0,1fr) 125px;column-gap:23px;align-items:start}.personal-rail>.eyebrow{grid-column:1/-1;font-size:8px}.personal-rail h1{font-size:53px;grid-column:1;grid-row:2;margin:17px 0 0;letter-spacing:-1.7px}.directory-portrait{grid-column:2;grid-row:2/4;width:125px;height:161px;margin-top:17px}.rail-intro{grid-column:1/-1;font-size:17px;max-width:290px;margin-top:25px}.rail-about{grid-column:1/-1;max-width:none;font-size:12px;margin-top:13px}.location{grid-column:1/-1;font-size:10px;margin-top:18px}.directory-heading{padding-bottom:20px}.directory .project-link{grid-template-columns:104px minmax(0,1fr);gap:19px;padding:24px 0}.directory .project-media{height:126px}.directory .project-copy h3{font-size:22px;line-height:1.15}.directory .project-category{font-size:7px;letter-spacing:1px}.directory .project-description{font-size:10px;line-height:1.6}.directory .project-domain{font-size:8px;margin-top:9px}.directory .site-footer{font-size:8px}.comparison .page-shell{padding:0 18px}.comparison-header{padding:28px 0}.comparison-header h1{font-size:27px}.comparison-header p{font-size:11px;line-height:1.6}.concept-heading h2{font-size:21px}.preview-window{height:470px}.preview-window iframe{transform:scale(.29)}.concept-description{font-size:11px}.concept-heading a{font-size:11px}}
html { scroll-behavior: auto; }
.project-gemstone-market img { object-fit: cover; }
.comparison .preview-window img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.directory .project-description { font-size: 12px; }
@media (max-width: 560px) {
  .directory .project-description { font-size: 11.5px; }
  .directory .project-domain { font-size: 9px; }
  .directory .project-category { font-size: 8px; }
}
@media (max-width: 380px) {
  .personal-rail { grid-template-columns: minmax(0, 1fr) 106px; column-gap: 16px; }
  .personal-rail h1 { font-size: 42px; }
  .directory-portrait { width: 106px; height: 149px; }
  .directory .project-link { grid-template-columns: 90px minmax(0, 1fr); gap: 15px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-media img,.project-arrow{transition:none}}

/* Round two: the supplied portrait and the requested project order. */
.portrait-block img,
.directory-portrait { object-position: 50% 15%; filter: none; }
.editorial .project-gemstone-market { grid-column: auto; padding-top: 0; }
.editorial .project-gemstone-market .project-link { display: block; background: transparent; padding: 0; }
.editorial .project-gemstone-market .project-media { aspect-ratio: 1.62; height: auto; min-height: 0; }
.editorial .project-gemstone-market .project-copy { padding: 23px 35px 0 0; }
.editorial .project-gemstone-market .project-copy h3 { font-size: 29px; }
.editorial .project-gemstone-market .project-arrow { right: 0; bottom: 5px; }
.editorial .project-rough-life { grid-column: 1 / -1; padding-top: 8px; }
.editorial .project-rough-life .project-link { display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #e9ece3; gap: 44px; padding-right: 42px; }
.editorial .project-rough-life .project-media { aspect-ratio: 1.5; }
.editorial .project-rough-life .project-copy { padding: 35px 0; }
.editorial .project-rough-life .project-copy h3 { font-size: 34px; }
.editorial .project-rough-life .project-arrow { right: 35px; bottom: 35px; }
.comparison .preview-window img { width: 100%; height: auto; object-fit: contain; object-position: top; }
.comparison-grid-new { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.comparison-grid-new .preview-window { height: 505px; background: #fafaf7; }
.comparison-grid-new .concept-heading h2 { font-size: 21px; }
.comparison-grid-new .concept-heading a { font-size: 10px; white-space: nowrap; }
.previous-directions { margin: 15px 0 28px; border-top: 1px solid var(--line); padding-top: 30px; font-size: 26px; }
.comparison .comparison-grid-new .preview-window { height: auto; min-height: 0; }
@media (max-width: 1100px) {
  .comparison-grid-new { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .editorial .project-rough-life .project-link { gap: 25px; padding-right: 25px; }
  .editorial .project-rough-life .project-copy h3 { font-size: 28px; }
  .editorial .project-rough-life .project-media { height: 100%; min-height: 270px; aspect-ratio: auto; }
  .editorial .project-rough-life .project-arrow { right: 18px; bottom: 20px; }
  .comparison-grid-new { grid-template-columns: 1fr; }
  .comparison-grid-new .preview-window { height: 575px; }
}
@media (max-width: 560px) {
  .editorial .project-gemstone-market .project-media { aspect-ratio: 1.4; }
  .editorial .project-gemstone-market .project-copy { padding: 20px 25px 0 0; }
  .editorial .project-rough-life .project-link { display: block; padding: 0; }
  .editorial .project-rough-life .project-media { min-height: 0; aspect-ratio: 1.4; }
  .editorial .project-rough-life .project-copy { padding: 25px 25px 29px; }
  .editorial .project-rough-life .project-copy h3 { font-size: 29px; }
  .editorial .project-rough-life .project-arrow { right: 20px; bottom: 28px; }
  .comparison-grid-new .preview-window { height: 465px; }
}