.macbook{transform-origin:top;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;min-height:80vh;margin-inline:auto;padding-block:0;display:flex;transform:scale(.55)}@media (min-width:640px){.macbook{min-height:120vh;transform:scale(.75)}}@media (min-width:768px){.macbook{min-height:200vh;padding-block:2rem;transform:scale(1.4)}}.macbook__title{text-align:center;margin-bottom:5rem}.macbook__lid-wrapper{perspective:800px;position:relative}.macbook__lid-back{background-color:#010101;border-radius:1.5rem;width:32rem;height:12rem;padding:.5rem;position:relative}.macbook__lid-logo{background-color:#010101;border-radius:.75rem;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:inset 0 2px 0 2px #171717}.macbook__lid-logo-icon{color:#fff}.macbook__lid-screen{background-color:#010101;border-radius:1.5rem;width:32rem;height:24rem;padding:.5rem;position:absolute;inset:0}.macbook__lid-screen-bg{background-color:#272729;border-radius:.75rem;position:absolute;inset:0}.macbook__lid-screen-link{cursor:none;border-radius:.75rem;position:absolute;inset:0}.macbook__lid-screen-img{object-fit:cover;object-position:top;border-radius:.75rem;width:100%;height:100%;position:absolute;inset:0}.macbook__base{z-index:-10;background-color:#272729;border-radius:1.5rem;width:32rem;height:24rem;position:relative;overflow:hidden}.macbook__top-bar{width:100%;height:2.5rem;position:relative}.macbook__hinge{background-color:#050505;width:80%;height:1rem;margin-inline:auto;position:absolute;left:0;right:0}.macbook__keyboard-row{width:100%;display:flex;position:relative}.macbook__speaker{width:10%;height:100%;overflow:hidden}.macbook__keypad-wrapper{width:80%;height:100%}.macbook__trackpad{border-radius:1rem;width:40%;height:8rem;margin:.25rem auto;box-shadow:inset 0 0 1px 1px #00000020}.macbook__cutout{background:linear-gradient(#050505,#272729);border-radius:2rem 2rem 0 0;width:5rem;height:.5rem;margin-inline:auto;position:absolute;bottom:0;left:0;right:0}.macbook__gradient{z-index:50;background:linear-gradient(#0000,#000 70%,#000);width:100%;height:10rem;position:absolute;bottom:0;left:0;right:0}.macbook__keypad{will-change:transform;background-color:#050505;border-radius:.5rem;height:100%;margin-inline:.25rem;padding:.25rem;transform:translateZ(0)}.macbook__key-row{flex-shrink:0;gap:2px;width:100%;margin-bottom:2px;display:flex}.macbook__key-outer{will-change:transform;border-radius:4px;padding:.5px;transform:translateZ(0)}.macbook__key-outer--backlit{background-color:#fff3;box-shadow:0 20px 25px -5px #fff,0 8px 10px -6px #fff}.macbook__key-inner{background-color:#0a090d;border-radius:3.5px;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex;box-shadow:inset 0 -.5px 2px #0d0d0f,inset -.5px 0 2px #0d0d0f}.macbook__key-inner--w10{width:2.5rem}.macbook__key-inner--w8{width:2rem}.macbook__key-inner--w-caps{width:2.8rem}.macbook__key-inner--w-return{width:2.85rem}.macbook__key-inner--w-shift{width:3.65rem}.macbook__key-inner--w-space{width:8.2rem}.macbook__key-inner--align-start{justify-content:flex-start;align-items:flex-end;padding-bottom:2px;padding-left:4px}.macbook__key-inner--align-end{justify-content:flex-end;align-items:flex-end;padding-bottom:2px;padding-right:4px}.macbook__key-inner--half{width:1.5rem;height:.75rem}.macbook__key-content{color:#e5e5e5;flex-direction:column;justify-content:center;align-items:center;width:100%;font-size:5px;display:flex}.macbook__key-content--backlit{color:#fff}.macbook__key-content--start{align-items:flex-start}.macbook__key-content--end{align-items:flex-end}.macbook__key-content--split{justify-content:space-between;height:100%;padding-block:4px}.macbook__key-label{display:block}.macbook__key-label-inline{margin-top:.25rem;display:inline-block}.macbook__key-icon{width:6px;height:6px}.macbook__power-outer{background:linear-gradient(#171717 20%,#000 50%,#171717 95%);border-radius:9999px;width:1rem;height:1rem;padding:1px}.macbook__power-inner{background-color:#000;border-radius:9999px;width:100%;height:100%}.macbook__key-split-row{width:100%;display:flex}.macbook__key-split-row--end{justify-content:flex-end;padding-right:.25rem}.macbook__key-split-row--start{justify-content:flex-start;padding-left:.25rem}.macbook__arrows{border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;width:4.9rem;height:1.5rem;margin-top:2px;padding:.5px;display:flex}.macbook__arrows-row{display:flex}.macbook__speaker-grid{background-image:radial-gradient(circle,#08080a .5px,#0000 .5px);background-size:3px 3px;gap:2px;height:10rem;margin-top:.5rem;padding-inline:.5px;display:flex}.macbook__logo-svg{color:#fff;width:.75rem;height:.75rem}.macbook__option-svg{width:6px;height:6px}.macbook__link-overlay{z-index:60;cursor:none;position:absolute;inset:0}.macbook__cursor-popover{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;white-space:nowrap;background-color:#000000d9;border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem .7rem;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.5)}.macbook__cursor-popover--visible{opacity:1;transform:translate(-50%,-50%)scale(.5)}.macbook__cursor-dot{background:#16a34a;border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem;animation:2s ease-in-out infinite macbook-pulse-dot}.macbook__cursor-label{font-family:var(--font-dm-sans), "DM Sans", sans-serif;color:#fff;font-size:.75rem;font-weight:500;line-height:1}@keyframes macbook-pulse-dot{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 6px #16a34a00}}
.project__hero{color:#f7f4ee;background-color:#0b0b0a;position:relative;overflow:hidden}.project__title-block{text-align:center;padding-top:9rem;padding-bottom:2rem;flex-direction:column;align-items:center;gap:1rem;padding-inline:2rem;display:flex;position:relative}.project__back{color:#f7f4ee80;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(0,0,.2,1);display:inline-flex}.project__back:hover{color:#f7f4ee}.project__category{letter-spacing:.15em;text-transform:uppercase;color:#2448ff;font-size:.6875rem;font-weight:600}.project__name{font-family:var(--font-syne), "Syne", sans-serif;letter-spacing:-.03em;color:#f7f4ee;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:1}.project__description{color:#f7f4ee80;max-width:36rem;margin-inline:auto;font-size:1.25rem;line-height:1.625}.project__body{background-color:#f7f4ee;padding-block:8rem}.project__section{margin-inline:auto;max-width:1024px;margin-bottom:6rem;padding-inline:1.25rem}@media (min-width:768px){.project__section{padding-inline:2rem}}.project__section-label{letter-spacing:.15em;text-transform:uppercase;color:#2448ff;margin-bottom:1rem;font-size:.6875rem;font-weight:600}.project__section-title{font-family:var(--font-syne), "Syne", sans-serif;letter-spacing:-.03em;color:#0d0d0b;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.project__section-text{color:#5c5950;font-size:1.125rem;line-height:1.625}.project__results{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.project__result{color:#0d0d0b;background:#fff;border:1px solid #e4e1da;border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;font-size:1rem;line-height:1.625;display:flex}.project__result:before{content:"✓";color:#16a34a;flex-shrink:0;margin-top:2px;font-weight:700}.project__actions{padding-inline:1.25rem;background-color:#f7f4ee;flex-wrap:wrap;gap:1rem;max-width:768px;margin-inline:auto;padding-bottom:8rem;display:flex}@media (min-width:768px){.project__actions{padding-inline:2rem}}