:root{--void:#0D0C0A;--forest:#1E3A2C;--earth:#8A6A3A;--gold:#C9A84C;--cream:#F1E8D6;--paper:#F7F1E6;--ink:#161511;--muted:#686158;--line:rgba(22,21,17,.18);--mpc:#2f8f57;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px}a{text-decoration:none;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.shell{width:min(1360px,calc(100% - 72px));margin:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;color:white;mix-blend-mode:difference}.logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:12px;letter-spacing:.19em}.logo-mark{font-size:24px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px}.nav-cta{border:1px solid currentColor;border-radius:999px;padding:10px 15px}.menu-toggle{display:none;background:none;border:0;color:inherit;font:inherit}
/* Hero editorial crossfade */
.hero{position:relative;height:100svh;min-height:720px;color:white;overflow:hidden;background:var(--void)}.hero-slides{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .3s ease,transform 2.5s linear;filter:saturate(.94) contrast(1.04);object-position:center}.hero-slide.is-active{opacity:1;transform:scale(1.005)}.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(13,12,10,.82) 0%,rgba(13,12,10,.42) 47%,rgba(13,12,10,.1) 78%),linear-gradient(0deg,rgba(13,12,10,.52),transparent 44%)}.hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:88px}.kicker{font-size:10px;letter-spacing:.22em;font-weight:600}.inverse{color:rgba(255,255,255,.72)}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;margin:0}h1{font-size:clamp(82px,10.7vw,170px);line-height:.78;max-width:1200px}h1 em,h2 em{font-weight:500}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:34px}.hero-bottom>p{max-width:650px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.84);margin:0}.arrow-link{font-size:12px;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:6px}.arrow-link span{margin-left:18px}.hero-index{position:absolute;right:24px;bottom:40px;z-index:3;writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.5)}
.light-section{background:var(--cream)}.manifesto{padding:150px 0 165px}.manifesto-grid{display:grid;grid-template-columns:210px 1fr;gap:60px}.manifesto h2,.range h2,.capabilities h2{font-size:clamp(60px,7.4vw,112px);line-height:.86}.statement{font-family:var(--serif);font-size:clamp(28px,3.3vw,48px);line-height:1.13;max-width:980px;margin:52px 0 75px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article{padding:24px 26px 30px 0;border-right:1px solid var(--line)}.principles article+article{padding-left:26px}.principles span,.cap-list span{font-size:10px;color:#81786d}.principles h3{font-family:var(--serif);font-weight:500;font-size:31px;margin:54px 0 10px}.principles p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
/* 9-image editorial movement */
.editorial-sequence{position:relative;background:var(--void);padding:8px;overflow:hidden}.editorial-band{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;height:min(72vh,780px);min-height:520px;margin-bottom:8px}.editorial-band figure{margin:0;overflow:hidden;position:relative;background:#111}.editorial-band img{transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}.editorial-band figure:hover img{transform:scale(1.02)}.band-neutral{grid-template-columns:1fr 1.6fr 1fr}.band-warm{grid-template-columns:1.75fr .9fr 1.15fr;margin-bottom:0}.sequence-line{padding:76px 0 92px;color:var(--cream);font-family:var(--serif);font-size:clamp(34px,4.5vw,70px);line-height:.95}.sequence-line em{color:rgba(241,232,214,.58)}
.dark-section{background:var(--void);color:white}.process{padding:145px 0}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:52px}.micro{font-size:12px;margin:0}.process-list{border-top:1px solid rgba(255,255,255,.2)}.process-row{width:100%;display:grid;grid-template-columns:70px 1fr 1fr 30px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.2);color:white;padding:24px 0;cursor:pointer}.process-row span{font-size:10px;color:var(--gold)}.process-row strong{font-family:var(--serif);font-weight:500;font-size:52px}.process-row em{font-family:var(--serif);font-size:24px;color:rgba(255,255,255,.48)}.process-row i{font-style:normal;font-size:22px;transition:transform .25s}.process-row.open i{transform:rotate(45deg)}.process-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}.process-panel p{max-width:700px;margin:0 0 28px 70px;color:rgba(255,255,255,.62);line-height:1.7}.process-panel.open{max-height:160px}
/* MPC: Unalome owns the section; green only identifies the client */
.case-study{background:var(--void);color:var(--cream);padding-top:140px;border-top:1px solid rgba(241,232,214,.12)}.case-title-row{display:grid;grid-template-columns:1.3fr .55fr;gap:70px;align-items:end;margin:25px 0 72px}.case-tag{font-size:10px;letter-spacing:.18em;color:#65ad78}.case-study h2{font-size:clamp(64px,8vw,122px);line-height:.84}.case-summary{font-family:var(--serif);font-size:25px;line-height:1.2;color:rgba(241,232,214,.68);margin:0 0 8px}.case-images{display:grid;grid-template-columns:1.05fr .9fr 1fr;grid-template-rows:58vh 47vh;gap:7px;background:var(--cream);padding:7px 0}.case-img{margin:0;overflow:hidden}.ci1{grid-row:1/3}.ci2{grid-column:2/4}.ci3{grid-column:2}.ci4{grid-column:3}.case-body{padding:88px 0 125px}.before-after{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;padding:34px 0;border-top:1px solid rgba(241,232,214,.2);border-bottom:1px solid rgba(241,232,214,.2)}.before-after span{font-size:10px;letter-spacing:.18em;color:#65ad78}.before-after h3{font-family:var(--serif);font-size:38px;font-weight:500;margin:8px 0 4px}.before-after p{color:rgba(241,232,214,.54);margin:0}.shift-mark{text-align:center;color:#65ad78;font-size:30px}.proof-block{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.proof{border-right:1px solid rgba(241,232,214,.18);padding-right:28px}.proof+.proof{padding-left:28px}.proof b{display:block;font-family:var(--serif);font-size:84px;font-weight:500;line-height:1}.proof span{display:block;max-width:260px;font-size:12px;line-height:1.55;color:rgba(241,232,214,.55);margin-top:12px}.case-note{font-family:var(--serif);font-size:28px;line-height:1.18;max-width:840px;color:rgba(255,255,255,.90);margin:72px 0 0}.case-study .button{background:var(--cream);color:var(--void);border-bottom:3px solid var(--mpc)}
.range{padding:145px 0 0}.range-head{display:grid;grid-template-columns:210px 1fr;gap:60px}.range-head>div>p{max-width:650px;line-height:1.7;color:var(--muted);margin-top:28px}.range-grid{display:grid;grid-template-columns:1.05fr .95fr 1fr 1fr;gap:8px;background:var(--void);padding:8px;margin-top:72px}.range-grid figure{height:62vh;min-height:480px;margin:0;position:relative;overflow:hidden}.range-grid img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.range-grid figure:hover img{transform:scale(1.022)}.range-grid figcaption{position:absolute;left:12px;bottom:12px;background:rgba(13,12,10,.58);color:white;font-size:9px;letter-spacing:.15em;padding:7px 9px}.capabilities{padding:150px 0}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.cap-intro h2{font-size:clamp(54px,6vw,92px);margin-top:24px}.cap-list{border-top:1px solid var(--line)}.cap-list article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.cap-list h3{font-family:var(--serif);font-size:30px;font-weight:500;margin:0}.cap-list p{margin:5px 0 0;font-size:13px;color:var(--muted)}
.close{position:relative;height:88vh;min-height:670px;color:white}.close>img{position:absolute;inset:0}.close-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,10,.84) 0%,rgba(13,12,10,.48) 48%,rgba(13,12,10,.12) 76%),linear-gradient(0deg,rgba(13,12,10,.42),transparent)}.close-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}.close h2{font-size:clamp(72px,9vw,140px);line-height:.81;max-width:930px;margin-top:22px}.close p{font-family:var(--serif);font-size:28px;color:rgba(255,255,255,.75);max-width:670px}.button{align-self:flex-start;background:white;color:var(--void);padding:15px 19px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.close .button{margin-top:10px}footer{background:var(--void);color:rgba(255,255,255,.6);padding:30px 0;font-size:10px;letter-spacing:.12em}.footer-grid{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.footer-grid p{margin:0;text-align:center}.footer-grid>a{text-align:right}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}.process-link,.case-study-link{display:inline-block;margin-top:42px}.case-study-link{margin-top:34px}
@media(max-width:920px){.shell{width:min(100% - 36px,1360px)}.site-header{padding:16px 18px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:58px;right:18px;background:var(--void);padding:18px;flex-direction:column;align-items:flex-start;width:220px}.site-header nav.open{display:flex}.hero-bottom,.manifesto-grid,.range-head,.capability-grid{grid-template-columns:1fr}.hero-bottom{align-items:start}.principles{grid-template-columns:1fr}.principles article,.principles article+article{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.principles h3{margin:12px 0 8px}.editorial-band,.band-neutral,.band-warm{height:auto;min-height:0;grid-template-columns:1.4fr .8fr}.editorial-band figure{height:46vh}.editorial-band figure:nth-child(3){grid-column:1/3;height:38vh}.process-row{grid-template-columns:45px 1fr 30px}.process-row em{display:none}.case-title-row{grid-template-columns:1fr}.case-images{grid-template-columns:1fr 1fr;grid-template-rows:52vh 38vh 38vh}.ci1{grid-row:1/3}.ci2{grid-column:2;grid-row:1}.ci3{grid-column:2;grid-row:2}.ci4{grid-column:1/3;grid-row:3}.before-after{grid-template-columns:1fr}.shift-mark{text-align:left;margin:18px 0}.proof-block{grid-template-columns:1fr}.proof,.proof+.proof{padding:22px 0;border-right:0;border-bottom:1px solid rgba(241,232,214,.18)}.range-grid{grid-template-columns:1fr 1fr}.range-grid figure{height:52vh}.footer-grid{grid-template-columns:1fr;gap:12px}.footer-grid p,.footer-grid>a{text-align:left}}
@media(max-width:560px){h1{font-size:68px}.hero{min-height:650px}.hero-copy{padding-bottom:65px}.hero-slide{object-position:center!important}.manifesto,.process,.range,.capabilities{padding-top:95px}.editorial-sequence{padding:6px}.editorial-band,.band-neutral,.band-warm{display:block;margin-bottom:6px}.editorial-band figure,.editorial-band figure:nth-child(3){height:52vh;margin-bottom:6px}.sequence-line{padding:50px 12px 64px}.process-row strong{font-size:39px}.process-panel p{margin-left:45px}.case-study{padding-top:95px}.case-images{display:block;padding:6px 0}.case-img{height:52vh;margin-bottom:6px}.proof b{font-size:64px}.range-grid{grid-template-columns:1fr}.range-grid figure{height:58vh}.close h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide{transition:none;transform:none}.reveal{transition:none}.editorial-band img,.range-grid img{transition:none}}


/* =========================================================
   v1.2 REFINEMENT PASS
   - reconnect composition statement to the photography
   - preserve portrait composition for Thosh in the hero
   - restore a higher-resolution Don hero source
   - use cream for MPC; client green becomes accent only
   ========================================================= */

/* Composition statement: anchored at the seam between the neutral and warm movements.
   The line now belongs to the image sequence rather than creating a separate black chapter. */
.sequence-line-wrap{
  position:relative;
  z-index:6;
  height:0;
  margin:0;
  padding:0;
  pointer-events:none;
}
.sequence-line-wrap .sequence-line{
  position:absolute;
  left:0;
  right:0;
  top:0;
  transform:translateY(-50%);
  padding:0;
  margin:0 auto;
  color:rgba(255,255,255,.90);
  font-size:clamp(30px,3.7vw,58px);
  line-height:.94;
  text-shadow:0 2px 24px rgba(0,0,0,.52);
}
.sequence-line-wrap .sequence-line em{
  color:rgba(255,255,255,.72);
}

/* Hero art direction: preserve the portrait frame instead of forcing every image
   through the same full-bleed crop. The hero itself supplies the dark field. */
.hero-slides{background:var(--void)}
.hero-slide-thosh{
  object-fit:cover;
  object-position:64% 52% !important;
  width:100%;
  height:100%;
  background:none;
}
.hero-slide-thosh.is-active{transform:scale(1.005)}

/* MPC: Unalome owns the surface; MPC green identifies the client. */
.case-study{
  background:var(--cream);
  color:var(--void);
  border-top:1px solid rgba(13,12,10,.13);
}
.case-study .kicker{color:var(--earth)}
.case-tag,
.before-after span,
.shift-mark{color:var(--mpc)}
.case-summary{color:rgba(13,12,10,.66)}
.before-after{
  border-top-color:rgba(13,12,10,.18);
  border-bottom-color:rgba(13,12,10,.18);
}
.before-after p{color:rgba(13,12,10,.56)}
.proof{border-right-color:rgba(13,12,10,.16)}
.proof span{color:rgba(13,12,10,.56)}
.case-note{color:rgba(13,12,10,.74)}
.case-study .button{
  background:var(--void);
  color:var(--cream);
  border-bottom:3px solid var(--mpc);
}
.case-images{
  background:var(--void);
}

@media(max-width:920px){
  .sequence-line-wrap .sequence-line{font-size:clamp(28px,4.8vw,46px)}
  .hero-slide-thosh{object-position:64% 52% !important}
  .proof,.proof+.proof{border-bottom-color:rgba(13,12,10,.16)}
}
@media(max-width:560px){
  .sequence-line-wrap .sequence-line{left:12px;right:12px;font-size:clamp(27px,8vw,42px)}
  /* On mobile, preserve subject first; the fixed hero copy remains readable over the shade. */
  .hero-slide-thosh{
    object-fit:cover;
    object-position:64% 52% !important;
  }
}


/* =========================================================
   v1.5 EDITORIAL / FRAMING PASS
   ========================================================= */
/* Thosh: keep the portrait full-bleed while bringing the face back into frame. */
.hero-slide-thosh{object-fit:cover;object-position:64% 38% !important;}
/* Stone carry: favor the full body and reduce unused sky. */
.hero-slide[src*="hero-05-stone-carry"]{object-position:58% 72% !important;}
/* The selected-creative section now follows the premise as commercial proof. */
.range{border-top:1px solid rgba(22,21,17,.10);}
/* Refined 9-block hierarchy after the section moved lower in the page. */
.band-cool{grid-template-columns:2fr 1fr 1fr;}
.band-warm{grid-template-columns:1.75fr .9fr 1.15fr;}
@media(max-width:560px){
  .hero-slide-thosh{object-position:64% 38% !important;}
  .hero-slide[src*="hero-05-stone-carry"]{object-position:58% 72% !important;}
}