@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,700;12..96,800&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap";:root{--dark: #221d16;--light: #f5efe2;--light2: #ece4d2;--card-face: #fdfbf4;--accent-1: #ffc226;--accent-2: #ff48b0;--accent-3: #0069b0;--ink-1: #b07c00;--ink-2: #e0288f;--ink-3: #005a97;--press-blue: #1c2140;--ink-hairline: rgba(34, 29, 22, .16);--radius-card: 1rem;--radius-chip: .25rem}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:var(--accent-2);color:var(--card-face)}body{font-family:Bricolage Grotesque,DM Sans,sans-serif;background-color:var(--light);color:var(--dark)}h1{font-size:clamp(2rem,4.2vw,3.6rem);font-weight:800;font-variation-settings:"opsz" 96;letter-spacing:-.03em;line-height:1.02;text-wrap:balance;text-shadow:.038em .042em 0 var(--accent-2)}p{font-size:1.1rem;font-weight:400}span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500;letter-spacing:.05em}.eyebrow{display:inline-block;text-transform:none;font-size:.8rem;font-weight:400;letter-spacing:0;color:var(--ink-3)}.eyebrow:before{content:"( "}.eyebrow:after{content:" )"}nav{position:fixed;width:100vw;padding:2rem;display:flex;justify-content:space-between;align-items:center;z-index:2}.logo span,.menu-btn span{font-size:.8rem;padding:.75rem;border-radius:var(--radius-chip)}.logo span{background-color:var(--dark);color:var(--light);box-shadow:.2rem .2rem 0 var(--accent-1)}.menu-btn span{background-color:var(--card-face);color:var(--dark);border:1px solid rgba(34,29,22,.4)}section{position:relative;width:100vw;height:100svh;padding:2rem;overflow:hidden}.hero{background-color:var(--light);color:var(--dark)}.hero-copy{position:absolute;top:7.5rem;left:50%;transform:translate(-50%);width:min(92%,46rem);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.hero-copy h1{font-size:clamp(2rem,4vw,3.4rem)}.about,.outro{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;text-align:center;background-color:var(--press-blue);color:var(--light)}.about h1,.outro h1{max-width:22ch;text-shadow:.038em .042em 0 rgba(255,194,38,.85)}.about .eyebrow,.outro .eyebrow{color:var(--accent-2)}.about ::selection,.outro ::selection{background-color:var(--accent-1);color:var(--press-blue)}.hero-cards{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:35%;display:flex;justify-content:center;gap:1rem}.hero-cards .card{flex:1;position:relative;aspect-ratio:5/7;padding:.75rem;border-radius:calc(var(--radius-card) * .5);border:3px solid var(--card-face);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 3px #221d162e}.card-title{width:100%;display:flex;justify-content:space-between}.hero-cards .card .card-title:last-child,.flip-card-front .card-title:last-child,.flip-card-back .card-title:last-child{transform:rotate(180deg)}.hero-cards .card span{font-size:.7rem}.hero-cards .card#hero-card-1{background-color:var(--accent-1);transform-origin:top right;z-index:2}.hero-cards .card#hero-card-2{background-color:var(--accent-2);z-index:1}.hero-cards .card#hero-card-3{background-color:var(--accent-3);color:var(--card-face);transform-origin:top left;z-index:0}.hero-cards .card:after,.flip-card-front:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:inherit;line-height:1;pointer-events:none}.hero-cards .card:after{font-size:1.9rem}.flip-card-front:after{font-size:4.25rem}#hero-card-1:after,#card-1 .flip-card-front:after,#mobile-card-1 .flip-card-front:after{content:"✳"}#hero-card-2:after,#card-2 .flip-card-front:after,#mobile-card-2 .flip-card-front:after{content:"◇"}#hero-card-3:after,#card-3 .flip-card-front:after,#mobile-card-3 .flip-card-front:after{content:"◆"}.services{padding:8rem 2rem}.services-header{position:relative;width:100%;text-align:center;transform:translateY(400%);will-change:transform}.services-header .eyebrow{margin-bottom:1rem}.services-header h1{max-width:26ch;margin:0 auto}.cards{position:fixed;top:0;left:0;width:100vw;height:100svh;display:flex;justify-content:center;z-index:-1;background-color:var(--light)}.cards-container{position:relative;width:75%;height:100%;margin-top:4rem;display:flex;justify-content:center;align-items:center;gap:4rem}.cards-container .card{flex:1;position:relative;aspect-ratio:5/7;perspective:1000px}.cards-container .card .card-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;animation:floating 2s infinite ease-in-out}@keyframes floating{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-50%)}}#card-1 .card-wrapper{animation-delay:0}#card-2 .card-wrapper{animation-delay:.25s}#card-3 .card-wrapper{animation-delay:.5s}@media(prefers-reduced-motion:reduce){.cards-container .card .card-wrapper{animation:none}}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:var(--radius-card);border:6px solid var(--card-face);backface-visibility:hidden;overflow:hidden}.flip-card-front{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-image:repeating-linear-gradient(-45deg,rgba(34,29,22,.05) 0 1px,transparent 1px 7px)}#card-1 .flip-card-front,#mobile-card-1 .flip-card-front{background-color:var(--accent-1)}#card-2 .flip-card-front,#mobile-card-2 .flip-card-front{background-color:var(--accent-2)}#card-3 .flip-card-front,#mobile-card-3 .flip-card-front{background-color:var(--accent-3);color:var(--card-face)}.flip-card-back{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;background-color:var(--card-face);color:var(--dark);transform:rotateY(180deg)}#card-1 .flip-card-back,#mobile-card-1 .flip-card-back{--deck-ink: var(--ink-1)}#card-2 .flip-card-back,#mobile-card-2 .flip-card-back{--deck-ink: var(--ink-2)}#card-3 .flip-card-back,#mobile-card-3 .flip-card-back{--deck-ink: var(--ink-3)}.flip-card-back .card-title span{color:var(--deck-ink, var(--dark))}.card-copy{width:100%;height:100%;display:flex;flex-direction:column;counter-reset:deliverable}.card-copy p{flex:1;display:flex;align-items:center;gap:.7em;padding:0 .35em;font-size:.9rem;font-weight:500;letter-spacing:-.005em;border-bottom:1px dashed var(--ink-hairline);counter-increment:deliverable}.card-copy p:last-child{border-bottom:none}.card-copy p:before{content:counter(deliverable,decimal-leading-zero);font-family:DM Mono,monospace;font-size:.7rem;font-weight:400;color:var(--deck-ink, rgba(34, 29, 22, .45))}.cards #card-1{transform:translate(100%) translateY(-100%) rotate(-5deg) scale(.25);z-index:2}.cards #card-2{transform:translate(0) translateY(-100%) rotate(0) scale(.25);z-index:1}.cards #card-3{transform:translate(-100%) translateY(-100%) rotate(5deg) scale(.25);z-index:0}.cards .cards-container .card{opacity:0}.mobile-cards{display:none}@media(max-width:1000px){.hero-cards{width:calc(100% - 4rem)}.services{min-height:100svh;height:100%}.services-header{transform:translateY(0)}.mobile-cards{display:block;height:100%}.mobile-cards .cards-container{width:calc(100% - 4rem);display:block;height:100%;margin:4rem auto}.mobile-cards .cards-container .card{margin-bottom:2rem}.mobile-cards .cards-container .card-wrapper{animation:none}.mobile-cards .card .flip-card-front{transform:rotateY(180deg)}.mobile-cards .flip-card-back{transform:rotateY(0)}}@media(max-width:768px){nav{padding:1.25rem}.logo span,.menu-btn span{font-size:.7rem;padding:.6rem}.logo span{box-shadow:.15rem .15rem 0 var(--accent-1)}.hero-copy{top:6rem;gap:.75rem}.hero-copy h1{font-size:1.65rem}.hero-cards{gap:.6rem}.hero-cards .card{padding:.5rem;border-width:2px}.hero-cards .card span{font-size:.55rem}.hero-cards .card:after{font-size:1.25rem}.about,.outro{padding:2rem 1.5rem}.services{padding:6rem 1rem}.mobile-cards .cards-container{width:calc(100% - 1rem)}.flip-card-back{gap:1.25rem}.card-copy p{font-size:.95rem;padding:.7em .35em}}