/* SOD case study: existing Inter/Carta Nueva and portfolio palette. */
.sod-case{background:var(--work-lilac)}.sod-case figure{margin:0}.sod-case figure img{width:100%;height:auto}.sod-hero{padding-top:48px;background:#fff}.sod-hero img{width:100%;height:auto}.sod-meta{padding:54px 6vw 34px;display:flex;justify-content:space-between;gap:6vw;align-items:center}.sod-meta .eyebrow{margin-bottom:14px}.sod-meta h1{font-size:clamp(62px,7vw,112px);margin:0}.sod-meta dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6vw}.sod-meta dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.sod-meta dd{margin:0;font-size:13px;line-height:1.65}.sod-intro,.sod-story{max-width:770px;margin:0 auto;padding:32px 22px 100px;text-align:center}.sod-intro p,.sod-story>p:not(.eyebrow){font-size:17px;line-height:1.75;margin:0 0 20px}.sod-pair{display:grid;grid-template-columns:1.25fr .88fr;align-items:start;gap:6vw;padding:10px 4vw 0 0}.sod-pair .sod-social{padding-top:110px}.sod-pair figcaption{font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:14px 20px}.sod-pair .sod-packaging figcaption{padding-left:0}.sod-story{padding-top:100px;padding-bottom:70px}.sod-story .eyebrow{margin-bottom:24px}.sod-art-direction{padding:0 4vw 80px}.sod-art-direction>.eyebrow{text-align:center;margin-bottom:55px}.sod-moodboard{position:relative;height:min(85vw,1160px);max-width:1440px;margin:auto}.sod-moodboard figure{position:absolute}.sod-mood-one{width:14%;left:4%;top:12%}.sod-mood-two{width:25%;left:32%;top:7%}.sod-mood-three{width:19%;right:6%;top:0}.sod-mood-four{width:25%;left:-4%;top:45%}.sod-mood-five{width:24%;right:-4%;top:35%}.sod-mood-six{width:17%;left:56%;bottom:0}.sod-identity-wrap{padding:40px 6vw 110px}.sod-identity{position:relative;max-width:1260px;margin:auto;background:var(--petal);height:min(100vw,1330px);min-height:850px;overflow:hidden}.sod-identity>.eyebrow{position:absolute;left:4%;top:4%;max-width:150px}.sod-identity figure{position:absolute}.sod-climb-one{width:32%;left:17%;top:0}.sod-climb-two{width:37%;right:0;top:32%}.sod-climb-three{width:25%;left:0;bottom:0}.sod-mark{position:absolute;z-index:1;width:31%;left:36%;top:47%}.sod-mark img{width:100%;height:auto}.sod-identity-note{position:absolute;right:4%;bottom:5%;font-size:13px;line-height:1.6;margin:0}.sod-case .next-project{background:#fff;border-top:1px solid var(--line)}
@media(min-width:1600px){.sod-meta{padding-left:9vw;padding-right:9vw}.sod-intro,.sod-story{max-width:850px}}
@media(max-width:760px){.sod-hero{padding-top:24px}.sod-meta{padding:34px 22px 24px;display:block}.sod-meta h1{font-size:72px;margin-bottom:25px}.sod-meta dl{gap:24px}.sod-meta dd{font-size:12px}.sod-intro,.sod-story{padding:20px 22px 48px;text-align:left}.sod-intro p,.sod-story>p:not(.eyebrow){font-size:16px;line-height:1.7}.sod-pair{padding:0 22px;grid-template-columns:1fr;gap:38px}.sod-pair .sod-social{padding-top:0}.sod-pair .sod-packaging{max-width:83%;margin-left:auto}.sod-pair figcaption,.sod-pair .sod-packaging figcaption{padding:12px 0}.sod-story{padding-top:50px}.sod-art-direction{padding:0 22px 30px}.sod-art-direction>.eyebrow{text-align:left;margin-bottom:30px}.sod-moodboard{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;align-items:center}.sod-moodboard figure{position:static;width:auto!important}.sod-moodboard .sod-mood-two{grid-column:2;grid-row:1/span 2}.sod-moodboard .sod-mood-three{grid-column:1;grid-row:2;width:82%!important}.sod-moodboard .sod-mood-five{grid-column:2;grid-row:3/span 2}.sod-moodboard .sod-mood-six{width:80%!important;margin-left:auto}.sod-identity-wrap{padding:35px 22px 60px}.sod-identity{height:172vw;min-height:590px;max-height:920px}.sod-identity>.eyebrow{font-size:9px;left:6%;top:4%;max-width:65px}.sod-climb-one{width:44%;left:30%}.sod-climb-two{width:53%;top:37%}.sod-climb-three{width:37%}.sod-mark{width:51%;left:10%;top:42%}.sod-identity-note{font-size:10px;right:6%;bottom:5%;max-width:135px}.sod-meta .eyebrow{font-size:10px}.sod-case .next-project strong{max-width:62%}}
