.cat-section{padding-top:90px;padding-bottom:90px;scroll-margin-top:100px}.cat-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.cat-label{display:block;font-size:11px;letter-spacing:.12em;color:#c7d2ae;margin-bottom:20px}.cat-intro h2{font-size:clamp(34px,4.4vw,55px);line-height:1.15;letter-spacing:-.04em}.cat-intro>p{font-size:16px;line-height:1.9;color:#999fa6;max-width:410px;padding-bottom:4px}.cat-experience{position:relative}.cat-mac-frame{padding:8px 8px 0;background:linear-gradient(140deg,#626768,#292e30 40%,#737877);border-radius:25px 25px 8px 8px;box-shadow:0 25px 65px #0005;overflow:hidden}.cat-mac-screen{position:relative;height:420px;border-radius:18px 18px 0 0;overflow:hidden;isolation:isolate;background:#344541}.cat-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 100%,#afaf8570,transparent 62%),radial-gradient(ellipse at 8% 20%,#7b8e7255,transparent 64%),linear-gradient(135deg,#283d39,#62766b);z-index:-2;transition:opacity 450ms cubic-bezier(.23,1,.32,1)}.cat-wallpaper:before{content:"";position:absolute;width:80%;height:180%;border:1px solid #e6ebd616;border-radius:50%;transform:rotate(-40deg);left:-10%;top:20%}.cat-wallpaper:after{content:"";position:absolute;width:90%;height:160%;border:1px solid #e6ebd612;border-radius:50%;transform:rotate(-40deg);left:4%;top:15%}.cat-menu{height:30px;padding:8px 14px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.025em;color:#d7dfd4;background:#0c181f13}.cat-notch-bed{position:absolute;width:70%;left:15%;height:112px;top:0;background:#030405;border-radius:0 0 22px 22px;z-index:2;transition:opacity 250ms ease}.cat-physical-notch{position:absolute;left:36%;width:28%;height:112px;top:0;background:#030405;border-radius:0 0 20px 20px;z-index:4}.cat-physical-notch i{position:absolute;right:15%;top:22px;width:5px;height:5px;border-radius:50%;background:#122227;box-shadow:inset 0 0 0 1px #ffffff07}.cat-canvas{position:absolute;top:0;left:0;width:100%;height:130px;z-index:3;transition:opacity 220ms ease}.cat-desktop-copy{position:absolute;left:8%;top:48%;color:#f0f2df;transition:opacity 220ms ease,transform 300ms cubic-bezier(.23,1,.32,1)}.cat-desktop-copy>span,.cat-presentation>span{font-size:9px;letter-spacing:.2em;color:#d2dbc3}.cat-desktop-copy p{font-size:clamp(25px,3.4vw,43px);font-weight:500;letter-spacing:-.04em;line-height:1.25;margin-top:14px}.cat-presentation{position:absolute;inset:0;padding:90px 8% 30px;display:flex;flex-direction:column;justify-content:center;background:#1c2423;z-index:-1;opacity:0;transition:opacity 300ms ease}.cat-presentation p{font-size:clamp(27px,3.8vw,47px);font-weight:550;letter-spacing:-.045em;line-height:1.25;margin-top:18px;color:#f0f0df}.cat-presentation small{font-size:12px;color:#9aa795;margin-top:22px}.cat-experience[data-mode="presentation"] .cat-canvas,.cat-experience[data-mode="presentation"] .cat-notch-bed,.cat-experience[data-mode="presentation"] .cat-desktop-copy{opacity:0}.cat-experience[data-mode="presentation"] .cat-desktop-copy{transform:translateY(6px)}.cat-experience[data-mode="presentation"] .cat-presentation{opacity:1;z-index:1}.cat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.cat-mode-switch{display:flex;gap:4px;background:#ffffff05;border:1px solid #ffffff14;border-radius:30px;padding:4px}.cat-mode-switch button{border:0;background:transparent;color:#919c94;padding:9px 17px;border-radius:24px;font:inherit;font-size:12px;cursor:pointer;transition:background 180ms ease,color 180ms ease,transform 150ms ease}.cat-mode-switch button[aria-pressed="true"]{background:#e2e8d6;color:#293428}.cat-pause{border:0;background:transparent;color:#979f96;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:10px 0;cursor:pointer}.cat-toolbar button:active{transform:scale(.97)}.cat-toolbar button:focus-visible{outline:2px solid #d8ff2e;outline-offset:4px}.cat-pause:disabled{opacity:.4;cursor:default}.cat-foot{display:flex;justify-content:space-between;gap:20px;margin-top:23px;padding-top:21px;border-top:1px solid #ffffff12;font-size:12px;color:#879185}.cat-foot a{color:#d8e2c8}.cat-section .cat-failed{display:none}
@media(max-width:760px){.cat-section{padding-block:65px}.cat-intro{display:block;margin-bottom:28px}.cat-intro>p{font-size:14px;margin-top:22px;line-height:1.8}.cat-mac-screen{height:330px}.cat-desktop-copy{top:48%}.cat-mac-frame{padding:5px 5px 0;border-radius:18px 18px 5px 5px}.cat-mac-screen{border-radius:13px 13px 0 0}.cat-mode-switch button{font-size:10px;padding:8px 12px}.cat-pause{font-size:10px}.cat-foot{font-size:10px}.cat-presentation{padding-top:65px}.cat-presentation small{font-size:10px}.cat-menu{font-size:5px;padding-inline:8px}.cat-notch-bed,.cat-physical-notch{height:76px}.cat-canvas{height:90px}.cat-physical-notch i{top:14px;width:3px;height:3px}.cat-desktop-copy>span,.cat-presentation>span{font-size:7px}}
@media(max-width:400px){.cat-mac-screen{height:290px}.cat-notch-bed,.cat-physical-notch{height:62px}.cat-canvas{height:74px}.cat-toolbar{gap:8px}.cat-mode-switch button{font-size:9px;padding:8px 9px}.cat-foot{flex-direction:column;gap:9px}.cat-desktop-copy>span{font-size:6px}.cat-desktop-copy p{font-size:25px}}
@media(prefers-reduced-motion:reduce){.cat-section *{transition:none!important}}