.sid-statement{padding:clamp(70px,10vw,160px) clamp(24px,6vw,110px);background:#eaece5;color:#142c20;position:relative;overflow:hidden}
.sid-eyebrow{font:500 12px/1.6 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 40px;color:#61715f}
.sid-statement h2{margin:0}.sid-profile-open{width:100%;display:block;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer;font:400 clamp(34px,5.8vw,94px)/1.09 'Manrope',sans-serif;letter-spacing:-.065em}
.sid-quote-line{display:block;transform-origin:left;transition:transform .9s cubic-bezier(.16,1,.3,1),color .6s}.sid-quote-line em{font-style:normal;color:#9a7635}.sid-profile-open:hover .sid-quote-line:nth-child(2){transform:translateX(2%)}.sid-profile-open:hover .sid-quote-line:nth-child(4){color:#8c6d32}.sid-open-caption{display:flex;align-items:center;gap:25px;margin-top:45px;font:500 14px/1.5 'DM Sans',sans-serif;letter-spacing:0}.sid-open-caption i{display:grid;place-items:center;width:54px;height:54px;border:1px solid #78846f;border-radius:50%;font-size:25px;font-style:normal;transition:transform .7s,background .7s}.sid-profile-open:hover i{transform:rotate(45deg);background:#d7ddcf}.sid-statement-signature{display:block;margin-top:35px;font:400 12px 'DM Sans';color:#637160}.sid-profile-open:focus-visible{outline:2px solid #947236;outline-offset:10px}
.sid-profile{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;border:0;padding:0;background:#11261c;color:#f0f0e8;overflow:auto;overscroll-behavior:contain}.sid-profile::backdrop{background:#09140fd9}.sid-profile-close{position:sticky;top:18px;margin:18px 24px 0 auto;display:flex;align-items:center;gap:25px;border:1px solid #e2cb9155;border-radius:30px;background:#142a20e6;backdrop-filter:blur(12px);color:#f1deb5;padding:12px 22px;font:400 14px 'DM Sans';cursor:pointer;z-index:3}.sid-profile-close span{font-size:26px;line-height:1}.sid-profile-close:focus-visible,.sid-bio-source:focus-visible{outline:2px solid #e6cc90;outline-offset:4px}
.sid-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);padding:30px clamp(24px,6vw,100px) 90px;max-width:1680px;margin:auto}.sid-portrait{margin:0;align-self:start;position:sticky;top:100px}.sid-portrait img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;object-position:center}.sid-portrait figcaption{font:400 12px 'DM Sans';color:#b1bcaf;margin-top:20px}.sid-biography{padding-top:15px}.sid-biography .sid-eyebrow{color:#d8bd7e;margin-bottom:20px}.sid-biography h2{font:400 clamp(60px,7vw,110px)/.94 'Manrope';letter-spacing:-.065em;margin:0 0 28px}.sid-biography h2 em{color:#e3c991;font-style:normal}.sid-biography .sid-qualifications{color:#e1cfaa;font-size:14px;margin-bottom:40px}.sid-biography h3{font:500 18px 'Manrope';margin:30px 0 12px;color:#f2e3be}.sid-biography p{font:400 16px/1.8 'DM Sans';color:#c6d1c5;margin:0 0 16px}.sid-bio-source{display:inline-block;margin-top:25px;font:400 14px 'DM Sans';color:#e2c98e;text-decoration:underline;text-underline-offset:6px}
@media(max-width:700px){.sid-statement{padding:75px 24px}.sid-profile-open{font-size:clamp(31px,6.3vw,45px)}.sid-quote-line{display:inline}.sid-quote-line:after{content:' '}.sid-profile-layout{grid-template-columns:1fr;padding-top:24px;gap:30px}.sid-portrait{position:relative;top:auto}.sid-portrait img{max-height:55vh}.sid-profile-close{top:12px;margin-right:15px}.sid-biography h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){.sid-statement *, .sid-profile *{transition:none!important;animation:none!important}}
/* Original climbing photograph from the practice About page. */
.sid-statement{isolation:isolate;background:#11261c;color:#f2f0e7}
.sid-statement:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/sid-statement-background.jpg') center center / cover no-repeat;opacity:1}
.sid-statement:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07130e48,#07130e18 70%),linear-gradient(0deg,#11261c99,transparent 35%,#11261c22);pointer-events:none}
.sid-statement .sid-eyebrow,.sid-statement-signature{color:#ced8c9}.sid-quote-line em,.sid-profile-open:hover .sid-quote-line:nth-child(4){color:#e4c98d}.sid-open-caption{color:#ecd8ac}.sid-open-caption i{border-color:#d5bd8066}.sid-profile-open:hover i{background:#d7ddcf1a}.sid-profile-open:focus-visible{outline-color:#e4c98d}
@media(max-width:700px){.sid-statement:before{background-size:cover;background-position:42% center;opacity:1}.sid-statement:after{background:linear-gradient(90deg,#11261c66,#11261c33),linear-gradient(0deg,#11261ca6,transparent 40%)}}
/* A single-line name with scroll-led biography and portrait motion. */
.sid-biography h2{white-space:nowrap;font-size:clamp(30px,3.8vw,62px);line-height:1.15;letter-spacing:-.055em}
.sid-biography h2>span,.sid-biography h2>em{display:inline-block}
.sid-portrait{perspective:1100px;--portrait-x:0deg;--portrait-y:0deg}
.sid-portrait img{transform:rotateX(var(--portrait-x)) rotateY(var(--portrait-y));transition:transform .7s cubic-bezier(.16,1,.3,1);transform-origin:center;box-shadow:0 30px 75px #0005}
.sid-biography h3{position:relative;padding-top:22px}
.sid-biography h3:before{content:"";position:absolute;top:0;left:0;width:52px;height:1px;background:linear-gradient(90deg,#e3c991,transparent);transition:width .6s ease}
.sid-biography h3:hover:before{width:110px}
.sid-profile-layout{position:relative}
.sid-profile:before{content:"";position:fixed;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#a4803d,#f4deb0);transform:scaleX(var(--profile-progress,0));transform-origin:left;z-index:5;pointer-events:none}
.sid-biography .sid-awaiting{opacity:0;transform:translateY(32px)}
@media(max-width:700px){.sid-biography h2{font-size:clamp(30px,8vw,54px)}}
@media(prefers-reduced-motion:reduce){.sid-portrait img{transform:none!important}.sid-biography .sid-awaiting{opacity:1;transform:none}}
/* A clearer invitation and a lighter veil over the climbing photograph. */
.sid-open-caption{font-size:18px;font-weight:600;color:#ffe5a6;text-shadow:0 2px 12px #07130eaa;gap:22px}
.sid-open-caption i{width:60px;height:60px;border-color:#efd18eb3;background:#10291f55;animation:sid-invitation-pulse 3s ease-in-out infinite}
.sid-statement:after{background:linear-gradient(90deg,#07130e24,#07130e0c 70%),linear-gradient(0deg,#11261c4d,transparent 35%,#11261c11)}
@keyframes sid-invitation-pulse{0%,100%{translate:0 0;box-shadow:0 0 0 0 #efd18e00}50%{translate:5px -5px;box-shadow:0 0 0 9px #efd18e16}}
@media(max-width:700px){.sid-open-caption{font-size:18px;line-height:1.5}.sid-open-caption i{flex:0 0 54px;height:54px}.sid-statement:after{background:linear-gradient(90deg,#11261c33,#11261c1a),linear-gradient(0deg,#11261c53,transparent 40%)}}
@media(prefers-reduced-motion:reduce){.sid-open-caption i{animation:none!important}}
/* An unmistakable animated target within the profile-opening button. */
.sid-open-caption small{display:block;margin-top:8px;font:500 13px/1.5 'DM Sans',sans-serif;letter-spacing:.05em;color:#fff3d6}
.sid-open-caption i{position:relative;isolation:isolate;flex:0 0 76px;width:76px;height:76px;font-size:32px;color:#fff4d4;background:#173627b3;border:1px solid #f4d58e;animation:sid-click-pulse 2.4s ease-in-out infinite;box-shadow:0 0 24px #e4c98d22}
.sid-open-caption i:before{content:"";position:absolute;inset:-9px;border:2px solid transparent;border-top-color:#ffe5a6;border-right-color:#ffe5a655;border-radius:50%;animation:sid-click-orbit 2.8s linear infinite;pointer-events:none}
.sid-open-caption i:after{content:"";position:absolute;inset:-2px;border:1px solid #f4d58e;border-radius:50%;animation:sid-click-wave 2.4s ease-out infinite;pointer-events:none}
.sid-profile-open:hover .sid-open-caption i,.sid-profile-open:focus-visible .sid-open-caption i{background:#496038;transform:scale(1.08)}
@keyframes sid-click-orbit{to{rotate:360deg}}
@keyframes sid-click-pulse{0%,100%{translate:0 0;box-shadow:0 0 22px #e4c98d22}50%{translate:0 -3px;box-shadow:0 0 38px #e4c98d55}}
@keyframes sid-click-wave{0%{scale:1;opacity:.65}85%,100%{scale:1.4;opacity:0}}
@media(max-width:700px){.sid-open-caption{gap:22px}.sid-open-caption i{flex-basis:64px;width:64px;height:64px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.sid-open-caption i,.sid-open-caption i:before,.sid-open-caption i:after{animation:none!important}.sid-open-caption i:after{display:none}}
/* Compact rotating arrow, with a quiet outline. */
.sid-open-caption i{flex:0 0 48px;width:48px;height:48px;font-size:24px;background:#17362766;box-shadow:none;animation:sid-arrow-turn 7s linear infinite}
.sid-open-caption i:before,.sid-open-caption i:after{display:none}
.sid-profile-open:hover .sid-open-caption i,.sid-profile-open:focus-visible .sid-open-caption i{transform:scale(1.06);background:#496038}
@keyframes sid-arrow-turn{to{rotate:360deg}}
@media(max-width:700px){.sid-open-caption i{flex-basis:44px;width:44px;height:44px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.sid-open-caption i{animation:none!important}}
/* Quiet breathing pulse: the arrow keeps its direction. */
.sid-open-caption i{rotate:0deg;animation:sid-arrow-breathe 2.8s ease-in-out infinite;translate:0 0}
.sid-profile-open:hover .sid-open-caption i,.sid-profile-open:focus-visible .sid-open-caption i{transform:none;background:#496038}
@keyframes sid-arrow-breathe{0%,100%{scale:1;box-shadow:0 0 0 0 #efd18e00}50%{scale:1.09;box-shadow:0 0 0 7px #efd18e15}}
@media(prefers-reduced-motion:reduce){.sid-open-caption i{animation:none!important;scale:1}}

/* Give the complete personal statement room to breathe. */
.sid-statement .sid-profile-open{font-size:clamp(26px,3.25vw,52px);line-height:1.15;letter-spacing:-.045em}
@media(max-width:700px){.sid-statement .sid-profile-open{font-size:clamp(24px,4.6vw,32px);line-height:1.22}}

/* Place the personal introduction beside the open left side of the photograph. */
.sid-statement-copy{width:min(720px,60%);margin-left:auto;position:relative;min-width:0}
.sid-statement-copy .sid-profile-open{font-size:clamp(26px,2.7vw,44px)}
.sid-statement-copy .sid-meet-links{max-width:100%}
@media(min-width:701px) and (max-width:1050px){.sid-statement-copy{width:65%}.sid-statement-copy .sid-meet-links{flex-direction:column;gap:12px}}
@media(max-width:700px){.sid-statement-copy{width:100%;max-width:540px;margin-left:auto}.sid-statement-copy .sid-profile-open{font-size:clamp(24px,4.6vw,32px)}}

/* Gentle opposing drift, active only while the introduction is visible. */
#about-sid .sid-quote-line{--quote-drift:8px;animation:personal-quote-float 7s ease-in-out infinite;animation-play-state:paused}
#about-sid .sid-quote-line:nth-child(even){--quote-drift:-8px;animation-duration:8s;animation-delay:-2s}
#about-sid .sid-quote-line:nth-child(3n){animation-delay:-4s}
#about-sid.quote-floating .sid-quote-line{animation-play-state:running}
@keyframes personal-quote-float{0%,100%{translate:0 0}50%{translate:var(--quote-drift) -3px}}
@media(max-width:700px){#about-sid .sid-quote-line{display:block;--quote-drift:4px}#about-sid .sid-quote-line:nth-child(even){--quote-drift:-4px}}
@media(prefers-reduced-motion:reduce){#about-sid .sid-quote-line{animation:none;translate:none}}