/* Clear actions, a connected work selection and a quieter contact hierarchy. */
.format-lane .format-heading{margin:0;cursor:default;text-align:left;font:inherit;background:var(--format-accent);box-shadow:3px 3px 0 #20201e18}
.format-lane .format-heading:hover{background:var(--format-accent);transform:none;box-shadow:3px 3px 0 #20201e18}
.format-heading::after{display:none;content:none}
.work-ownership{margin:0 0 17px;font-size:13px;line-height:1.5;color:#5b5c52}
.work-ownership strong{color:#20201e;font-weight:700}
.format-lane .feature-video .project-cta{gap:10px}
.chest-reference>summary .count{min-width:20px;text-align:center;font-size:23px;line-height:1}
.chest-reference>summary .count::before{content:'+'}
.chest-reference[open]>summary .count::before{content:'−'}
.work-next-steps{border-top:1px solid #c7c5ba;margin-top:26px;padding:23px 0 0}
.work-next-steps>p{font-size:15px;line-height:1.5;margin:0 0 14px;letter-spacing:-.02em}
.work-next-steps>div{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.work-next-steps .btn{font-size:10px}
.work-method-link{font:11px/1.5 var(--mono);text-underline-offset:4px}
.chapter-preview-cue{display:table;margin-top:9px;font:11px/1.4 var(--mono);color:#fff;text-decoration:underline;text-underline-offset:4px}
.zoom-glyph{display:block;width:17px;height:17px}
.image-zoom,.post-zoom,.child-photo-zoom{display:grid;place-items:center}
.social-work-link{border:0;background:transparent;padding:0;color:inherit;text-decoration:underline;text-underline-offset:4px}
.contact-panel>.contact-konter{display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 0;margin:0;background:transparent;color:#c5caba;border:0;border-top:1px solid #62695c;box-shadow:none}
.contact-panel>.contact-konter:hover,.contact-panel>.contact-konter:focus-visible{background:transparent;color:#fff;border-color:#b8a1b0}
.contact-panel>.contact-konter>.mono{color:#c5caba;font-size:9px}
.contact-panel>.contact-konter img{width:105px;height:auto;margin:0;padding:4px;background:white;border-radius:2px}
.contact-panel>.contact-konter .contact-arrow{position:static;margin-left:auto;color:#c5caba;font-size:18px}
.work-dialog .dialogbar{gap:14px;min-height:58px}
.work-dialog #workPosition{font-size:10px;letter-spacing:.02em}
.work-dialog .work-close{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;width:auto;min-height:40px;padding:7px 10px;font:10px/1.3 var(--mono);background:#fffaf3}
.work-close>span:last-child{font:23px/1 Arial,sans-serif}
.work-dialog [hidden]{display:none!important}
.work-load-status{display:flex;align-items:center;gap:7px;min-height:18px;margin:0 0 9px;font:10px/1.5 var(--mono);color:#69695f}
.work-load-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#bc0c85;flex-shrink:0}
.work-load-status[data-state='loading']::before{animation:work-loading 1.2s ease-in-out infinite alternate}
.work-load-status[data-state='ready']::before{background:#477759}
.work-load-status[data-state='slow']::before{background:#a47a28}
.work-load-status[data-state='error']::before{background:#a52c42}
.work-story-jump{display:none}
.work-case{scroll-margin-top:78px}
.work-case:focus,.work-case h2:focus{outline:none}
.work-sequence{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:44px minmax(0,1fr);gap:9px 12px;padding:12px 24px;border-top:1px solid #d6cbd1;background:#f8f6f0;box-shadow:0 -5px 16px #302a3010}
.work-previous{align-self:center;display:grid;place-items:center;width:44px;height:44px;border:1px solid #aaa69e;background:#fffdf6;font-size:20px}
.work-previous:disabled{opacity:.35;cursor:default}
.work-next,.work-sequence-contact{grid-column:2;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:4px;min-height:48px;padding:10px 16px;border:1px solid #a70770;background:#bc0c85;color:#fff;text-align:left;text-decoration:none}
.work-next:hover,.work-sequence-contact:hover{background:#a70770}
.work-next>.mono{font-size:9px;letter-spacing:.02em}
.work-next strong{font-size:14px;font-weight:700;line-height:1.25}
.work-sequence-contact{font:bold 11px/1.5 var(--mono);display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.work-more-videos{grid-column:2;justify-self:start;border:0;padding:3px 0;background:transparent;font:10px/1.6 var(--mono);text-decoration:underline;text-underline-offset:3px}
@keyframes work-loading{from{opacity:.35}to{opacity:1}}
@media(max-width:700px){
  .top .logo{display:flex;align-items:center;min-height:44px;flex-shrink:0}
  .top .logo .logo-name{display:none}
  .top .logo b{margin-right:0}
  .top nav{gap:9px}
  .top nav a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;padding:8px 5px}
  .top nav a.desktop{display:none}
  .top nav a:last-child{padding:8px 10px}
  .work-ownership{font-size:12px;margin-bottom:14px;max-width:340px}
  .work-next-steps{padding-top:20px}
  .work-next-steps>p{font-size:14px}
  .work-next-steps>div{gap:17px}
  .work-next-steps .btn{font-size:9px;padding:13px 14px}
  .chapter-preview-cue{font-size:10px;margin-top:8px}
  .work-dialog .dialogbar{padding:7px 12px;min-height:58px}
  .work-dialog #workPosition{font-size:9px}
  .work-dialog .work-close{gap:8px;min-height:42px;font-size:9px}
  .work-story-jump{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:12px;padding:10px 0;border:0;border-bottom:1px solid #bd9caf;background:transparent;color:#912467;font:11px/1.5 var(--mono);text-align:left}
  .work-sequence{padding:10px 14px;gap:8px 10px}
  .work-next strong{font-size:13px}
  .work-sequence-contact{font-size:10px;padding:10px 12px}
  .work-more-videos{font-size:9px}
  .contact-panel>.contact-konter{min-height:58px;padding:12px 0;gap:12px}
}
@media(max-width:440px){
  .lead-projects.format-showcase .format-lane{grid-template-rows:66px 18px minmax(0,1fr)}
  .format-lane .format-heading .format-banner{padding:15px 16px;gap:12px}
  .format-heading .format-banner>strong{font-size:21px}
  .format-heading .format-mark{width:27px;height:27px}
  .format-heading .format-mark svg{width:23px;height:23px}
  .format-heading .format-counter.mono{top:9px;right:11px;font-size:9px}
  .format-lane .feature-video .project-launch{display:grid;grid-template-columns:minmax(105px,.42fr) minmax(0,.58fr);align-items:stretch}
  .format-lane .feature-video .project-cover{aspect-ratio:auto;min-height:200px;height:auto;align-self:stretch;border-bottom:0;border-right:1px solid #d6d2ca}
  .format-lane .feature-video .project-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .format-lane .feature-video .project-copy{min-height:0;padding:15px 12px;gap:9px}
  .format-lane .feature-video .project-copy>strong{font-size:20px}
  .format-lane .feature-video .project-brief{font-size:12px;line-height:1.5}
  .format-lane .feature-video .project-metric{font-size:10px;line-height:1.5;padding-top:3px}
  .format-lane .feature-video .project-metric b{font-size:12px}
  .format-lane .feature-video .project-cta{font-size:9px;line-height:1.5;gap:7px}
  .format-lane .feature-video .play-circle{width:39px;height:39px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.work-load-status[data-state='loading']::before{animation:none}}

/* Three real layout rows keep the controls entirely outside the video. */
.work-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:min(900px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);overflow:hidden;--work-video-height:max(120px,calc(100dvh - 330px))}
.work-dialog .dialogbar{position:static;min-height:54px;padding:8px 18px}
.work-dialog .work-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px;align-items:start;scroll-behavior:smooth}
.work-dialog .work-player-column{position:sticky;top:0;align-self:start;justify-self:center;width:min(100%,calc(var(--work-video-height) * .5625));max-width:100%;margin:0}
.work-dialog .work-player{width:100%;max-height:var(--work-video-height);margin:0 auto}
.work-dialog .work-player-column>.btn{font-size:9px;min-height:38px;padding:10px 7px;margin-top:10px}
.work-dialog .work-load-status{font-size:9px;margin-bottom:7px}
.work-dialog .work-sequence{position:static;box-shadow:none;padding:9px 18px;gap:8px 12px;align-items:center}
.work-dialog .work-next{min-height:46px;padding:8px 13px}
.work-next strong{font-size:13px}
.work-sequence-continue{grid-column:2;display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 13px;border:1px solid #a70770;background:#bc0c85;color:#fff;text-align:left;font:bold 11px/1.5 var(--mono)}
.work-sequence-continue:hover{background:#a70770}

/* A handwritten invitation sits beside each heading without adding another line. */
.path>.chapter>summary{grid-template-columns:45px minmax(0,1fr) auto 135px 25px;min-height:132px}
.chapter-heading-copy{min-width:0}
.chapter-example-note{display:inline-flex;align-items:center;gap:6px;justify-self:end;max-width:135px;font:500 23px/1.05 'WMFirstMapHand',cursive;color:#fff;transform:rotate(-4deg);text-align:center}
.chapter-example-note svg{display:block;flex-shrink:0;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform 220ms ease}
.chapter[open]>summary .chapter-example-note svg{transform:rotate(180deg)}
@media(max-width:1100px){
 .path>.chapter>summary{grid-template-columns:36px minmax(0,1fr) auto 106px 25px;gap:13px;padding:22px 20px}
 .chapter-example-note{max-width:108px;font-size:21px}
 .path>.chapter>summary h3{font-size:29px}
}
@media(max-width:700px){
 .path>.chapter>summary{grid-template-columns:28px minmax(0,1fr) 92px 20px;gap:9px;padding:18px 12px;min-height:132px}
 .path>.chapter>summary .meta{display:none}
 .path>.chapter>summary h3{font-size:21px;line-height:1.15}
 .path>.chapter>summary .sub{font-size:9px;line-height:1.55}
 .chapter-example-note{max-width:92px;font-size:20px;gap:2px}
 .chapter-example-note svg{width:14px;height:14px}
 .work-dialog[open]{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);--work-video-height:max(120px,calc(100dvh - 300px))}
 .work-dialog .dialogbar{padding:7px 12px;min-height:54px}
 .work-dialog .work-dialog-body{display:block;padding:17px}
 .work-dialog .work-player-column{position:static;margin:0 auto 26px;max-width:300px}
 .work-dialog .work-sequence{padding:9px 12px;gap:8px 10px}
 .work-sequence-continue{font-size:10px;min-height:44px}
 .work-dialog .work-next strong{font-size:12px}
 .work-story-jump{margin-top:6px;min-height:38px;font-size:10px}
}
@media(max-width:380px){
 .path>.chapter>summary{grid-template-columns:26px minmax(0,1fr) 71px 18px;gap:7px;padding:17px 10px}
 .path>.chapter>summary h3{font-size:19px}
 .chapter-example-note{max-width:71px;font-size:18px;gap:1px}
 .chapter-example-note svg{width:12px;height:12px}
}
@media(prefers-reduced-motion:reduce){.project-play,.project-play .play-circle,.inline-player,.chapter-example-note svg{transition:none}.work-dialog .work-dialog-body{scroll-behavior:auto}}

/* A complete handwriting font keeps all letters consistent beside the envelope. */
@font-face{font-family:ContactKalam;src:url('contact-kalam.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.social-bridge{margin-bottom:28px}
.contact-note-space{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:55px;align-items:center;min-height:154px;padding:0 0 26px}
.contact-note{position:relative;grid-column:1;justify-self:end;width:min(340px,100%);margin-right:6px}
.contact-handnote{margin:0;font:400 23px/1.3 ContactKalam,'Segoe Print',cursive;color:#55454f;letter-spacing:0;transform:rotate(-2deg);transform-origin:center}
.contact-note-arrow{display:block;position:absolute;left:calc(100% + 12px);top:62%;width:64px;height:42px;overflow:visible;fill:none;stroke:#80556e;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.career-funfact-aside .apple-cry-emoji{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;object-fit:contain}
.work-dialog[open]{animation:work-dialog-enter 220ms cubic-bezier(.2,.7,.2,1)}
.work-player iframe{opacity:0;transition:opacity 280ms ease}
.work-player.is-visible iframe{opacity:1}
.work-load-status[data-state='paused']::before{background:#a47a28}
.work-player-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;margin-bottom:7px}
.work-dialog .work-player-tools .work-load-status{margin:0;min-width:0}
.work-sound-button{flex-shrink:0;border:1px solid #b68ca7;padding:5px 7px;min-height:28px;background:#faf0f7;color:#7d235f;font:9px/1.3 var(--mono);cursor:pointer}
.work-sound-button:hover,.work-sound-button:focus-visible{background:#f3d4e9;border-color:#912467}
@keyframes work-dialog-enter{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:950px){
 .contact-note-space{grid-template-columns:minmax(0,1fr) 315px;gap:32px}
 .contact-note{width:min(310px,100%);margin-right:0}
 .contact-handnote{font-size:21px}
 .contact-note-arrow{left:calc(100% + 7px);width:49px}
}
@media(max-width:700px){
 .social-bridge{margin-bottom:24px}
 .contact-note-space{display:block;min-height:0;padding:5px 0 186px}
 .contact-note{width:min(300px,calc(100% - 44px));margin:0 0 0 4px}
 .contact-handnote{font-size:22px}
 .contact-note-arrow{left:auto;right:24px;top:calc(100% + 8px);width:50px;height:38px;transform:rotate(25deg)}
 .work-sound-button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.work-dialog[open]{animation:none}.work-player iframe{transition:none}}

/* Only portrait phones: keep the complete player in view on entry. */
@media (max-width:700px) and (orientation:portrait){
 .platform-row,.career-funfact{display:none}
 .work-dialog[open]{width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);animation:none;--work-video-height:max(120px,calc(100dvh - 270px))}
 .work-dialog .work-dialog-body{scroll-behavior:auto;overflow-anchor:none;padding:12px}
 .work-dialog .work-player-column{width:min(100%,300px,calc(var(--work-video-height) * .5625));margin-bottom:24px}
 .work-dialog .work-player{height:auto;max-height:none;aspect-ratio:9/16}
 .work-dialog .work-player iframe{opacity:1;transition:none}
}