/* Different experience structures inside the existing Outward / Open world system. */
.creative-experience{margin:24px 0 32px;padding:28px;border:1px solid #c6cddb;color:#18213b;background:#f6f8fc}.creative-experience h2{font-size:clamp(28px,3vw,40px);line-height:1.08;margin:0 0 20px}.creative-credit{border-top:1px solid #c6cddb;padding:18px 0 12px}.creative-credit h3{font-size:27px;line-height:1.12;margin:5px 0 10px}.creative-role-label{font-size:13px;font-weight:650;margin:0}.creative-context-note{font-size:14px}.creative-listening{display:inline-flex;align-items:center;min-height:44px;font-weight:650}.creative-source{font-size:14px}.creative-source summary{cursor:pointer;min-height:44px;padding:12px 0}.creative-source p{margin:8px 0 15px}.creative-hear{background:#18213b;color:#fff;border-color:#18213b}.creative-hear h3{font-size:clamp(30px,4vw,47px)}.creative-hear a{color:#ffd15c}.creative-hear .section-code{color:#ffd15c}.creative-hear .creative-credit{border-color:#65708a}.creative-hear a:focus-visible,.creative-hear summary:focus-visible{outline:3px solid #ffd15c;outline-offset:4px}.creative-see{background:#fff;padding:35px}.creative-see .creative-work-title{font-size:30px;line-height:1.16;font-style:italic;margin:18px 0}.creative-see .creative-credit{border-left:3px solid #2447f9;border-top:0;padding:3px 0 10px 16px;margin:24px 0}.creative-make{background:#d7f3eb}.creative-making{margin:22px 0}.creative-making>div{border-top:1px solid #97b9b0;padding:15px 0}.creative-making dt{font-weight:700}.creative-making dd{margin:7px 0 0}.creative-gallery{display:grid;gap:20px;margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.creative-gallery figure{margin:0;min-width:0}.creative-gallery figure:first-child{grid-column:1/-1}.creative-gallery img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain;background:#f6f8fc}.creative-gallery figcaption{font-size:14px;padding:12px 0}.creative-gallery summary{cursor:pointer;min-height:44px;padding:10px 0}.creative-directory,.creative-profile{padding-top:32px;padding-bottom:48px}.creative-directory h1,.creative-profile h1{font-size:clamp(38px,5vw,62px);line-height:1.07;margin:15px 0 24px;overflow-wrap:anywhere}.creative-search{margin:28px 0;display:flex;align-items:end;gap:14px;flex-wrap:wrap}.creative-search label{width:100%;font-weight:650}.creative-search input:not([type=hidden]){border:1px solid #566078;padding:12px;min-height:44px;width:min(450px,100%);font:inherit}.creative-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;border-top:3px solid #18213b}.creative-directory-list article{border-bottom:1px solid #c6cddb;padding:22px 0}.creative-directory-list h2{font-size:30px;line-height:1.12;margin:12px 0}.creative-directory-link{display:inline-flex;min-height:44px;align-items:center;font-weight:650}.creative-empty{padding:22px 0;margin:0}.creative-pagination{display:flex;gap:22px;align-items:center;margin-top:25px}.creative-pagination a{min-height:44px;display:flex;align-items:center}.creative-profile-header{padding:28px;color:#18213b;background:#ffe1d3;margin:25px 0 38px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:35px}.creative-profile-header:has(>div:only-child){grid-template-columns:1fr}.creative-profile-header .creative-gallery{margin:0;align-content:start}.creative-profile-introduction{font-size:18px;max-width:62ch}.creative-discipline{font-weight:650}.creative-official-links{display:flex;flex-wrap:wrap;gap:12px}.creative-official-links .button{white-space:normal;min-height:44px}.creative-section-heading{display:flex;gap:25px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.creative-section-heading h2,.creative-flexible h2{font-size:32px}.creative-show-list{list-style:none;padding:0;margin:20px 0}.creative-show-list li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;border-top:1px solid #c6cddb;padding:22px 0}.creative-show-list time strong{display:block;margin-top:6px}.creative-show-list h3,.creative-flexible h3{font-size:27px;line-height:1.12;margin:0 0 12px}.creative-show-list p{margin:8px 0}.creative-show-list li.creative-empty{display:block}.creative-flexible article{border-top:1px solid #c6cddb;padding:22px 0}.creative-experience a:focus-visible,.creative-profile a:focus-visible,.creative-directory a:focus-visible,.creative-source summary:focus-visible{outline:3px solid #2447f9;outline-offset:4px}
@media(max-width:760px){.creative-profile-header{grid-template-columns:1fr;padding:24px;gap:20px}.creative-directory-list{grid-template-columns:1fr}.creative-experience,.creative-see{padding:24px}.creative-show-list li{grid-template-columns:1fr;gap:12px}.creative-show-list time{display:flex;gap:15px;align-items:baseline}.creative-show-list time strong{margin:0}.creative-gallery{grid-template-columns:1fr}.creative-search{align-items:stretch}.creative-search input:not([type=hidden]){width:100%}.creative-search button{width:100%}}
@media(prefers-color-scheme:dark){html:not([data-appearance='light']) .creative-directory-list,html:not([data-appearance='light']) .creative-show-list,html:not([data-appearance='light']) .creative-flexible{border-color:#65708a}}
@media(forced-colors:active){.creative-experience,.creative-profile-header{border:1px solid CanvasText;background:Canvas;color:CanvasText}.creative-hear a,.creative-hear .section-code{color:LinkText}}

.creative-profile-header .creative-source a{color:#2447f9}.creative-profile-header .section-code{color:#18213b}
/* The existing compact-detail reset must not collapse the experience panel. */
.detail-main>.creative-experience,.detail-compact .detail-main>.creative-experience{padding:28px;margin:24px 0 32px}
.detail-main>.creative-see,.detail-compact .detail-main>.creative-see{padding:35px}
.creative-see a,.creative-make a,.creative-context a{color:#2447f9}
.creative-see .section-code,.creative-make .section-code,.creative-context .section-code{color:#18213b}
.creative-profile-header .button-line{color:#18213b;background:#f6f8fc;border-color:#566078}
.creative-profile-header .button-line:hover{color:#fff;background:#2447f9}
@media(max-width:760px){.detail-main>.creative-experience,.detail-compact .detail-main>.creative-experience{padding:24px}}