/* OXXY 2.150 — Pat, his work, and the invitation to learn together. */
.hero-guide{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:22px auto 0;text-align:left;color:#f4f1e7;text-decoration:none}
.hero-guide>img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid #ffdf53;flex-shrink:0}
.hero-guide strong{display:block;font-size:16px;font-weight:500}.hero-guide small{display:block;color:#b5b5ac;font-size:12px;line-height:1.5;margin-top:4px}.hero-guide>b{font-size:16px;font-weight:400;color:#ffe15b;margin-left:5px}
.hero-guide:focus-visible,.personal-work a:focus-visible{outline:3px solid #ffe15b;outline-offset:6px}
body.mode-home .personal-work{padding:56px 0 60px;background:#18202d;color:#f6f1e8}
.pat-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:65px;margin-bottom:42px}
.personal-work .pat-portrait{border-radius:18px;isolation:isolate}
.personal-work .pat-portrait>img{height:340px;width:100%;object-position:94% center;object-fit:cover;border-radius:18px;filter:none}
.personal-work .pat-portrait .work-caption{position:absolute;inset:auto 0 0;padding:60px 24px 22px;background:linear-gradient(transparent,#10151ee6);color:#fff;font-size:14px;gap:15px}
.pat-portrait .work-caption>span:last-child{font-size:11px}.personal-work .pat-portrait .work-caption b{color:#ffe15b;margin-left:8px}
.pat-intro>.eyebrow{color:#ffd65f;font-size:10px;letter-spacing:.13em;margin:0 0 21px}
.pat-intro h2{color:#f6f1e8;font-size:clamp(30px,3.1vw,44px);font-weight:450;line-height:1.14;letter-spacing:-.055em;margin:0 0 23px}
.pat-intro h2 span{color:#ffe15b}
.pat-intro>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#c0c7d0;max-width:40ch;margin:0 0 20px}
.pat-intro>.pat-promise{font-size:13px!important;color:#f0efea!important;line-height:1.65!important}
.pat-start{display:inline-flex;align-items:center;gap:23px;color:#ffe15b;font-size:13px;text-decoration:none;padding:9px 0;border-bottom:1px solid #ffe15b66}.pat-start span{font-size:19px}
.personal-work .work-heading{margin-bottom:24px;align-items:baseline;scroll-margin-top:110px}
.personal-work .work-heading h3{margin:0;font-size:25px;font-weight:450;letter-spacing:-.04em;color:#f6f1e8}
.personal-work .work-heading>span{color:#a8b2c1;font-size:11px}
.personal-work .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}
.project-motion-toggle{color:#d8e1ec;background:#263348;border:1px solid #4c5c73;border-radius:30px;padding:10px 15px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
.project-motion-toggle[hidden]{display:none}.project-motion-toggle:focus-visible{outline:3px solid #ffe15b;outline-offset:4px}
.project-visual{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#18202d}
.project-visual>img,.project-visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.project-visual>video{opacity:0;pointer-events:none}.project-visual>video.is-playing{opacity:1}
.project-media-note{position:absolute;bottom:12px;left:12px;padding:5px 8px;border-radius:5px;background:#111b2feb;color:#f4f2e9;font-size:9px;line-height:1.4;pointer-events:none}
.work-identite .project-visual{box-shadow:inset 0 0 0 1px #ffffff15}
.personal-work .proof-grid .work-caption p{max-width:36ch}
.personal-work .proof-grid .work-card>img{height:200px;filter:none;border-radius:12px;background:#f0eee7;object-position:top}
.personal-work .proof-grid .work-aca>img{object-fit:contain;background:#0d101c}.personal-work .work-notion>img,.personal-work .work-davana>img{object-fit:contain}
.personal-work .proof-grid .work-caption{padding:18px 0 0;align-items:flex-start;gap:14px}
.proof-grid .work-caption small{font-size:8px;letter-spacing:.13em;color:#adc0d8}
.proof-grid .work-caption h4{font-size:22px;font-weight:450;line-height:1.2;letter-spacing:-.025em;color:#fff;margin:9px 0 9px}
.proof-grid .work-caption p{font-size:12px;line-height:1.6;color:#bcc6d2;max-width:29ch;margin:0}
.personal-work .proof-grid .work-caption>b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid #ffffff3b;border-radius:50%;color:#ffe15b;font-size:17px;margin-top:20px}
.result-guide-photo{position:relative;overflow:hidden}.result-guide-photo img{object-position:88% center}
.result-guide-photo>span{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#111a2ceb);padding:65px 23px 24px;color:#fff;font-size:20px;line-height:1.3}
.result-guide-photo small{display:block;font-size:10px;letter-spacing:.05em;margin-bottom:7px;color:#ffe15b}
.guide-principle{padding:20px;gap:20px}.guide-principle>img{width:82px;height:82px;border:2px solid #fff;flex-shrink:0}.guide-principle p{font-size:16px}.guide-principle small{font-size:11px}
@media(max-width:760px){
 .hero-guide{gap:10px;margin-top:20px}.hero-guide>img{width:48px;height:48px}.hero-guide strong{font-size:14px}.hero-guide small{font-size:10px;max-width:25ch}.hero-guide>b{font-size:15px}
 body.mode-home .personal-work{padding:36px 0 44px}
 .pat-feature{grid-template-columns:1fr;gap:27px;margin-bottom:39px}.personal-work .pat-portrait>img{height:280px;object-position:95% 35%}
 .pat-intro>.eyebrow{margin-bottom:14px;font-size:9px}.pat-intro h2{font-size:33px;margin-bottom:18px}.pat-intro>p:not(.eyebrow){font-size:14px;line-height:1.65;margin-bottom:16px}.pat-intro>.pat-promise{font-size:12px!important}
 .personal-work .work-heading{margin-bottom:20px;gap:12px}.personal-work .work-heading h3{font-size:23px}.personal-work .work-heading>span{font-size:9px}
 .personal-work .proof-grid{grid-template-columns:1fr;gap:29px}.personal-work .proof-grid .work-card{display:block;overflow:visible}
 .personal-work .proof-grid .work-caption{padding-top:14px}
 .project-motion-toggle{font-size:10px;padding:9px 11px}.personal-work .work-heading{align-items:center}
 .personal-work .work-heading h3{font-size:21px;max-width:12ch}.project-media-note{font-size:8px;bottom:9px;left:9px}
 .personal-work .proof-grid .work-card>img{height:125px;border-radius:10px;object-fit:cover;object-position:center}.personal-work .proof-grid .work-aca>img,.personal-work .proof-grid .work-notion>img,.personal-work .proof-grid .work-davana>img{object-fit:contain}
 .personal-work .proof-grid .work-caption{padding:14px 0 0;gap:7px}.proof-grid .work-caption h4{font-size:18px;margin:6px 0}.proof-grid .work-caption small{font-size:7px;letter-spacing:.07em}.proof-grid .work-caption p{font-size:11px;line-height:1.5}
 .personal-work .proof-grid .work-caption>b{width:23px;height:23px;flex-basis:23px;font-size:14px;margin-top:20px}
 .explorer-pop .result-guide-photo{height:190px}.result-guide-photo img{object-position:center 30%}.result-guide-photo>span{font-size:18px;padding:48px 20px 17px}.result-guide-photo small{font-size:9px;margin-bottom:4px}
 .guide-principle{gap:14px;padding:16px}.guide-principle>img{width:64px;height:64px}.guide-principle p{font-size:14px}
}
@media(max-width:370px){.pat-intro h2{font-size:29px}.personal-work .proof-grid .work-card{grid-template-columns:93px minmax(0,1fr);gap:13px}.personal-work .proof-grid .work-caption>b{display:none}.hero-guide small{max-width:23ch}.personal-work .work-heading>span{max-width:10ch;text-align:right}.personal-work .pat-portrait>img{height:255px}}

/* Approved conceptual images: keep the pair and the inviting hand in view. */
.explorer-pop .explorer-result{grid-template-columns:40% minmax(0,1fr)}
.result-concept-photo{position:relative;margin:0;min-height:350px;overflow:hidden;background:#d3d2cb}
.result-concept-photo>img{position:absolute;inset:0;object-position:48% center}
.result-concept-photo figcaption{position:absolute;inset:auto 0 0;padding:70px 22px 18px;background:linear-gradient(transparent,#161b25e6);color:#fff}
.result-concept-photo figcaption span{display:block;font-size:23px;line-height:1.2;letter-spacing:-.03em}
.result-concept-photo figcaption small{display:block;font-size:8px;margin-top:17px;color:#e3e4e7}
body.mode-home .pat-invitation{padding:0;border:0;background:#ffe15b;scroll-margin-top:85px}
body.mode-home .pat-invitation>.wrap{width:100%;max-width:none;display:grid;grid-template-columns:57% minmax(0,43%);align-items:stretch;gap:0}
.invitation-photo{position:relative;margin:0;overflow:hidden;min-height:440px;background:#353535}
.invitation-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 35%;display:block}
.invitation-photo figcaption{position:absolute;left:18px;bottom:16px;font-size:9px;padding:5px 8px;border-radius:5px;background:#171d27df;color:#fff}
.invitation-copy{padding:65px clamp(28px,5vw,90px);align-self:center;color:#20232b}
.pat-invitation .invitation-copy>.eyebrow{font-size:9px;letter-spacing:.12em;margin:0 0 25px}
body.mode-home .pat-invitation .invitation-copy h2{font-size:clamp(38px,4.1vw,64px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0}
.pat-invitation .invitation-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin:23px 0 28px}
body.mode-home .pat-invitation .invitation-copy .button{font-size:13px;margin:0;background:#20232b;border-color:#20232b;color:#fff;padding:16px 22px;border-radius:30px}
.pat-invitation .button:focus-visible{outline:3px solid #2b4697;outline-offset:5px}
@media(max-width:760px){
 .explorer-pop .explorer-result{grid-template-columns:1fr}
 .explorer-pop .result-concept-photo{min-height:0;height:auto;aspect-ratio:16/10}
 .result-concept-photo>img{object-position:50% 42%}
 .result-concept-photo figcaption{padding:40px 16px 12px;display:flex;align-items:end;justify-content:space-between;gap:10px}
 .result-concept-photo figcaption span{font-size:17px}.result-concept-photo figcaption small{font-size:7px;max-width:14ch;margin:0;text-align:right;line-height:1.4}
 body.mode-home .pat-invitation>.wrap{grid-template-columns:1fr}
 .invitation-photo{min-height:0;aspect-ratio:4/3}
 .invitation-photo>img{object-position:55% center}
 .invitation-photo figcaption{font-size:8px;left:14px;bottom:12px}
 .invitation-copy{padding:34px 27px 39px}.pat-invitation .invitation-copy>.eyebrow{margin-bottom:17px;font-size:8px}
 body.mode-home .pat-invitation .invitation-copy h2{font-size:43px}.pat-invitation .invitation-copy>p:not(.eyebrow){font-size:13px;margin:19px 0 23px}
}

/* Keep the illustrative nature visible without obscuring faces. */
.studio-landing figcaption small{display:block;font-size:9px;line-height:1.4;color:#eee;margin-top:12px}

.studio-landing>figure{min-height:0;height:auto;align-self:center;overflow:hidden;background:#20232b;border-radius:14px}
.studio-landing>figure>img{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:none}
.studio-landing>figure>figcaption{position:static;background:#20232b;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.studio-landing>figure>figcaption span{font-size:9px;margin:0}
.studio-landing>figure>figcaption small{margin:0;text-align:right;font-size:8px}
@media(min-width:761px){.studio-landing{grid-template-columns:1.05fr 1fr;gap:40px}}