/* About, selected whole-page reference 01, 12 November 2026.
   Fresh composition. The approved original V128 opening stays a separate asset.
   Every transition is individually composed; original photographs and KV are retained. */
.about-selected .about-sr,.about-selected .about-photo>figcaption,.about-selected .about-kv>figcaption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.about-selected h3{font:400 20px/1.35 Spinnaker,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.about-selected .about-eyebrow{display:block;font-size:14px;line-height:1.45;margin-bottom:7px}
.about-selected .text-link{display:inline-block;font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.about-selected .text-link span{white-space:nowrap;margin-left:6px}
.about-selected .about-width{width:89.2%}
.about-selected .about-way{padding-bottom:4px}
.about-selected .about-divider{position:relative;pointer-events:none;isolation:isolate}
.about-selected .about-divider-jamie{height:7.4cqw;min-height:58px;max-height:110px;margin-top:0}
.about-selected .about-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.about-selected .about-thread-pearl{position:absolute;left:var(--pearl-x);top:var(--pearl-y);width:var(--pearl-size);height:var(--pearl-size);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 34% 24%,#fae4bd 0%,#dfaf76 12%,#bf7337 38%,#8d421c 65%,#743619 78%,#ad6b38 100%);box-shadow:0 2px 4px #48261252,inset -1px -2px 2px #50261238}
.about-selected .about-divider-jamie::before{display:none}
.about-selected .about-jamie-layout{display:grid;grid-template-columns:51% 44%;gap:5%;align-items:center;padding-top:0;padding-bottom:0}
.about-selected .about-jamie-copy{min-width:0}
.about-selected .about-jamie-more{margin-top:17px}
.about-selected .about-jamie-more>.text-link{margin-top:15px}
.about-selected .about-jamie-photos{min-width:0;align-self:stretch;display:flex;align-items:center}
.about-selected .about-photo{position:relative;margin:0;min-width:0}
.about-selected .material-photo-surface{display:block;width:100%;height:100%;mask-image:url(about-photo-edge-v4.svg);mask-repeat:no-repeat;mask-size:100% 100%;mask-position:center}
.about-selected .about-photo img{display:block;width:100%;height:100%;object-fit:cover}
.about-selected .about-jamie-lead{width:100%;aspect-ratio:.86;margin-inline:auto}
.about-selected .about-jamie-lead .material-photo-surface{mask-size:100% 100%;mask-position:center}
.about-selected .about-jamie-lead img{object-position:50% 60%}
.about-selected .about-jamie-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 35%;gap:18px;align-items:start}
.about-selected .about-jamie-detail-photo{aspect-ratio:2/3;max-height:310px}
.about-selected .about-jamie-detail-photo img{object-position:center}
.about-selected .about-divider-praxis{height:9.4cqw;min-height:64px;max-height:145px;margin-top:-1cqw;background:url(about-selected-divider-v5.webp) center/100% 18cqw no-repeat}
.about-selected .about-practice{padding-top:2px;padding-bottom:0}
.about-selected .about-practice-heading h2 br{display:none}
.about-selected .practice-cream-layout{display:grid;grid-template-columns:70% 26%;gap:4%;align-items:start}
.about-selected .practice-cream-main{aspect-ratio:2.3;width:100%}
.about-selected .practice-cream-main .material-photo-surface{mask-size:100% 100%;mask-position:center}
.about-selected .practice-cream-main img{object-position:50% 45%}
.about-selected .practice-cream-copy{padding-top:2px}
.about-selected .practice-history-row{display:grid;grid-template-columns:47% 49%;gap:4%;margin-top:13px}
.about-selected .practice-cream-history{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.about-selected .practice-cream-year{display:block;font-size:13px;line-height:1.3;margin-bottom:5px;order:-1}
.about-selected .practice-cream-history h3{order:-2;margin-bottom:4px}
.about-selected .history-more{margin-top:9px;width:100%;border:0}
.about-selected .history-more>summary{padding:5px 0;min-height:34px;font-size:14px;justify-content:flex-start;gap:9px}
.about-selected .history-more>summary:before{display:none}
.about-selected .history-more .about-toggle{width:12px;height:12px}
.about-selected .history-more .about-detail-body{padding-inline:0}
.about-selected .practice-cream-practical{border-left:1px solid var(--line);padding-left:6%;min-width:0}
.about-selected .practice-cream-practical>.text-link{margin-top:16px}
.about-selected .about-encounter{position:relative;isolation:isolate;margin-top:18px;min-height:41.66cqw;background:url(about-selected-encounter-v5.webp) center/cover no-repeat;color:#fff3df}
.about-selected .about-encounter-layout{position:relative;display:grid;grid-template-columns:44% 53%;gap:3%;align-items:center;padding-top:9.5cqw;padding-bottom:9cqw}
.about-selected .about-encounter-copy{grid-column:1;grid-row:1;min-width:0;position:relative;z-index:1}
.about-selected .about-encounter-copy>.about-eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.about-selected .about-encounter-copy>.text-link{margin-top:14px;font-size:15px}
.about-selected .about-encounter-copy h2{color:#fff6e8}
.about-selected .about-kv{grid-column:2;grid-row:1;margin:0;min-width:0;position:relative}
.about-selected .about-kv-plate{width:107%;margin-left:-3%;padding-top:1.8cqw}
.about-selected .about-kv-plate img{display:block;width:100%;height:auto;max-width:none}
.about-selected .about-gallery{padding-top:0;padding-bottom:0;margin-top:-1.4cqw;position:relative}
.about-selected .about-gallery>header h2{margin-bottom:4px}
.about-selected .about-gallery>header p{font-size:14px;margin:0 0 15px}
.about-selected .about-gallery-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;touch-action:pan-y}
.about-selected .about-gallery-photo{position:relative;margin:0;aspect-ratio:2;overflow:hidden;mask-image:url(about-photo-edge-v4.svg);mask-position:center;mask-size:100% 100%;mask-repeat:no-repeat}
.about-selected .about-gallery-photo:nth-child(2){mask-size:100% 100%;mask-position:center}
.about-selected .about-gallery-photo:nth-child(3){mask-size:100% 100%;mask-position:center}
.about-selected .about-gallery-photo img{display:block;width:100%;height:100%;object-fit:cover}
.about-selected .about-gallery-controls{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:4px;font-size:14px}
.about-selected .about-gallery-controls[hidden]{display:none}
.about-selected .about-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;font-size:24px;cursor:pointer}
.about-selected .about-gallery-controls button:hover{color:var(--copper)}
.about-selected .about-gallery-status:empty{display:none}
.about-selected .about-gallery-status{margin-top:8px;font-size:14px}
.about-selected .about-divider-kontakt{height:6cqw;min-height:44px;max-height:85px;margin-top:0}
.about-selected .about-divider-kontakt::before{display:none}
.about-selected .about-contact{display:grid;grid-template-columns:52% 43%;gap:5%;padding-top:0;padding-bottom:23px}
.about-selected .about-contact h2{margin-bottom:13px}
.about-selected .about-contact-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:13px}
.about-selected .about-contact-actions .brush-button{margin-top:0}
.about-selected .about-contact address{display:flex;flex-direction:column;gap:11px;font-style:normal;border-left:1px solid var(--line);padding-left:8%;margin-top:27px;align-self:start}
.about-selected .about-contact address a,.about-selected .about-contact address>span{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;overflow-wrap:anywhere}
.about-selected .about-contact address a:hover{text-decoration:underline}
.about-selected .about-contact address svg{width:23px;height:23px;flex:none;stroke:#d9652d;stroke-width:1.6;fill:none}
.about-selected .adult-footer{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto;column-gap:28px;row-gap:7px;width:89.2%;margin:auto;border-top:1px solid var(--line);padding-top:20px;padding-bottom:12.5cqw;font-size:13px;line-height:1.45}
.about-selected .adult-footer::after{content:"";position:absolute;z-index:-1;left:-6.054%;bottom:0;width:112.108%;height:33.4cqw;background:url(parents-footer-clean-edge-v1.svg) center bottom/100% auto no-repeat;pointer-events:none}
.about-selected .adult-footer>a{text-decoration:none}
.about-selected .adult-footer>a span{display:block}
.about-selected .adult-footer nav{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}
.about-selected .adult-footer nav a{text-decoration:none}
.about-selected .adult-footer nav a:hover{text-decoration:underline}
.about-selected .adult-footer .registration{grid-column:1/-1;font-size:11px;margin:0}
@media(min-width:901px){
 .about-selected .pilot-opening{min-height:61cqw}
 .about-selected .about-jamie-lead{margin-block:-20px}
}
@media(max-width:1100px){
 .about-selected .about-jamie-layout{grid-template-columns:53% 42%}
 .about-selected .about-jamie-lead{aspect-ratio:.7}
 .about-selected .practice-cream-layout{grid-template-columns:64% 32%}
 .about-selected .practice-cream-main{aspect-ratio:1.8}
 .about-selected .about-encounter-layout{grid-template-columns:47% 50%;padding-top:10cqw;padding-bottom:10cqw}
 .about-selected .about-contact{grid-template-columns:54% 42%;gap:4%}
 .about-selected .about-contact-actions{gap:16px}
 .about-selected .about-contact address{padding-left:6%}
}
@media(max-width:900px){
 .about-selected .about-way{padding-bottom:14px}
 .about-selected .about-jamie-layout{grid-template-columns:53% 42%;align-items:start}
 .about-selected .about-jamie-photos{align-self:start;padding-top:36px}
 .about-selected .about-jamie-lead{aspect-ratio:2/3}
 .about-selected .about-jamie-detail-layout{display:block}
 .about-selected .about-jamie-detail-photo{width:min(100%,230px);margin:17px auto 0}
 .about-selected .practice-cream-layout{grid-template-columns:1fr;gap:15px}
 .about-selected .practice-cream-main{aspect-ratio:2.25}
 .about-selected .practice-cream-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px}
 .about-selected .practice-cream-copy p+p{margin-top:0}
 .about-selected .about-encounter{margin-top:12px;background:none;min-height:0;border-style:solid;border-color:transparent;border-width:12.86cqw 0 9.26cqw;border-image-source:url(about-selected-encounter-v5.webp);border-image-slice:250 0 180 0 fill;border-image-repeat:stretch}
 .about-selected .about-encounter-layout{grid-template-columns:1fr;gap:16px;padding-top:24px;padding-bottom:22px}
 .about-selected .about-encounter-copy{grid-column:1;grid-row:1}
 .about-selected .about-kv{grid-column:1;grid-row:2;width:min(620px,100%);margin:auto}
 .about-selected .about-kv-plate{width:100%;margin:0;padding-top:0}
 .about-selected .about-gallery{margin-top:0;padding-top:14px}
 .about-selected .about-gallery-photos{gap:12px}
 .about-selected .about-contact{grid-template-columns:1fr;gap:21px}
 .about-selected .about-contact address{margin-top:0;border-left:0;padding-left:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:13px 25px}
 .about-selected .adult-footer{padding-bottom:17cqw}
}
@media(max-width:650px){
 .about-selected .about-divider-jamie{height:65px;min-height:65px;margin-top:0}
 .about-selected .about-divider-jamie .about-thread{width:145%;left:-5%}
 .about-selected .about-divider-jamie .about-thread-pearl{left:15.3%}
 .about-selected .about-thread-pearl{width:calc(var(--pearl-size) * .78);height:calc(var(--pearl-size) * .78)}
 .about-selected .about-jamie-layout{display:flex;flex-direction:column;gap:18px;padding-top:0;padding-bottom:0}
 .about-selected .about-jamie-photos{width:100%;padding-top:0}
 .about-selected .about-jamie-lead{width:min(100%,350px);aspect-ratio:.76}
 .about-selected .about-jamie-more{margin-top:16px}
 .about-selected .about-jamie-more>.text-link{margin-top:15px}
 .about-selected .about-divider-praxis{height:56px;min-height:56px;margin-top:-2px;background-size:auto 130px;background-position:65% center}
 .about-selected .about-practice{padding-top:3px}
 .about-selected .practice-cream-main{aspect-ratio:1.45}
 .about-selected .practice-cream-copy{display:block}
 .about-selected .practice-cream-copy p+p{margin-top:14px}
 .about-selected .practice-history-row{display:block;margin-top:20px}
 .about-selected .practice-cream-practical{padding:0;border:0;margin-top:21px}
 .about-selected .about-encounter-layout{gap:20px;padding-top:24px;padding-bottom:18px}
 .about-selected .about-encounter-copy>.text-link{font-size:15px}
 .about-selected .about-kv{width:108%;max-width:none;margin-left:-4%}
 .about-selected .about-gallery{padding-top:2px;margin-top:0}
 .about-selected .about-gallery-photos{grid-template-columns:1fr;gap:10px}
 .about-selected .about-gallery-photo{aspect-ratio:2.15}
 .about-selected .about-gallery-controls{margin-top:3px}
 .about-selected .about-divider-kontakt{height:49px;min-height:49px;margin-top:0}
 .about-selected .about-divider-kontakt .about-thread{width:165%;left:-8%}
 .about-selected .about-divider-kontakt .about-thread-pearl{left:10.15%}
 .about-selected .about-contact{padding-top:4px;padding-bottom:24px;gap:22px}
 .about-selected .about-contact address{flex-direction:column;gap:13px}
 .about-selected .about-contact-actions{gap:13px 20px}
 .about-selected .adult-footer{display:flex;flex-direction:column;gap:15px;padding-top:17px;padding-bottom:102px;font-size:12px}
 .about-selected .adult-footer nav{justify-content:flex-start;gap:21px}
 .about-selected .adult-footer .registration{font-size:10px;line-height:1.5}
 .about-selected .adult-footer::after{height:160px;background-size:auto 160px;background-position:65% bottom}
}