.project{display:block}.project-tile{min-width:0}.case-preview{background:none;border:0;padding:8px 0;color:var(--ink);font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.project-story,.speaker-page{max-width:1500px;margin:auto}.story-heading{padding:70px 6% 30px;max-width:1050px}.story-heading h1,.speaker-opening h1{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em;font-size:clamp(42px,5.2vw,80px);font-weight:600;line-height:1.03}.story-intro{font-size:21px;line-height:1.7}.story-facts{display:flex;flex-wrap:wrap;gap:25px 45px;border-top:1px solid var(--line);padding-top:25px;font-size:14px}.story-facts dt{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.story-facts dd{margin:0;max-width:300px;line-height:1.6}.story-art{margin:20px 6%;height:400px}.story-art .art-word{font-size:clamp(45px,7vw,100px)}.story-art:after{display:none}.story-copy{max-width:850px;margin:60px auto;padding:0 6%}.story-copy h2,.speaker-content h2{font-size:38px;letter-spacing:-1px;margin:40px 0 18px}.story-copy p,.speaker-content p{font-size:17px;line-height:1.85}.story-next{background:#e5d8cd;padding:30px;margin:45px 0}.story-next h2{margin-top:0}.story-next a{overflow-wrap:anywhere}.speaker-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;padding:65px 6%;align-items:center;background:#004b50;color:#fff9f3}.speaker-opening .eyebrow{color:#e9c878}.speaker-opening p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:580px}.speaker-opening img{width:100%;height:auto;max-height:620px;object-fit:cover}.speaker-opening .pill{margin-top:15px}.speaker-content{max-width:1000px;margin:auto;padding:35px 6% 70px}.speaker-content h3{font-family:Georgia,serif;font-weight:400;font-size:24px;letter-spacing:-.5px}.speaker-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.speaker-topics section{border-top:1px solid var(--line);padding-top:25px}.speaker-topics p{font-size:15px}.speaker-content li::marker{color:#a63355}.speaker-content .small{font-size:13px}.speaker-content .record h3{font-size:18px}.speaker-content .record p{font-size:13px}.question-links{display:flex;gap:18px;flex-wrap:wrap;padding:25px 5%;font-size:12px;border-top:1px solid var(--line);line-height:1.7}.question-links>span{font-weight:700}.question-links a{text-decoration:underline;text-underline-offset:4px}.experience-v2 .project-tile:first-child{grid-column:auto}.experience-v2 .project-tile .art{height:365px}.projects>.project-tile:first-child{grid-column:span 2}.projects>.project-tile:first-child .art{height:410px}.experience-v2 .projects>.project-tile:first-child{grid-column:auto}.experience-v2 .projects>.project-tile:first-child .art{height:365px}@media(max-width:760px){.speaker-opening{grid-template-columns:1fr;padding:45px 6%;gap:30px}.speaker-opening h1,.story-heading h1{font-size:43px}.speaker-opening img{max-height:430px;object-position:top}.speaker-content,.story-copy{padding-left:6%;padding-right:6%}.story-heading{padding-top:45px}.story-intro{font-size:18px}.story-art{height:270px}.speaker-topics{grid-template-columns:1fr}.speaker-content h2,.story-copy h2{font-size:32px}.story-next{padding:24px}.story-facts{display:grid;gap:20px}.experience-v2 .project-tile .art,.experience-v2 .projects>.project-tile:first-child .art{height:310px}.projects>.project-tile:first-child{grid-column:auto}.projects>.project-tile:first-child .art{height:310px}}
.experience-v2 header nav a[aria-current=true]{font-weight:700}@media(max-width:760px){.experience-v2 header nav>a[href="speaker.html"],.experience-v2 header nav>a[href="spreker.html"]{display:inline}.experience-v2 header nav>a[href$="#werk"]{display:none}}

.question-links a{display:inline!important}

.project-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 18px}.project-tags li{font-size:11px;line-height:1.45;border:1px solid #073d4230;border-radius:20px;padding:5px 10px}.project-tags li:has(button){padding:0}.project-tags button{border:0;background:transparent;color:inherit;font:inherit;padding:5px 10px;cursor:pointer;border-radius:20px}.project-tags button:hover{background:#073d42;color:#fff9f3}.project-tile>.project-tags{margin:0 0 12px}.filters{flex-wrap:wrap}.filters button{white-space:normal;text-align:left;line-height:1.4}.case-story+.project-tags{margin-top:20px}@media(max-width:760px){.filters{gap:6px}.filters button{font-size:10px;padding:8px 11px}.project-tags li{font-size:10px}}

/* Real project photography, with a light tonal finish. */
.photo-art{position:relative;overflow:hidden;background:#123f42!important}.photo-art::before,.photo-art::after{display:none!important}.photo-art .project-photo{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.035);transition:transform .6s ease}.photo-art .art-label{position:absolute;top:16px;left:16px;right:auto;max-width:90%;padding:7px 10px;background:#fff9f3e8;color:#073d42;z-index:2;line-height:1.4}.project:hover .project-photo{transform:scale(1.025)}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 40px}.project-gallery figure{margin:0}.project-gallery img{display:block;width:100%;height:auto;filter:saturate(.94) contrast(1.035)}.project-gallery figcaption{font-size:10px;opacity:.65;margin-top:5px}.project-gallery figure:last-child:nth-child(odd){grid-column:1/-1}.project-gallery figure:last-child:nth-child(odd) img{max-height:700px;object-fit:contain;background:#073d4208}.story-art.photo-art{height:540px;min-height:0}.story-art.photo-art img{object-position:center}.story-copy>.project-gallery{margin-bottom:44px}@media(max-width:760px){.project-gallery{grid-template-columns:1fr;gap:14px}.story-art.photo-art{height:340px}.photo-art .art-label{top:12px;left:12px;font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.photo-art .project-photo{transition:none}}

/* Photo covers share the graphic language of the illustrated covers. */
.experience-v2 :is(.project,.project-story) .photo-art{isolation:isolate;background:#073d42!important}.experience-v2 :is(.project,.project-story) .photo-art .project-photo{position:absolute;inset:0;filter:grayscale(1) contrast(1.12);opacity:.44;mix-blend-mode:luminosity}.experience-v2 :is(.project,.project-story) .photo-art::before{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(145deg,#007d7780,#073d42b8);z-index:1;pointer-events:none}.experience-v2 :is(.project,.project-story) .photo-art::after{display:block!important;content:"";position:absolute;inset:auto -12% -38% auto;width:60%;height:95%;border:1px solid #ff91ba80;border-radius:50%;z-index:2;transform:rotate(-25deg);pointer-events:none}.experience-v2 :is(.project,.project-story) .photo-art .art-word{position:relative;z-index:3;color:#ff91ba;text-shadow:none;transform:rotate(-6deg);font-size:clamp(45px,5.8vw,90px);line-height:.95;letter-spacing:-.065em}.experience-v2 :is(.project,.project-story) .photo-art .art-label{background:none;color:#fff9f3c9;padding:0;z-index:4}.experience-v2 :is(.project,.project-story) .photo-art-1 .art-word,.experience-v2 :is(.project,.project-story) .photo-art-6 .art-word{color:#d9f3ad}.experience-v2 :is(.project,.project-story) .photo-art-2 .art-word,.experience-v2 :is(.project,.project-story) .photo-art-5 .art-word{color:#fff0df}.experience-v2 :is(.project,.project-story) .photo-art-3 .art-word{color:#ffc06f}.experience-v2 .project:hover .photo-art .project-photo{opacity:.57}.experience-v2 .project:hover .photo-art .art-word{transform:rotate(-3deg)}@media(max-width:760px){.experience-v2 :is(.project,.project-story) .photo-art .art-word{font-size:clamp(42px,12vw,67px)}}

.experience-v2 .project-story .story-art.photo-art{display:flex;align-items:center;justify-content:center;padding:40px;text-align:center}.experience-v2 .project-story .story-art.photo-art .art-word{font-size:clamp(60px,8vw,125px);max-width:90%}@media(max-width:760px){.experience-v2 .project-story .story-art.photo-art .art-word{font-size:clamp(40px,11vw,70px)}}

.speaker-stage-photo{margin:0;align-self:center}.speaker-opening .speaker-stage-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#073d42}.speaker-stage-photo figcaption{font-size:12px;padding-top:10px;opacity:.7}

.project-gallery img.photo-lowlight{filter:brightness(1.22) contrast(1.08) saturate(.86)}

.experience-v2 :is(.project,.project-story) .photo-art.artwork-cover{background:#303352!important;padding:0}.experience-v2 :is(.project,.project-story) .photo-art.artwork-cover .project-photo{opacity:1;filter:none;mix-blend-mode:normal;object-fit:contain}.experience-v2 :is(.project,.project-story) .photo-art.artwork-cover::before,.experience-v2 :is(.project,.project-story) .photo-art.artwork-cover::after,.experience-v2 :is(.project,.project-story) .photo-art.artwork-cover .art-word{display:none!important}

.experience-v2 .filters .all-projects-button{background:#073d42;color:#fff9f3;border-color:#073d42;margin-left:auto}.experience-v2 .filters .all-projects-button:hover{background:#007d77}@media(max-width:760px){.experience-v2 .filters .all-projects-button{margin-left:0}}

/* Launch check: keep the main routes accessible on small screens. */
@media(max-width:760px){
 .experience-v2 header{height:auto;min-height:110px;padding:16px 5%;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 .experience-v2 header nav{width:100%;display:flex;flex-wrap:wrap;gap:6px 17px;font-size:12px;align-items:center}
 .experience-v2 header nav>a:not(.nav-contact){display:inline-flex!important;align-items:center;min-height:32px}
 .experience-v2 header nav>a.nav-contact{display:none}
 .experience-v2 header .language-switch{margin-left:auto;min-height:32px}
}
:where(a,button,input,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
dialog{max-height:85vh;max-height:85dvh;overflow-y:auto}

/* Preserve contrast without changing the established palette. */
.experience-v2 .development h2 em{color:#ff91ba}
.experience-v2 .personal-experience h2 em{color:#683c48}
.experience-v2 .personal-experience .eyebrow{color:#17484a}
.experience-v2 .offering-links>a{display:inline-flex!important;align-items:center;min-height:44px}
.legacy-anchor{display:block;height:0;scroll-margin-top:30px}

/* Keep all primary routes visible at tablet widths too. */
.experience-v2 header nav>a:not(.nav-contact){display:inline-flex;align-items:center}

/* Shared arrow dimensions also cover challenge pages without experience.css. */
.hand-arrow{display:inline-flex;width:1.85em;height:1.3em;vertical-align:-.25em;align-items:center;justify-content:center;flex-shrink:0;margin-left:.12em}.hand-arrow svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(var(--arrow-turn,0deg))}

/* WhatsApp remains within reach while browsing every public page. */
body:not(.experience-v2) footer .whatsapp-chat {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: calc(24px + env(safe-area-inset-bottom));
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 62px;
  padding: 17px 24px;
  border: 1px solid #fff9f380;
  border-radius: 999px;
  background: #073d42;
  color: #fff9f3;
  box-shadow: 0 5px 24px #073d4230;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
}
body:not(.experience-v2) footer .whatsapp-chat .whatsapp-icon {
  display: block;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
}
body:not(.experience-v2) footer .whatsapp-chat:hover,
body:not(.experience-v2) footer .whatsapp-chat:focus-visible {
  background: #fff9f3;
  color: #073d42;
  border-color: #073d42;
}
body:not(.experience-v2) footer { padding-bottom: 110px; }
@media(max-width:760px) {
  body:not(.experience-v2) footer .whatsapp-chat {
    right: max(16px, env(safe-area-inset-right));
    bottom: calc(16px + env(safe-area-inset-bottom));
    min-height: 56px;
    padding: 14px 19px;
    gap: 10px;
    font-size: 14px;
    max-width: calc(100vw - 32px);
  }
}
@media print {
  body:not(.experience-v2) footer .whatsapp-chat { display: none; }
}