.project-story{--story-ink:#352b2b;--story-gap:clamp(28px, 5vw, 76px);overflow:clip}.project-story .wrap{max-width:1280px}.project-story p{letter-spacing:-.015em}.project-story h2{font-size:clamp(40px,5.2vw,72px)}.project-story a:not(.button){text-underline-offset:.22em;text-decoration-thickness:1px;display:inline-block}.project-story .project-eyebrow{letter-spacing:.02em;margin-bottom:22px;font-size:16px;line-height:1.4}.project-story .project-prose{max-width:440px;color:var(--story-ink);font-size:clamp(19px,1.8vw,24px);line-height:1.45}.project-story figcaption{max-width:370px;color:var(--story-ink);letter-spacing:normal;font-size:16px;line-height:1.45}.project-story figcaption span{color:var(--wine);margin-bottom:6px;font-size:23px;line-height:1.2;display:block}.project-hero{grid-template-columns:.9fr 1.15fr;align-items:center;gap:0;padding-block:50px 90px;display:grid;position:relative}.project-hero-copy{z-index:1;padding-block:25px;position:relative}.project-hero h1{max-width:580px;font-size:clamp(46px,5.9vw,85px)}.project-intro{max-width:430px;color:var(--story-ink);margin-block:28px;font-size:clamp(20px,1.85vw,26px);line-height:1.4}.project-story .project-credits{letter-spacing:normal;color:var(--story-ink);margin-top:28px;font-size:15px;line-height:1.6}.project-cover{width:113%;max-width:none;margin-left:-3%}.project-materials{grid-template-columns:1fr 1fr;align-items:start;gap:38px 9%;padding-block:80px 70px;display:grid}.project-materials-intro{grid-area:1/1}.project-materials-intro .project-prose{margin-top:24px}.project-photos{grid-area:1/2/3;justify-self:end;width:90%;padding-top:25px}.project-photo-composition{padding:45% 0 4%;position:relative}.project-photo-strips{z-index:1;width:84%;position:relative;transform:rotate(-7deg)}.project-polaroid{width:35%;position:absolute;top:0;right:1%;transform:rotate(7deg)}.project-photos figcaption{margin-top:15px;margin-left:14%}.project-letter-material{grid-area:2/1/4;align-items:center;gap:8%;margin-top:12px;display:flex}.project-paper-letter{width:48%;transform:rotate(-5deg)}.project-letter-material figcaption{flex:1}.project-embossing{grid-area:3/2;padding:12px 4% 0}.project-embossing-composition{padding-bottom:7%;padding-right:12%;position:relative}.project-process-photo{width:100%;transform:rotate(3deg)}.project-bird{width:35%;position:absolute;bottom:-2%;right:-5%;transform:rotate(-8deg)}.project-embossing figcaption{margin-top:14px}.project-motion{align-items:center;gap:var(--story-gap);grid-template-columns:.8fr 1.2fr;padding-block:65px 110px;display:grid}.project-motion-copy .project-prose{margin-top:24px}.project-motion-frames{transform:rotate(-2deg)}.project-motion-frames img{width:100%}.project-motion-frames figcaption{margin-top:16px}.project-result{padding-block:65px 70px}.project-result-heading{gap:var(--story-gap);grid-template-columns:1.1fr .9fr;align-items:end;display:grid}.project-result-heading .project-prose{padding-bottom:4px}.project-devices{max-width:1120px;margin:64px auto 0}.project-device-composition{padding:0 14% 8% 2%;position:relative}.project-desktop-frame{background:#332e2d;border-radius:15px 15px 8px 8px;padding:10px 10px 16px;position:relative;box-shadow:0 20px 38px #352b2b1a}.project-desktop-frame:after{content:"";background:linear-gradient(#d3cfc9,#a39b94);border-radius:2px 2px 55% 55%;width:110%;height:13px;position:absolute;bottom:-12px;left:-5%}.project-desktop-frame img{border-radius:5px 5px 0 0;width:100%}.project-phone-frame{background:#332e2d;border-radius:25px;width:23%;padding:6px;position:absolute;bottom:0;right:1%;box-shadow:0 14px 28px #352b2b26}.project-phone-frame img{border-radius:19px;width:100%}.project-devices figcaption{max-width:550px;margin:22px 0 0 2%}.project-screen-details{grid-template-columns:1fr .8fr;align-items:center;gap:12%;max-width:980px;margin:90px auto 0;display:grid}.project-letter-detail>img{aspect-ratio:1.25;object-fit:cover;object-position:center 14%;width:100%}.project-letter-detail figcaption{margin-top:20px}.project-rsvp-art{padding:32px 0 45px}.project-rsvp-art img{width:100%;transform:rotate(-7deg)}.project-open-demo{text-align:center;margin:65px auto 0}.project-story .project-demo-note{letter-spacing:normal;max-width:440px;color:var(--story-ink);margin:20px auto 0;font-size:15px;line-height:1.5}.project-related{border-top:1px solid #721d3633;flex-wrap:wrap;justify-content:space-between;gap:18px 40px;padding-block:30px 65px;display:flex}.project-related a{letter-spacing:normal;font-size:17px;font-weight:400;line-height:1.5}@media (width<=900px){.project-hero{grid-template-columns:1fr 1fr;padding-block:30px 50px}.project-hero h1{font-size:clamp(44px,6.2vw,60px)}.project-materials{gap:28px 7%;padding-block:55px 65px}.project-photos{width:100%}.project-letter-material{gap:7%}.project-letter-material figcaption{font-size:15px}.project-motion{padding-block:50px 65px}}@media (width<=650px){.project-story h2{font-size:clamp(39px,10vw,55px)}.project-story .project-eyebrow{margin-bottom:18px;font-size:14px}.project-hero{grid-template-columns:1fr;padding-block:25px 15px}.project-hero-copy{padding-block:10px 0}.project-hero h1{max-width:480px;font-size:clamp(42px,11.5vw,66px)}.project-intro{max-width:440px;margin-block:22px}.project-story .project-credits{margin-top:22px;font-size:14px}.project-cover{width:112%;margin:10px 0 0 -6%}.project-materials{grid-template-columns:1fr;gap:42px;padding-block:45px 50px}.project-materials>*{grid-area:auto/1}.project-photos{justify-self:center;width:92%;padding-top:0}.project-photos figcaption{margin-left:0}.project-letter-material{gap:9%;margin-top:0}.project-paper-letter{width:47%;margin-left:2%}.project-letter-material figcaption{font-size:16px}.project-embossing{padding:5px 5% 0}.project-story figcaption span{font-size:22px}.project-motion{grid-template-columns:1fr;gap:32px;padding-block:40px 60px}.project-motion-frames{margin-inline:2%}.project-motion-frames figcaption{font-size:15px}.project-result{padding-block:40px 45px}.project-result-heading{grid-template-columns:1fr;gap:24px}.project-devices{margin-top:36px}.project-device-composition{padding:0 6% 25% 1%}.project-desktop-frame{border-radius:8px 8px 4px 4px;padding:5px 5px 8px}.project-desktop-frame:after{height:7px;bottom:-6px}.project-phone-frame{border-radius:15px;width:30%;padding:4px;right:0}.project-phone-frame img{border-radius:11px}.project-devices figcaption{margin-left:0;font-size:15px}.project-screen-details{grid-template-columns:1fr;gap:38px;margin-top:42px}.project-letter-detail{margin-right:10%}.project-rsvp-detail{margin-left:12%}.project-rsvp-art{max-width:300px;padding:12px 0 25px}.project-open-demo{margin-top:45px}.project-related{flex-direction:column;padding-block:25px 45px}}