/* Artist at Work additions. Does not override the original page layout. */
.site-nav .nav-links { flex-wrap: wrap; justify-content: flex-end; column-gap: clamp(9px,1.4vw,20px); }
@media (min-width:561px) and (max-width:950px) { .site-nav { align-items:flex-start; } .site-nav .nav-links { max-width:75%; row-gap:7px; } }
.approach-block { padding:clamp(28px,5vw,48px); border-top:1px solid var(--line); }
.approach-block h2 { margin-bottom:10px; }
.approach-block > p { max-width:730px; margin:0 auto 18px; color:var(--muted); }
.approach-block details { max-width:790px; margin:0 auto; border:1px solid var(--line); background:var(--canvas); border-radius:18px; text-align:left; }
.approach-block summary { list-style:none; cursor:pointer; color:var(--forest-dark); font-weight:800; padding:19px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.approach-block summary::-webkit-details-marker { display:none; }
.approach-block summary::after { content:'+'; font-size:1.7rem; font-weight:400; line-height:1; }
.approach-block details[open] summary::after { content:'−'; }
.approach-steps { margin:0; padding:0 28px 23px 48px; }
.approach-steps li { padding:0 0 11px 6px; }
.approach-steps li:last-child { padding-bottom:0; }
.approach-book { margin-top:20px; text-align:center; }
.team-hero img { display:block; width:100%; height:100%; object-fit:cover; }
.team-intro { text-align:center; }
.team-intro .lead { margin-inline:auto; }
.team-chooser { padding:clamp(24px,4vw,48px); border-top:1px solid var(--line); }
.team-chooser h2 { text-align:center; }
.team-chooser .chooser-lead { text-align:center; color:var(--muted); max-width:740px; margin:0 auto 24px; }
.team-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.team-option { min-width:0; min-height:156px; border:1px solid var(--line); border-radius:18px; background:var(--canvas); padding:18px 14px; color:var(--ink); cursor:pointer; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; text-align:center; font:inherit; }
.team-option strong { font-family:Georgia,serif; font-size:1.12rem; line-height:1.2; color:var(--forest-dark); }
.team-option small { font-size:.86rem; color:var(--muted); line-height:1.35; }
.team-option .team-icon { width:34px; height:34px; color:var(--forest); }
.team-option[aria-pressed='true'] { background:#e5eee2; border:2px solid var(--forest); padding:17px 13px; }
.team-results { margin-top:30px; padding-top:24px; border-top:1px solid var(--line); }
.team-results h3 { margin:0 0 7px; color:var(--forest-dark); font-size:1.7rem; }
.team-results > p { color:var(--muted); margin-top:0; }
.team-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.team-card { min-width:0; display:flex; flex-direction:column; gap:8px; padding:21px; border:1px solid var(--line); border-radius:18px; background:var(--canvas); overflow-wrap:anywhere; }
.team-card h4 { margin:0; font-family:Georgia,serif; font-size:1.18rem; line-height:1.25; }
.team-card p { flex:1; margin:0 0 7px; color:var(--muted); font-size:.95rem; }
.team-card small { font-size:.75rem; color:var(--ochre); font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.team-note { margin:25px 0 0; padding:17px 20px; border-left:4px solid var(--ochre); background:var(--canvas); color:var(--muted); }
.new-workshop-media { display:flex; align-items:center; justify-content:center; text-align:center; background:linear-gradient(135deg,#e2e9dc,#f6eee1); }
.new-workshop-media .placeholder { padding:25px; color:var(--forest-dark); }
.new-workshop-media .placeholder span { display:block; font-family:Georgia,serif; font-size:clamp(2rem,5vw,4.4rem); font-weight:700; }
.new-workshop-media .placeholder small { display:block; margin-top:10px; text-transform:uppercase; letter-spacing:.11em; color:var(--muted); }
.catalog-intro { text-align:center; }
.catalog-intro p { margin-inline:auto; }
@media(max-width:850px) { .team-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .team-options { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .team-list, .team-options { grid-template-columns:1fr; } .team-option { min-height:115px; flex-direction:row; text-align:left; justify-content:flex-start; } .team-option .team-icon { flex:0 0 33px; } .team-option .label-wrap { text-align:left; } .approach-block, .team-chooser { padding:25px 20px; } .approach-steps { padding-left:40px; } }

/* V7: scoped styling for the extended, accessible creative process descriptions. */
.approach-block .approach-intro {max-width:790px; line-height:1.65;}
.approach-block details.process-details {max-width:860px; overflow:hidden;}
.approach-block .process-inside {padding:3px clamp(18px,3vw,30px) 26px;}
.process-inside > h3 {font-family:Georgia,serif; color:var(--forest-dark); font-size:clamp(1.16rem,2.4vw,1.4rem); margin:14px 0 18px;}
.process-stages {counter-reset:stage; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; list-style:none; padding:0; margin:0 0 24px;}
.process-stages li {counter-increment:stage; min-width:0; background:rgba(255,255,255,.52); border:1px solid var(--line); border-radius:14px; padding:18px 16px 17px;}
.process-stages li strong {color:var(--forest-dark); display:block; font-size:1.05rem; line-height:1.35; margin:0 0 8px;}
.process-stages li strong:before {content:counter(stage) '. '; color:var(--ochre);}
.process-stages li p,.process-insight p {font-size:.98rem; line-height:1.7; margin:0; color:var(--ink); overflow-wrap:break-word;}
.process-insight {border-top:1px solid var(--line); margin-top:8px; padding-top:8px;}
.process-insight h3 {font-family:Georgia,serif; color:var(--forest-dark); font-size:1.22rem; margin:19px 0 7px;}
.process-insight p + h3 {margin-top:22px;}
@media(max-width:640px){.process-stages {grid-template-columns:1fr;}.approach-block .process-inside {padding:4px 18px 23px;}.process-stages li {padding:14px 15px;}}

/* V8: original-site framed workshop photographs; preserve the existing panel proportions. */
.detail-photo-media img { width:100%; height:100%; object-fit:cover; object-position:center 46%; }

/* V11: preserve the full video frame on the Through Your Eyes workshop page. */
.detail-media.eyes-video video { object-fit: contain; background: #142019; }