.portfolio-experience{position:relative;min-height:100svh;background:#080908}.portfolio-experience[data-experience=photography]{background:#f2eee6}.experience-panel[data-active=true] :is(.sm-editorial-cover,.photo-header,.photo-hero){animation:experience-enter .3s cubic-bezier(.2,.7,.3,1) both}.experience-switch{--switch-ink:#d5d7cc;--switch-selected-ink:#26291f;--switch-selected-bg:#f2eee6;--switch-hover:#ffffff12;position:fixed;z-index:60;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:6px;border:1px solid #f2eee62b;border-radius:20px;background:#191b18;color:var(--switch-ink);box-shadow:0 6px 24px #0003;opacity:1;visibility:visible;transition:opacity .18s ease,transform .18s ease,visibility 0s}.experience-switch[data-visible=false]{opacity:0;visibility:hidden;transform:translate(-50%,10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}.experience-switch>div{display:flex;gap:2px}.experience-switch a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:13px;font-size:11px;font-weight:500;white-space:nowrap;color:var(--switch-ink);transition:color .16s ease,background-color .16s ease;touch-action:manipulation}.experience-switch a[aria-current=page]{color:var(--switch-selected-ink);background:var(--switch-selected-bg)}.experience-switch a:hover{background:var(--switch-hover)}.experience-switch a[aria-current=page]:hover{background:var(--switch-selected-bg)}.experience-switch a:focus-visible{outline:2px solid var(--switch-ink);outline-offset:2px}.experience-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.experience-loading{display:flex;min-height:100svh;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:30px;background:#f2eee6;color:#372b24}.experience-loading>span{font-family:var(--font-editorial),Georgia,serif;font-size:100px;font-style:italic}.experience-loading a,.experience-loading p{font-size:14px}.experience-loading a{display:flex;gap:8px;text-decoration:underline}@keyframes experience-enter{0%{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:700px){.experience-switch{bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:5px;border-radius:18px}.experience-switch a{font-size:10px;padding:0 12px;gap:7px}}@media(prefers-reduced-motion:reduce){html:has(.portfolio-experience){scroll-behavior:auto}.experience-panel[data-active=true] :is(.sm-editorial-cover,.photo-header,.photo-hero){animation:none}.experience-switch,.experience-switch a,.experience-switch[data-visible=false]{transition:none}}