.facet-curious{background:var(--ink);color:#fff}.facet-curious .facet-tags span{border-color:#fff}
.fragments{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:clamp(35px,5vw,80px);padding:120px clamp(18px,4vw,60px);background:#f5b7d0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.fragment-intro{position:sticky;top:28px;align-self:start}.fragment-kicker{margin:0 0 48px;font-size:10px;letter-spacing:.18em}.fragment-intro h2{margin:0;font-size:clamp(42px,5.3vw,76px);line-height:1.04;letter-spacing:-.06em}.fragment-lead{max-width:390px;margin:28px 0 45px;font-size:14px;line-height:1.8}
.fragment-notes{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.note{min-height:245px;padding:23px;display:flex;flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transition:transform .22s,background .22s}.note:hover{position:relative;z-index:1;transform:translate(-6px,-6px);box-shadow:6px 6px 0 var(--ink)}.note-no{font-size:10px;letter-spacing:.13em}.note h3{margin:auto 0 16px;font-size:clamp(27px,2.5vw,40px);line-height:1.06;letter-spacing:-.045em}.note p{margin:0;max-width:390px;font-size:13px;line-height:1.7}.note-animals{background:var(--lime)}.note-moving{background:#f8f4eb}.note-roaming{background:var(--blue)}.note-food{background:#ffdfd2}.note-camera{background:#f8f4eb}.note-fandom{background:#e9e5dc}.note-settings{grid-column:1/-1;min-height:auto;background:var(--ink);color:#fff}.note-settings:hover{transform:none;box-shadow:none}.setting-line{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:baseline;padding:18px 0;border-bottom:1px solid #45463f}.setting-line:first-of-type{margin-top:34px}.setting-line:last-child{border-bottom:0}.setting-line b{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.04em}.setting-line span{font-size:13px;color:#c4c5bd}
.small-sign{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:24px;color:#fff;background:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.small-sign-top{position:relative;z-index:2;display:flex;justify-content:flex-start;align-items:baseline;gap:18px;font-size:10px;letter-spacing:.16em}.small-sign-top strong{font-size:clamp(22px,2.5vw,34px);letter-spacing:-.05em}.small-sign blockquote{position:relative;z-index:2;width:48%;margin:auto 0;font-size:clamp(23px,2.35vw,34px);font-weight:700;line-height:1.16;letter-spacing:-.045em}.small-sign>button:not(.toy-mascot){position:relative;z-index:3;align-self:flex-start;min-height:44px;padding:11px 15px;border:1px solid #fff;color:#fff;background:transparent;font:600 12px inherit;cursor:pointer}.small-sign>button:not(.toy-mascot):hover{color:var(--ink);background:#fff}.small-sign>button:not(.toy-mascot) span{margin-left:30px}.toy-mascot{position:absolute;z-index:1;right:-18px;bottom:0;width:min(315px,65%);aspect-ratio:1;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;transform:translateY(57%);transition:transform .68s cubic-bezier(.16,1,.3,1);filter:drop-shadow(-10px 13px 16px rgba(0,0,0,.22))}.toy-mascot img{display:block;width:100%;height:auto}.toy-mascot:hover,.toy-mascot:focus-visible,.small-sign.friends-visible .toy-mascot{transform:translateY(0)}.toy-mascot:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}.toy-hint{position:absolute;z-index:2;right:18px;bottom:18px;padding:6px 9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:9px;letter-spacing:.1em;pointer-events:none;transition:opacity .2s ease}.toy-mascot:hover+.toy-hint,.toy-mascot:focus-visible+.toy-hint,.small-sign.friends-visible .toy-hint{opacity:0}
@media(max-width:900px){.fragments{grid-template-columns:1fr}.fragment-intro{position:static}.small-sign{max-width:none}.fragment-notes{margin-top:10px}}
@media(max-width:600px){.fragments{padding:80px 18px;gap:48px}.fragment-kicker{margin-bottom:30px}.fragment-lead{margin:22px 0 36px}.fragment-notes{grid-template-columns:1fr}.note{min-height:220px;padding:22px}.note-settings{grid-column:auto}.setting-line{grid-template-columns:1fr;gap:7px}.small-sign{min-height:310px;padding:20px}.small-sign-top{display:block}.small-sign-top strong{display:block;margin-top:5px;font-size:23px}.small-sign blockquote{width:47%;font-size:22px}.small-sign>button:not(.toy-mascot){padding:9px 11px}.small-sign>button:not(.toy-mascot) span{margin-left:13px}.toy-mascot{right:-5px;bottom:0;width:205px}}
@media(prefers-reduced-motion:reduce){.toy-mascot{transition:none}}