@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap');:root{--paper:#f7f3e9;--ink:#171717;--pink:#ef9fae;--yellow:#f7dd78}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.085' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.wrap{max-width:1250px;margin:auto;padding-left:40px;padding-right:40px}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;max-width:1250px;padding:0 40px;margin:auto}.brand{display:flex;flex-direction:column;line-height:.8;font-size:33px;font-weight:800;letter-spacing:-2px}.brand .ee{font-family:'Playfair Display',serif;font-style:italic;color:#d97891;letter-spacing:-3px}.brand small{font-size:10px;letter-spacing:7px;text-align:right;margin-top:10px;font-weight:600}.site-header nav{display:flex;gap:32px;font-size:12px;font-weight:700;letter-spacing:1.6px}.site-header nav a:hover,.text-link:hover{color:#d97891}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding-top:28px;padding-bottom:88px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800}.role{font-size:29px;font-weight:600;margin:55px 0 2px}.hero h1,.case-heading h1{font-size:clamp(55px,6.5vw,100px);line-height:.99;letter-spacing:-5px;margin:0 0 30px;font-weight:800}.hero h1 em,.case-heading h1 i{font-style:normal;color:#d77b91}.intro{max-width:410px;font-size:17px;line-height:1.7}.text-link{display:inline-block;margin-top:35px;font-size:12px;letter-spacing:1.3px;font-weight:800;border-bottom:2px solid;padding-bottom:9px}.text-link span{font-size:18px}.hero-visual img{border-radius:2px;box-shadow:16px 16px 0 #f1de91}.work-section{background:#fff;padding:110px 0 120px}.section-head h2,.about h2,.contact h2,.case-text h2,.case-gallery h2{font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-3.5px;margin:12px 0 18px}.section-head h2 i,.about h2 i,.contact h2 i,.case-text h2 i,.case-gallery h2 i{font-family:'Playfair Display',serif;font-weight:600}.section-head>p:last-child{color:#666}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px;margin-top:65px}.project.featured{grid-column:span 2}.project-image{overflow:hidden;background:#222}.project-image img{aspect-ratio:16/8;object-fit:cover;transition:transform .5s}.project:hover .project-image img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:1.2px;margin-top:17px}.project h3{font-size:28px;margin:10px 0 3px;letter-spacing:-.9px}.project p{color:#777;font-size:13px;margin:0}.project-placeholder{height:300px;background:#09244a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:48px;line-height:.95;letter-spacing:-2px;text-align:center}.project-placeholder.alt{background:#b2c5b7;color:#153a33;font-size:30px}.project-placeholder.peach{background:#f1ae9b;color:#732d50}.about{padding-top:140px;padding-bottom:150px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy{padding-top:60px}.about-copy p{font-size:21px;line-height:1.65}.about-note{display:block;margin-top:30px;font-size:11px;letter-spacing:1.2px;font-weight:800}.contact{background:#171717;color:#f8f5ef;padding:110px 0 120px}.contact h2{font-size:clamp(62px,8vw,116px)}.contact h2 i{color:#f1a6b5}.contact-link{display:inline-block;border-bottom:2px solid #f1a6b5;padding-bottom:12px;margin-top:30px;font-size:19px;font-weight:800}.contact-small{font-size:11px;color:#999;margin-top:28px}footer{background:#171717;color:#a8a8a8;border-top:1px solid #444}.footer-inner{display:flex;justify-content:space-between;padding-top:30px;padding-bottom:30px;font-size:10px;letter-spacing:1px}.case-heading{padding-top:55px;padding-bottom:80px}.back{font-size:12px;font-weight:800}.case-heading .eyebrow{margin-top:85px}.case-heading h1{margin-top:15px}.case-heading>p:last-child{font-size:20px;max-width:650px;line-height:1.5}.case-hero{max-width:1500px;margin:auto}.case-hero img{width:100%}.case-text{padding-top:125px;padding-bottom:125px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.case-text>div:last-child{padding-top:55px;font-size:19px;line-height:1.7}.disclaimer{font-size:13px;color:#777}.case-gallery{padding-bottom:130px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:50px}figure{margin:0}figcaption{font-size:12px;color:#777;margin-top:12px}.stickers{margin-top:50px}.stickers img{max-width:900px;margin:auto}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:90px;padding:0 22px}.brand{font-size:25px}.site-header nav{gap:15px;font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:38px;padding-top:30px;padding-bottom:90px}.role{margin-top:30px;font-size:22px}.hero h1,.case-heading h1{letter-spacing:-2.7px}.hero-visual{max-width:500px}.project-grid{grid-template-columns:1fr;gap:55px}.project.featured{grid-column:span 1}.project-image img{aspect-ratio:4/3}.project-placeholder{height:250px}.about,.case-text{grid-template-columns:1fr;gap:0;padding-top:90px;padding-bottom:90px}.about-copy,.case-text>div:last-child{padding-top:0}.about-copy p{font-size:18px}.gallery-grid{grid-template-columns:1fr}.footer-inner{gap:15px;flex-wrap:wrap}.work-section{padding:80px 0}.case-heading .eyebrow{margin-top:50px}}
/* Portfolio refinement: give the headline more visual space. */
@media(min-width:761px){.hero{grid-template-columns:1.15fr .85fr}.hero-visual{max-width:440px;justify-self:end}.project.featured .project-placeholder{height:440px}}
@media(max-width:760px){.hero-visual{width:82%;max-width:390px;align-self:center}}

.about h2 .about-ee{color:#d97891;font-family:'Playfair Display',serif;font-style:italic;letter-spacing:-4px}

.miller-video{padding-bottom:60px}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#071b3c;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-note{font-size:12px;color:#777;margin:12px 0 0}.miller-cover{padding-bottom:35px}.miller-cover img{width:100%;height:auto}

.miller-overview{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:80px;padding-bottom:105px}.miller-overview h2{font-size:clamp(48px,6vw,82px);line-height:1.05;letter-spacing:-3.5px;margin:14px 0 36px}.miller-overview h2 i{font-family:Playfair Display,serif}.miller-overview-copy{padding-top:30px}.miller-overview-copy p{font-size:20px;line-height:1.7;margin:0 0 23px}.miller-facts{display:flex;gap:50px;flex-wrap:wrap}.miller-facts div{display:flex;flex-direction:column;gap:9px}.miller-facts span{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#777}.miller-facts strong{font-size:16px;font-weight:700}@media(max-width:760px){.miller-overview{grid-template-columns:1fr;gap:15px;padding-top:50px;padding-bottom:70px}.miller-overview-copy{padding-top:0}.miller-overview-copy p{font-size:18px}}

/* Compact Miller Lite case-study layout */
body:has(.miller-overview) .case-heading{padding-top:30px;padding-bottom:24px}body:has(.miller-overview) .case-heading .eyebrow{margin-top:38px}body:has(.miller-overview) .case-heading h1{font-size:clamp(50px,5.8vw,82px);margin-bottom:0}body:has(.miller-overview) .miller-video{padding-bottom:10px}body:has(.miller-overview) .miller-overview{padding-top:42px;padding-bottom:48px;gap:55px}body:has(.miller-overview) .miller-overview h2{font-size:clamp(40px,4.2vw,62px);margin-bottom:20px}body:has(.miller-overview) .miller-overview-copy{padding-top:8px}body:has(.miller-overview) .miller-overview-copy p{font-size:17px;line-height:1.55;margin-bottom:15px}body:has(.miller-overview) .video-note{margin-top:8px}@media(max-width:760px){body:has(.miller-overview) .case-heading{padding-top:22px;padding-bottom:18px}body:has(.miller-overview) .case-heading .eyebrow{margin-top:30px}body:has(.miller-overview) .miller-overview{padding-top:35px;padding-bottom:35px;gap:10px}body:has(.miller-overview) .miller-overview-copy p{font-size:16px}}

.palo-hero img{width:100%;aspect-ratio:16/8.2;object-fit:cover;object-position:center 45%;display:block}.palo-overview{padding-top:65px;padding-bottom:60px}.palo-award{font-size:13px;font-weight:700;line-height:1.5;max-width:280px}.palo-overview .miller-overview-copy{padding-top:8px}.palo-overview .miller-overview-copy p{font-size:17px;line-height:1.55;margin-bottom:16px}@media(max-width:760px){.palo-hero img{aspect-ratio:4/3}.palo-overview{padding-top:38px;padding-bottom:30px}.palo-overview .miller-overview-copy p{font-size:16px}}

.familia-hero img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;object-position:center}.familia-overview{padding-top:65px;padding-bottom:55px}.familia-overview .miller-overview-copy{padding-top:8px}.familia-overview .miller-overview-copy p{font-size:17px;line-height:1.55;margin-bottom:16px}.familia-gallery{padding-top:40px;padding-bottom:50px}.familia-gallery h2{font-size:clamp(44px,5vw,70px);line-height:1.05;margin:14px 0 30px}.familia-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.familia-gallery-grid img{width:100%;height:auto;display:block}@media(max-width:760px){.familia-hero img{aspect-ratio:4/3}.familia-overview{padding-top:38px;padding-bottom:30px}.familia-overview .miller-overview-copy p{font-size:16px}.familia-gallery-grid{grid-template-columns:1fr;gap:28px}}

/* Typographic clients section */
.clients-section{background:#f7f3e9;padding:86px 0 94px}.clients-section .eyebrow{margin:0 0 35px}.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px;row-gap:0}.client-name{font-size:17px;font-weight:600;letter-spacing:-.35px;line-height:1.35;padding:17px 0;border-bottom:1px solid rgba(23,23,23,.17)}@media(max-width:900px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.clients-section{padding:65px 0 75px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.client-name{font-size:15px;padding:15px 0}.site-header nav{gap:11px;font-size:9px;letter-spacing:1px}}
