/* The notebook: open folios, material studies and the first collection of objects. */
#sada-playful .sh-object-collection{padding:60px 7% 55px;background:#eee9e1;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}
#sada-playful .sh-collection-head{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:50px}
#sada-playful .sh-collection-head h2,#sada-playful .sh-notebook h2,#sada-playful .sh-material-study h2{font:400 clamp(38px,5.4vw,78px)/1.04 var(--sp-display);letter-spacing:-.047em;margin:25px 0 0}
#sada-playful .sh-collection-head h2 em,#sada-playful .sh-notebook h2 em,#sada-playful .sh-material-study h2 em{font-weight:400;color:var(--sp-wine)}
#sada-playful .sh-collection-head>div>p:not(.sp-small){font-size:14px;line-height:1.85;max-width:350px;color:var(--sp-muted)}
#sada-playful .sh-pencil-note{display:block;font:italic 22px/1.5 var(--sp-display);color:var(--sp-wine);transform:rotate(-5deg);margin:30px 0 15px;width:max-content;max-width:100%}
#sada-playful .sh-object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 3.5%;align-items:start}
#sada-playful .sh-object:nth-child(2){padding-top:70px}
#sada-playful .sh-object:nth-child(3){padding-top:18px}
#sada-playful .sh-object .sp-image-button{background:transparent}
#sada-playful .sh-object .sp-image-button>img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
#sada-playful .sh-object-name{border-top:1px solid #cec5b8;padding-top:18px;margin-top:20px}
#sada-playful .sh-object-name>span{font-size:10px;letter-spacing:.12em;color:var(--sp-muted)}
#sada-playful .sh-object-name h3{font:400 clamp(36px,4.2vw,62px)/1.1 var(--sp-display);letter-spacing:-.04em;margin:15px 0 10px}
#sada-playful .sh-object-name h3 a{display:flex;justify-content:space-between;align-items:center;gap:15px}
#sada-playful .sh-object-name h3 em{font:400 .55em/1 var(--sp-display);color:var(--sp-wine);transition:transform .3s}
#sada-playful .sh-object-name h3 a:hover em{transform:translate(4px,-4px)}
#sada-playful .sh-object-name>p,#sada-playful .sh-collection-foot{font-size:11px;line-height:1.7;color:var(--sp-muted)}
#sada-playful .sh-collection-foot{margin:45px 0 0}
#sada-playful .sh-object-compact{margin-bottom:0}
#sada-playful .sh-notebook{padding:65px 7% 50px;background:#eeebe5;border-top:1px solid var(--sp-line);margin-bottom:60px;scroll-margin-top:110px}
#sada-playful .sh-notebook-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:55px}
#sada-playful .sh-notebook-heading>p{font-size:14px;line-height:1.85;color:var(--sp-muted);max-width:340px;padding-bottom:5px}
#sada-playful .sh-notebook-sheet{padding:0 0 48px;margin:0}
#sada-playful .sh-notebook-sheet+.sh-notebook-sheet{padding-top:28px;border-top:1px solid var(--sp-line)}
#sada-playful .sh-notebook-sheet .sp-image-button{background:#f7f4ed;padding:30px;min-height:200px}
#sada-playful .sh-notebook-sheet .sp-image-button>img{object-fit:contain;aspect-ratio:auto;max-height:630px;mix-blend-mode:multiply}
#sada-playful .sh-notebook-sheet figcaption{display:grid;grid-template-columns:110px minmax(0,1fr);gap:25px;padding:24px 0 0;max-width:790px}
#sada-playful .sh-notebook-sheet figcaption>.sp-small{padding-top:4px;font-size:10px;letter-spacing:.09em;color:var(--sp-wine)}
#sada-playful .sh-notebook-sheet h3{font:400 27px/1.15 var(--sp-display);letter-spacing:-.02em;margin:0 0 13px}
#sada-playful .sh-notebook-sheet figcaption p{font-size:13px;line-height:1.8;color:var(--sp-muted)}
#sada-playful .sh-sheet-source{display:block;font-size:10px;letter-spacing:.03em;color:var(--sp-muted);margin-top:14px}
#sada-playful .sh-material-study{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding:10px 7% 65px;align-items:start}
#sada-playful .sh-material-study ul{list-style:none;padding:0;margin:0}
#sada-playful .sh-material-study li{display:flex;gap:22px;padding:24px 0;border-top:1px solid var(--sp-line);align-items:center}
#sada-playful .sh-material-sample{width:64px;height:64px;flex:none;background:var(--sample);border-radius:50% 48% 45% 50%}
#sada-playful .sh-material-study li:nth-child(2) .sh-material-sample{border-radius:8px 45% 8px 45%}
#sada-playful .sh-material-study li:nth-child(3) .sh-material-sample{border-radius:45% 8px 45% 8px}
#sada-playful .sh-material-study h3{font:400 27px/1.2 var(--sp-display);margin:0 0 9px}
#sada-playful .sh-material-study li p{font-size:12px;line-height:1.7;color:var(--sp-muted)}
#sada-playful .sh-dimensions{font:400 clamp(24px,3vw,43px)/1.2 var(--sp-display);letter-spacing:-.03em;margin:35px 0 10px;color:var(--sp-wine)}
#sada-playful .sh-dimensions span{font:400 15px/1 Arial,sans-serif;letter-spacing:0}
#sada-playful .sh-dimension-label{font-size:11px;line-height:1.7;color:var(--sp-muted)}
#sada-playful .sh-lightbox-toolbar{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:15px}
#sada-playful .sh-lightbox-toolbar button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--sp-line);border-radius:50%;background:transparent;color:var(--sp-ink);font:400 23px/1 Arial,sans-serif}
#sada-playful .sh-lightbox-toolbar button:hover{background:#eae3d8}
#sada-playful .sh-lightbox-toolbar button:disabled{opacity:.35}
#sada-playful .sh-lightbox-count{font:400 11px/1.4 Arial,sans-serif;letter-spacing:.14em;color:var(--sp-muted);min-width:65px;text-align:center}
#sada-playful .sp-lightbox>img{max-height:66vh;background:#f6f3ed}
#sada-playful .sp-lightbox>p{text-align:center;font-size:12px;line-height:1.7;padding:0 20px;margin-top:13px}
#sada-playful .sh-lightbox-original{display:block;width:max-content;max-width:100%;margin:8px auto 0;padding:10px 0;font-size:11px;border-bottom:1px solid var(--sp-line);color:var(--sp-wine)}
@media(max-width:760px){#sada-playful .sh-collection-head,#sada-playful .sh-notebook-heading,#sada-playful .sh-material-study{grid-template-columns:1fr;gap:30px}#sada-playful .sh-collection-head>div>p:not(.sp-small){max-width:none}#sada-playful .sh-pencil-note{margin:17px 0 0 auto}#sada-playful .sh-object-grid{grid-template-columns:1fr;gap:40px}#sada-playful .sh-object{max-width:460px;width:100%}#sada-playful .sh-object:nth-child(2){padding-top:0;margin-left:auto}#sada-playful .sh-object:nth-child(3){padding-top:0}#sada-playful .sh-object .sp-image-button>img{aspect-ratio:4/3}#sada-playful .sh-object-name h3{font-size:43px}#sada-playful .sh-notebook-sheet .sp-image-button{padding:15px}#sada-playful .sh-notebook-sheet figcaption{grid-template-columns:1fr;gap:12px}#sada-playful .sh-notebook-sheet h3{font-size:26px}#sada-playful .sh-notebook-heading>p{max-width:none}#sada-playful .sh-notebook{padding-top:40px;margin-bottom:35px}#sada-playful .sh-collection-head{margin-bottom:35px}#sada-playful .sh-object-collection{padding-top:40px;padding-bottom:40px}#sada-playful .sh-material-study{padding-bottom:40px}#sada-playful .sh-collection-head h2,#sada-playful .sh-notebook h2,#sada-playful .sh-material-study h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){#sada-playful .sh-object-name h3 em{transition:none}}
/* A photographed design, presented alongside the concept collection. */
#sada-playful .sh-authored-object{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:center;padding:30px 7% 85px}
#sada-playful .sh-authored-object .sp-image-button{background:transparent}
#sada-playful .sh-authored-object img{aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply}
#sada-playful .sh-authored-story h2{font:400 clamp(40px,5vw,70px)/1.04 var(--sp-display);letter-spacing:-.045em;margin:22px 0}
#sada-playful .sh-authored-story h2 em{font-weight:400;color:var(--sp-wine)}
#sada-playful .sh-authored-story>p:not(.sp-small){max-width:390px;font-size:14px;line-height:1.85;color:var(--sp-muted)}
#sada-playful .sh-authored-story .sh-text-link{display:inline-block;margin:22px 0}
#sada-playful .sh-authored-story .sh-project-credit{display:block;line-height:1.7}
#sada-playful .sh-object:nth-child(5){padding-top:45px}
@media(max-width:760px){#sada-playful .sh-authored-object{grid-template-columns:1fr;gap:22px;padding-bottom:50px}#sada-playful .sh-authored-story h2{font-size:44px}#sada-playful .sh-object:nth-child(5){padding-top:0}#sada-playful .sh-object:nth-child(even){margin-left:auto}}
/* Portfolio collaborations: editorial context and a clearer design narrative. */
#sada-playful .sh-gintarini-collection{padding-top:60px;padding-bottom:70px;border-top:1px solid var(--sp-line);background:#f0ebe2}
#sada-playful .sh-gintarini-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:end;margin-bottom:34px}
#sada-playful .sh-gintarini-heading h2{font:400 clamp(42px,5.5vw,72px)/1.05 var(--sp-display);letter-spacing:-.045em;margin:22px 0 0}
#sada-playful .sh-gintarini-heading h2 em{color:var(--sp-wine);font-weight:400}
#sada-playful .sh-gintarini-heading>div>p:not(.sp-small){font-size:14px;line-height:1.85;color:var(--sp-muted);max-width:390px}
#sada-playful .sh-gintarini-collection .sh-project-grid{margin-top:40px}
#sada-playful .sh-editorial-name{margin:0 7% 22px;font-size:11px;line-height:1.7;color:var(--sp-muted)}
#sada-playful .sh-project-focus{border-top:1px solid var(--sp-line);margin-top:30px;padding-top:20px;max-width:380px}
#sada-playful .sh-project-focus>p{font-size:14px;line-height:1.85;color:var(--sp-muted)}
#sada-playful .sh-category-toc{margin-bottom:35px}
#sada-playful .sh-founder-experience{display:flex;align-items:center;gap:22px;padding:25px 0;border-top:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line);margin:26px 0}
#sada-playful .sh-founder-experience>span{font:400 66px/1 var(--sp-display);letter-spacing:-.05em;color:var(--sp-wine)}
#sada-playful .sh-founder-experience>p{font-size:11px;line-height:1.7;margin:0}
#sada-playful .sh-founder .sh-founder-geography{font-size:11px;letter-spacing:.08em;line-height:1.8;color:var(--sp-wine);margin-top:25px}
@media(max-width:760px){#sada-playful .sh-gintarini-heading{grid-template-columns:1fr;gap:24px}#sada-playful .sh-gintarini-heading h2{font-size:44px}#sada-playful .sh-gintarini-collection{padding-top:40px;padding-bottom:40px}#sada-playful .sh-founder-experience{gap:15px}#sada-playful .sh-founder-experience>span{font-size:57px}}
