/* Illustrated project covers, editorial case studies, source galleries and archive. */
#sada-playful .sp-hero-seal{width:132px;height:90px}
#sada-playful .sp-hero-seal em{font-size:18px}
#sada-playful .sp-hero-photo>img{object-position:58% center}
#sada-playful .sp-hero-photo figcaption{max-width:calc(100% - 30px);text-align:right}
#sada-playful .sh-portfolio-list{padding:35px 7% 75px}
#sada-playful .sh-portfolio-note{max-width:680px;font-size:12px;line-height:1.7;color:var(--sp-muted);margin:0 0 40px}
#sada-playful .sh-project-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px 7%;align-items:start}
#sada-playful .sh-project-card:nth-child(2n){margin-top:65px}
#sada-playful .sh-project-card .sp-image-button>img{aspect-ratio:1.19;object-position:50% 50%}
#sada-playful .sh-project-card:nth-child(2n) .sp-image-button>img{aspect-ratio:1.04}
#sada-playful .sh-project-card-meta{display:flex;justify-content:space-between;gap:15px;margin:17px 0 12px;font-size:10px;letter-spacing:.035em;text-transform:uppercase;color:var(--sp-muted)}
#sada-playful .sh-project-card h3{font:400 clamp(26px,3.2vw,46px)/1.08 var(--sp-display);letter-spacing:-.04em;margin:0 0 12px}
#sada-playful .sh-project-card>p{font-size:12px;color:var(--sp-muted);margin-bottom:6px}
#sada-playful .sh-project-credit{font-size:10px;line-height:1.55;color:var(--sp-muted);display:block;max-width:90%}
#sada-playful .sh-selection-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:20px 0 38px}
#sada-playful .sh-selection-heading h2{max-width:600px;font:400 clamp(31px,4.4vw,60px)/1.05 var(--sp-display);letter-spacing:-.04em}
#sada-playful .sh-selection-heading em{font-weight:400;color:var(--sp-wine)}
#sada-playful .sh-selection-heading>span{font-size:10px;white-space:nowrap;color:var(--sp-muted)}
#sada-playful .sh-project-intro{padding:28px 7% 40px}
#sada-playful .sh-project-intro h1{display:flex;justify-content:space-between;align-items:center;gap:25px;font:400 clamp(45px,6.8vw,105px)/1.02 var(--sp-display);letter-spacing:-.05em;margin:27px 0 20px;overflow-wrap:break-word}
#sada-playful .sh-project-intro h1 span{font-size:.6em;color:var(--sp-wine);flex-shrink:0;transform:rotate(6deg)}
#sada-playful .sh-project-intro>p:last-child{font-size:12px;line-height:1.6;color:var(--sp-muted)}
#sada-playful .sh-project-cover{margin:0 7%}
#sada-playful .sh-project-cover .sp-image-button>img{aspect-ratio:auto;max-height:760px;object-fit:contain}
#sada-playful .sh-project-cover figcaption,#sada-playful .sh-project-images figcaption{font-size:11px;line-height:1.5;padding-top:14px;color:var(--sp-muted)}
#sada-playful .sh-project-story{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:65px 7% 55px}
#sada-playful .sh-project-story h2{font:400 clamp(34px,4.7vw,66px)/1.06 var(--sp-display);letter-spacing:-.045em;color:var(--sp-wine);max-width:520px}
#sada-playful .sh-project-story>div>p{font-size:14px;line-height:1.8;color:var(--sp-muted)}
#sada-playful .sh-project-story dl{margin:30px 0 0}
#sada-playful .sh-project-story dl>div{padding:18px 0;border-top:1px solid var(--sp-line)}
#sada-playful .sh-project-story dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
#sada-playful .sh-project-story dd{margin:0;font-size:12px;line-height:1.75;color:var(--sp-muted)}
#sada-playful .sh-project-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 5%;padding:0 7% 65px;align-items:start}
#sada-playful .sh-project-images>figure:only-child{grid-column:1/-1;max-width:100%}
#sada-playful .sh-project-images .sp-image-button>img{aspect-ratio:auto;object-fit:contain;max-height:700px}
#sada-playful .sh-project-images>figure:nth-child(2n){padding-top:55px}
#sada-playful .sh-project-images>figure:last-child:nth-child(2n+1):not(:first-child){grid-column:1/-1}
#sada-playful .sh-founders{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;padding:0 7% 75px}
#sada-playful .sh-founder:nth-child(2){padding-top:85px}
#sada-playful .sh-portrait{position:relative;margin-bottom:35px}
#sada-playful .sh-portrait img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
#sada-playful .sh-founder-note{display:block;width:max-content;max-width:100%;margin:9px 0 0 auto;font:italic 19px/1.35 var(--sp-display);color:var(--sp-wine);transform:rotate(-4deg)}
#sada-playful .sh-founder>.sp-small{font-size:10px;letter-spacing:.08em;line-height:1.5}
#sada-playful .sh-founder h2{font:400 clamp(35px,4.6vw,68px)/1.03 var(--sp-display);letter-spacing:-.04em;margin:23px 0 25px}
#sada-playful .sh-founder h2 em{font-weight:400;color:var(--sp-wine)}
#sada-playful .sh-founder>p:not(.sp-small){font-size:13px;line-height:1.8;color:var(--sp-muted);margin-top:17px}
#sada-playful .sh-founders-statement{padding:55px 7% 65px;background:#eee7df}
#sada-playful .sh-founders-statement>p{font:400 clamp(36px,5.8vw,78px)/1.08 var(--sp-display);letter-spacing:-.04em;max-width:900px}
#sada-playful .sh-founders-statement em{font-weight:400;color:var(--sp-wine)}
#sada-playful .sh-founders-statement .sh-text-link{margin-top:30px}
#sada-playful .sh-contact-direct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;margin:0 7% 50px}
#sada-playful .sh-contact-direct>a{display:flex;flex-direction:column;gap:13px;padding:24px 0;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}
#sada-playful .sh-contact-direct>a>span:nth-child(2){font:400 clamp(23px,3.1vw,47px)/1.2 var(--sp-display);letter-spacing:-.035em;white-space:nowrap}
#sada-playful .sh-phone-action{font-size:12px;color:var(--sp-wine)}
#sada-playful .sh-contact-direct>a:hover .sh-phone-action{text-decoration:underline;text-underline-offset:4px}
#sada-playful .sh-illustrated-hero>a{display:block;position:absolute;inset:0;width:100%;height:100%}
#sada-playful .sh-illustrated-hero>a>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#sada-playful .sh-project-card .sp-image-button{background:var(--sp-bg,#f6f3ed)}
#sada-playful .sh-project-card .sp-image-button>img{object-fit:contain;mix-blend-mode:multiply}
#sada-playful .sh-project-card:nth-child(2n) .sp-image-button>img{object-fit:contain}
#sada-playful .sh-project-cover .sp-image-button{background:#f6f3ed}
#sada-playful .sh-project-cover img{mix-blend-mode:multiply}
#sada-playful .sp-gallery .sp-image-button>img,#sada-playful .sh-discipline-photo .sp-image-button>img{object-fit:contain;object-position:center;mix-blend-mode:multiply}
#sada-playful .sp-gallery .sp-image-button,#sada-playful .sh-discipline-photo .sp-image-button{background:#f6f3ed}
#sada-playful .sh-project-toc{display:flex;flex-wrap:wrap;gap:18px 35px;padding:0 7% 28px;font-size:12px;color:var(--sp-wine)}
#sada-playful .sh-project-toc a{padding:10px 0;border-bottom:1px solid var(--sp-line)}
#sada-playful .sh-project-toc a:hover{border-color:currentColor}
#sada-playful .sh-project-story[id],#sada-playful .sh-project-gallery-section[id],#sada-playful .sh-project-archive[id]{scroll-margin-top:115px}
#sada-playful .sh-project-story>.sp-small,#sada-playful .sh-project-story>div>.sp-small{margin-bottom:22px}
#sada-playful .sh-project-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;padding:0 7% 70px}
#sada-playful .sh-project-decisions article{border-top:1px solid var(--sp-line);padding-top:22px}
#sada-playful .sh-project-decisions .sp-small{color:var(--sp-wine)}
#sada-playful .sh-project-decisions h3{font:400 clamp(25px,2.8vw,38px)/1.15 var(--sp-display);letter-spacing:-.025em;margin:22px 0 17px}
#sada-playful .sh-project-decisions p{font-size:13px;line-height:1.85;color:var(--sp-muted)}
#sada-playful .sh-gallery-heading{padding:38px 7% 36px;border-top:1px solid var(--sp-line)}
#sada-playful .sh-gallery-heading h2{font:400 clamp(35px,5vw,68px)/1.08 var(--sp-display);letter-spacing:-.04em;margin:23px 0 20px}
#sada-playful .sh-gallery-heading h2 em{font-weight:400;color:var(--sp-wine)}
#sada-playful .sh-gallery-heading>p:last-child{font-size:12px;line-height:1.75;color:var(--sp-muted);max-width:440px}
#sada-playful .sh-project-images figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}
#sada-playful .sh-project-images figcaption>span:last-child{color:var(--sp-wine)}
#sada-playful .sh-project-images>figure.sh-gallery-feature{grid-column:1/-1;padding-top:0}
#sada-playful .sh-project-images>figure.sh-gallery-feature+figure{padding-top:0}
#sada-playful .sh-project-archive{margin:0 7% 75px;padding:38px 0;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
#sada-playful .sh-project-archive h2{font:400 clamp(34px,4.5vw,61px)/1.06 var(--sp-display);letter-spacing:-.04em;margin-top:24px}
#sada-playful .sh-project-archive h2 em{font-weight:400;color:var(--sp-wine)}
#sada-playful .sh-project-archive>div>p:not(.sp-small){font-size:13px;line-height:1.8;color:var(--sp-muted)}
#sada-playful .sh-project-archive .sh-text-link{margin:23px 0 16px}
#sada-playful .sh-archive-meta{display:block;font-size:11px;line-height:1.6;color:var(--sp-muted)}
@media(max-width:760px){#sada-playful .sh-project-decisions{grid-template-columns:1fr;gap:27px;padding-bottom:40px}#sada-playful .sh-project-decisions article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 18px}#sada-playful .sh-project-decisions h3{margin:0 0 16px;font-size:29px}#sada-playful .sh-project-decisions article>p{grid-column:2}#sada-playful .sh-project-decisions .sp-small{padding-top:7px}#sada-playful .sh-project-archive{grid-template-columns:1fr;gap:28px;margin-bottom:45px}#sada-playful .sh-project-toc{gap:12px 25px}#sada-playful .sh-project-images figcaption{display:block}#sada-playful .sh-project-images figcaption>span{display:block;margin-bottom:5px}}
@media(max-width:620px){#sada-playful .sp-hero-seal{width:115px;height:75px}#sada-playful .sp-hero-seal em{font-size:16px}#sada-playful .sh-portfolio-list{padding:30px 7% 45px}#sada-playful .sh-project-grid{grid-template-columns:1fr;gap:40px}#sada-playful .sh-project-card:nth-child(2n){margin-top:0}#sada-playful .sh-project-card:nth-child(2n) .sp-image-button>img{aspect-ratio:1.19}#sada-playful .sh-project-card h3{font-size:33px}#sada-playful .sh-portfolio-note{font-size:11px;margin-bottom:30px}#sada-playful .sh-selection-heading{align-items:start;gap:15px}#sada-playful .sh-selection-heading h2{font-size:34px}#sada-playful .sh-selection-heading>span{font-size:9px;padding-top:8px}#sada-playful .sh-project-intro{padding:20px 7% 30px}#sada-playful .sh-project-intro h1{font-size:clamp(36px,10vw,60px);gap:15px}#sada-playful .sh-project-cover .sp-image-button>img{max-height:none}#sada-playful .sh-project-story{grid-template-columns:1fr;gap:28px;padding:38px 7% 35px}#sada-playful .sh-project-story h2{font-size:38px}#sada-playful .sh-project-story>div>p{font-size:13px}#sada-playful .sh-project-images{grid-template-columns:1fr;gap:30px;padding-bottom:40px}#sada-playful .sh-project-images>figure:nth-child(2n){padding-top:0}#sada-playful .sh-founders{grid-template-columns:1fr;gap:45px;padding-bottom:45px}#sada-playful .sh-founder:nth-child(2){padding-top:0}#sada-playful .sh-portrait{max-width:420px;margin:0 auto 30px}#sada-playful .sh-founder h2{font-size:42px}#sada-playful .sh-founder-note{font-size:18px}#sada-playful .sh-founders-statement{padding:40px 7% 45px}#sada-playful .sh-founders-statement>p{font-size:39px}#sada-playful .sh-contact-direct{grid-template-columns:1fr;gap:22px;margin-bottom:30px}#sada-playful .sh-contact-direct>a>span:nth-child(2){font-size:34px}}