:root{--blue:#a8bdd2;--cream:#fff0cf;--wine:#4a050d;--ink:#451017;--paper:#f4ead7;--display:'Barlow Condensed',sans-serif;--script:'Caveat',cursive;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--ink);font-family:var(--body)}img{display:block;width:100%;height:100%;object-fit:cover}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#000;padding:.6rem}
.site-header{position:fixed;z-index:10;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 4vw;color:var(--cream);mix-blend-mode:difference}.brand{color:inherit;font:700 2rem var(--display);text-decoration:none}.site-header nav{display:flex;gap:1.5rem}.site-header nav a{color:inherit;text-decoration:none;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}.menu-button{display:none}.section{min-height:100vh;padding:8rem max(5vw,2rem);position:relative}
.hero{min-height:78svh;display:grid;place-items:center;overflow:hidden;background:#9db4cc}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(#9db4cc45,#9db4cc45),url('assets/cover-texture.png') center/cover;opacity:1}.hero-copy{position:relative;z-index:1;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;margin:0 0 .75rem}.hero h1,.contact h2{font:700 clamp(6rem,20vw,19rem)/.7 var(--display);letter-spacing:-.04em;color:var(--cream);margin:0}.signature,.script{font:600 clamp(2rem,5vw,4.5rem)/.7 var(--script);color:var(--wine);margin:0}.round-link{display:inline-flex;gap:.6rem;align-items:center;margin-top:4rem;color:var(--wine);font-size:.8rem;text-decoration:none;text-transform:uppercase;letter-spacing:.13em}.round-link span{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid var(--wine);font-size:1.4rem}
.about{min-height:auto;display:grid;place-items:center;padding:4rem 1vw}.about-slide{width:min(100%,110rem);overflow:hidden}.about-slide img{height:auto;aspect-ratio:16/9;object-fit:contain}.display-label,.section-heading span,.projects-head p{font:600 clamp(4rem,11vw,10rem)/.78 var(--display);text-transform:uppercase;color:var(--cream);margin:0}
.services{background:var(--paper);min-height:auto;padding-bottom:7rem}.services .section-heading span{color:#6c91b5}.section-heading{text-align:center;margin-bottom:5rem}.section-heading em{display:block;font:600 clamp(2rem,4vw,4rem)/.8 var(--script);color:var(--wine);margin-top:-.2em}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}.services-grid article{text-align:center;padding-top:1rem}.services-grid h3{font:600 clamp(2.5rem,4.2vw,4rem)/.85 var(--script);color:var(--wine);margin:0 auto 1rem;padding-bottom:.35rem;border-bottom:1px solid #4a050d55;max-width:15rem}.services-grid p{margin:auto;max-width:17rem;line-height:1.55}
.projects{background:var(--blue);min-height:auto;padding:8rem 2vw 6rem}.projects .section-heading{margin-bottom:3rem}.carousel{width:min(100%,110rem);margin:auto}.carousel-window{overflow:hidden;border:1px solid #fff0cf66;box-shadow:0 18px 42px #496a8555}.carousel-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.carousel-slide{flex:0 0 100%;aspect-ratio:16/9;margin:0}.carousel-slide img{object-fit:contain;background:var(--blue)}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1.1rem;margin-top:1.5rem}.carousel-button{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid var(--cream);border-radius:50%;background:transparent;color:var(--cream);font-size:1.2rem;cursor:pointer;transition:background .2s,color .2s}.carousel-button:hover{background:var(--cream);color:var(--wine)}.carousel-dots{display:flex;gap:.6rem}.carousel-dot{width:.55rem;height:.55rem;border:0;border-radius:50%;padding:0;background:#fff0cf66;cursor:pointer}.carousel-dot[aria-current="true"]{background:var(--cream);transform:scale(1.3)}
.tools{background:var(--paper);min-height:auto}.tools .section-heading span{color:#6c91b5}.tool-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:74rem;margin:auto}.tool-card{min-height:17rem;position:relative;display:grid;place-items:center;overflow:hidden;padding:2rem;border:1px solid #4a050d4d;background-color:var(--blue);background-size:cover;background-position:center;box-shadow:8px 8px 0 #d5c5ad;cursor:default;transition:transform .25s ease}.tool-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#4a050daa,#a8bdd285);transition:background .25s ease}.tool-card--design{background-image:url('assets/tool-design.png')}.tool-card--video{background-image:url('assets/tool-video.png')}.tool-card--metrics{background-image:url('assets/tool-metrics.png')}.tool-card:focus,.tool-card:hover{transform:translateY(-.45rem);outline:none}.tool-card:focus::before,.tool-card:hover::before{background:#4a050de6}.tool-card:focus-visible{outline:3px solid var(--wine);outline-offset:4px}.tool-card p{position:relative;z-index:1;margin:0;color:var(--cream);font:600 clamp(3.2rem,5vw,5.4rem)/.8 var(--script);text-align:center;transition:opacity .2s ease,transform .25s ease}.tool-card ul{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;list-style:none;margin:0;padding:1.5rem;opacity:0;transform:translateY(1rem);transition:opacity .2s ease,transform .25s ease}.tool-card li{color:var(--cream);font-size:clamp(1rem,1.5vw,1.25rem);letter-spacing:.03em}.tool-card:hover p,.tool-card:focus p{opacity:0;transform:translateY(-1rem)}.tool-card:hover ul,.tool-card:focus ul{opacity:1;transform:none}
.contact{min-height:80vh;display:grid;place-items:center;background:linear-gradient(#a8bdd2dc,#a8bdd2dc),url('assets/page-9.png') center/cover}.contact-card{text-align:center}.contact h2{font-size:clamp(5rem,16vw,13rem);margin:.12em 0}.contact-card>p:not(.eyebrow){max-width:28rem;margin:0 auto 2rem}.contact a{display:block;color:var(--cream);font-size:clamp(1rem,2vw,1.6rem);margin:.75rem;text-decoration:none}footer{padding:1.2rem 4vw;background:var(--wine);color:var(--cream);font-size:.75rem;text-align:center}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:720px){.section{padding:7rem 1.4rem}.site-header{padding:1rem 1.4rem}.menu-button{display:block;border:0;background:none;color:inherit;font:600 .75rem var(--body);text-transform:uppercase;letter-spacing:.1em}.site-header nav{display:none;position:absolute;top:100%;right:1.4rem;padding:1rem;background:var(--wine);flex-direction:column}.site-header nav.open{display:flex}.about{padding-block:2.5rem}.project,.project--reverse{grid-template-columns:1fr;gap:2rem}.services-grid,.tool-groups{grid-template-columns:1fr 1fr;gap:2rem}.section-heading{margin-bottom:3rem}.project{margin-bottom:6rem}.project--reverse .project-image{order:0}.project-image{height:19rem}.project-copy>p:last-child{font-size:.96rem}.contact{min-height:70vh}}@media(max-width:430px){.services-grid,.tool-groups{grid-template-columns:1fr}.hero h1{font-size:30vw}}