:root{--ink:#191919;--paper:#fafafa;--pink:#fa79d0;--line:#d5d5d5;--muted:#5b5b5b;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #005fcc;outline-offset:6px}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1360px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:16px;top:-100px;background:white;padding:14px;z-index:10}.skip:focus{top:16px}.nav{padding:30px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:17px;font-weight:700;letter-spacing:-.5px}.wordmark span{display:block;font-weight:400;font-size:14px;letter-spacing:0;margin-top:5px}.nav nav{display:flex;gap:35px;font-size:16px}.nav nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero{padding-top:60px;padding-bottom:70px;position:relative}.eyebrow{font-size:14px;letter-spacing:1px;font-weight:600}.hero>.eyebrow{display:flex;justify-content:space-between}h1{font-size:clamp(75px,12.3vw,180px);line-height:.96;letter-spacing:-.075em;margin:52px 0 40px;font-weight:700}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.075em}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{font-size:19px;line-height:1.6;max-width:620px;margin:0}.text-link{font-size:16px;font-weight:600;border-bottom:1px solid;padding-bottom:4px;display:inline-block;width:fit-content}.aside-note{display:inline-block;background:var(--pink);transform:rotate(-4deg);margin-top:32px;padding:10px 18px;font-family:Georgia,serif;font-style:italic;font-size:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;border-top:1px solid;padding-top:24px}.section-heading h2{font-size:24px;letter-spacing:-1px;margin:0}.section-heading>span{font-size:14px}.work{padding-bottom:90px}.featured{display:block}.feature-art{background:var(--pink);padding:32px 38px;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s}.featured:hover .feature-art{background:#f697da}.small-label{font-size:14px;letter-spacing:.6px}.project-word{font-size:clamp(76px,13vw,190px);font-weight:700;letter-spacing:-.08em;line-height:1.05}.punctuation{color:#fff}.art-bottom{display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px}.feature-caption{display:grid;grid-template-columns:1.1fr 1fr;gap:18px 60px;padding:30px 0 50px}.feature-caption h3{font-size:38px;letter-spacing:-1.5px;margin:0}.feature-caption p{font-size:18px;line-height:1.55;margin:0}.feature-caption .text-link{grid-column:2}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.project-card{display:block}.tile{min-height:330px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s}.project-card:hover .tile{transform:translateY(-5px)}.tile-name{font-size:clamp(38px,5vw,74px);font-weight:700;letter-spacing:-.06em;line-height:1.08;overflow-wrap:anywhere}.tile-bottom{font-size:16px}.lime{background:#d5f677}.black{background:#191919;color:white}.blue{background:#b6d7f4}.pink{background:#f6d5e7}.orange{background:#ffc190}.red{background:#b51d32;color:white}.purple{background:#d3bef2}.project-card h3{font-size:21px;letter-spacing:-.5px;margin:18px 0 7px}.project-card p{font-size:16px;color:var(--muted);margin:0}.about{border-top:1px solid;padding:65px 0 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px 70px}.about>.eyebrow{grid-column:1/-1}.about h2{font-size:clamp(43px,5vw,75px);line-height:1.03;letter-spacing:-.06em;margin:12px 0}.about-copy p{font-size:20px;line-height:1.65;margin:10px 0 24px}.discipline-list{display:flex;gap:10px;flex-wrap:wrap}.discipline-list span{font-size:14px;border:1px solid;border-radius:30px;padding:10px 14px}.project-notes{padding-bottom:80px}.overview{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid var(--line);padding:34px 0;scroll-margin-top:25px}.overview h3{font-size:30px;letter-spacing:-1px;margin:0 0 14px}.overview p{font-size:18px;line-height:1.6;max-width:760px;margin:0 0 18px}.contact{background:var(--ink);color:var(--paper);padding:55px;margin-bottom:40px}.contact h2{font-size:clamp(40px,6vw,84px);line-height:1.05;letter-spacing:-.055em;margin:30px 0}.contact-email{font-size:clamp(18px,2.5vw,32px);display:block;margin-bottom:35px;overflow-wrap:anywhere}.contact-email:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding-bottom:32px}.case-intro{padding-top:55px}.case-intro h1{font-size:clamp(70px,12vw,150px);margin:45px 0 25px}.case-deck{font-size:clamp(24px,3vw,38px);max-width:980px;line-height:1.25;letter-spacing:-.025em}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);padding:28px 0 45px}.case-meta dt{font-size:14px;color:var(--muted);margin-bottom:10px}.case-meta dd{font-size:18px;margin:0;line-height:1.5}.case-banner{background:var(--pink);padding:45px;min-height:280px;display:flex;align-items:center;justify-content:space-between;gap:30px}.case-banner strong{font-size:clamp(40px,6vw,88px);letter-spacing:-.06em}.case-banner span{font-size:16px;line-height:1.6;max-width:240px}.case-section{padding:55px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.case-section h2{font-size:32px;letter-spacing:-1px;margin:0}.case-section p{font-size:20px;line-height:1.65;margin:0 0 20px}.case-section p:last-child{margin-bottom:0}.case-section ul{font-size:18px;line-height:1.65;padding-left:22px}.case-footer{padding:55px 0;display:flex;justify-content:space-between;gap:30px}.pending{background:#ececec;padding:25px;font-size:18px;line-height:1.6}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{padding:22px 18px;align-items:start}.wordmark{font-size:14px}.nav nav{gap:16px;font-size:14px}.hero{padding-top:32px;padding-bottom:45px}.hero>.eyebrow{font-size:12px;gap:15px}h1{margin:42px 0 30px;font-size:clamp(65px,14vw,105px)}.hero-bottom{display:block}.hero-bottom p{font-size:17px}.hero-bottom>.text-link{margin-top:22px}.feature-art{min-height:270px;padding:23px}.project-word{font-size:19vw}.feature-caption{display:block;padding:24px 0 34px}.feature-caption h3{font-size:30px;margin-bottom:15px}.feature-caption p{font-size:17px;margin-bottom:20px}.project-grid{gap:28px 16px}.tile{min-height:240px;padding:17px}.tile-name{font-size:36px}.tile .small-label{font-size:12px}.tile-bottom{font-size:14px}.project-card h3{font-size:19px}.project-card p{font-size:14px}.about{display:block;padding:40px 0}.about h2{margin:25px 0}.about-copy p{font-size:18px}.overview{grid-template-columns:45px 1fr;padding:25px 0}.overview h3{font-size:25px}.overview p{font-size:17px}.contact{padding:32px 25px}.contact h2{font-size:43px}footer{flex-wrap:wrap;font-size:12px}.case-meta{grid-template-columns:1fr}.case-deck{font-size:26px}.case-banner{display:block;padding:28px}.case-banner span{display:block;margin-top:20px}.case-section{grid-template-columns:1fr;gap:20px;padding:35px 0}.case-section p{font-size:18px}.case-footer{flex-wrap:wrap}}
@media(max-width:430px){.project-grid{grid-template-columns:1fr}.tile{min-height:275px}.tile-name{font-size:54px}.hero>.eyebrow span:last-child{display:none}.nav nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.figma-preview{margin-top:24px}.figma-preview button{font:inherit;font-weight:600;border:1px solid var(--ink);background:var(--ink);color:white;padding:14px 20px;cursor:pointer}.figma-preview button:focus-visible{outline:3px solid #005fcc;outline-offset:5px}.figma-preview iframe{display:block;width:100%;height:600px;border:1px solid var(--line);background:#ececec;margin-bottom:16px}.figma-preview p{font-size:16px;line-height:1.5}.figma-preview .text-link{margin-top:14px}.figma-note{color:var(--muted)}@media(max-width:760px){.figma-preview iframe{height:480px}}

.barilla-thumbnail{padding:0;overflow:hidden;background:#181818;position:relative}.barilla-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}