/* A shared visual vocabulary: ideas on paper, connections in the gaps. */
.sn-board{width:100%;max-width:410px;margin:auto;padding:12px 10px 18px;color:var(--ink);position:relative}
.sn-note{--note:#d6e7d9;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:150px;padding:30px 20px 24px;background:var(--note);color:var(--ink);border:0;border-radius:1px;box-shadow:2px 9px 12px -7px #082c3545,0 1px 2px #082c3510;transform:rotate(-2deg);overflow-wrap:anywhere}
.sn-note:before{content:'';position:absolute;z-index:-1;left:0;right:0;top:0;height:23px;background:#082c3506;border-bottom:1px solid #082c3503}
.sn-note:after{content:'';position:absolute;right:0;bottom:0;width:18px;height:18px;background:linear-gradient(135deg,#082c3500 48%,#082c3514 49%,#ffffff45 100%);pointer-events:none}
.sn-peach{--note:#f2c6ad}.sn-cream{--note:#eee6ca}.sn-mint{--note:#d6e7d9}.sn-aqua{--note:#88ded2}
.sn-note .sn-label{display:block;font-size:9px;line-height:1.5;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:17px;color:#34565a}
.sn-note strong{display:block;font-size:20px;font-weight:550;line-height:1.2;letter-spacing:-.035em;text-wrap:balance}
.sn-note .sn-detail{display:block;font-size:10px;line-height:1.5;border-top:1px solid #082c3520;padding-top:12px;margin-top:18px}
.sn-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1}
.sn-pair>.sn-note:nth-child(2){transform:rotate(3deg)}
.sn-center{width:77%;margin:auto;position:relative;z-index:1}
.sn-center .sn-note{min-height:160px;transform:rotate(1deg);padding-inline:25px}
.sn-center .sn-note strong{font-size:24px}
.sn-join{display:block;width:100%;height:58px;max-width:none;overflow:visible}
.sn-join path,.sn-down path{stroke:#477976;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sn-down{display:block;width:30px;height:48px;margin:auto;overflow:visible}
.sn-board-search>.sn-center:first-child{width:62%;margin-left:8%}
.sn-board-search>.sn-center:last-child{width:86%;margin-right:0}
.sn-board-search>.sn-down{transform:rotate(-22deg)}
.sn-board-search>.sn-center:first-child .sn-note{min-height:125px;transform:rotate(-4deg)}
.sn-board-search>.sn-center:first-child strong{font-size:20px}
.sn-board-ai>.sn-center{width:85%}.sn-board-ai>.sn-center .sn-note{transform:rotate(-2deg)}
.sn-stair .sn-note{min-height:105px;width:78%;padding-top:24px;padding-bottom:20px}
.sn-stair .sn-note:nth-of-type(2){margin-left:20%;transform:rotate(2deg)}
.sn-stair .sn-note:nth-of-type(3){margin-left:5%;transform:rotate(-1deg)}
.sn-stair .sn-label{margin-bottom:10px}.sn-stair .sn-down{height:35px}
.p-explorer-art,.p-solution-visual,.s-hero-art,.p-case-poster.sn-case{background-color:#e9eeea;background-image:radial-gradient(#78938a33 .8px,transparent .8px);background-size:18px 18px;border-radius:4px}
.p-explorer-art{padding:30px 35px;min-height:460px}
.p-solution-visual{padding:24px 24px 30px}
.p-solution-visual:has(.sn-board-ai),.s-hero-art{background-color:#e9eeea}
.s-hero-art{padding-inline:24px}.s-hero-art figcaption{margin-bottom:20px}
.p-desk-panel{background-image:radial-gradient(#78938a29 .8px,transparent .8px);background-size:18px 18px;min-height:490px}
.p-desk-text{background:#e8efeced;padding:12px 0}
.p-desk-visual{min-width:0}.p-desk-visual .sn-board{max-width:420px}
.sn-case{padding:25px 30px 22px;min-height:0}
.sn-case .p-poster-top{padding-bottom:26px}
.sn-case-main{padding:0 7px}
.sn-case-main .sn-note{min-height:245px;padding:35px 27px 30px;transform:rotate(-3deg)}
.sn-case-main .sn-note strong{font-size:25px;line-height:1.27;text-wrap:pretty}
.sn-case-link{font-size:36px;font-weight:300;line-height:1.3;text-align:center;color:#477976}
.sn-case-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sn-case-bottom .sn-note{min-height:115px;padding:25px 16px 18px;transform:rotate(2deg)}
.sn-case-bottom .sn-note:last-child{transform:rotate(-2deg)}
.sn-case-bottom .sn-label{margin-bottom:10px}.sn-case-bottom strong{font-size:17px}
.sn-case-caption{font-size:8px;text-align:center;color:var(--muted);margin:24px 0 0}
.sn-brand-pair{display:flex;align-items:center;max-width:380px;margin:55px 10px 15px;gap:25px}
.sn-brand-pair>.sn-note{width:50%;min-height:175px;padding-inline:18px}
.sn-brand-pair>.sn-note:last-child{transform:rotate(5deg);margin-top:55px}
.sn-brand-pair>.sn-note:first-child:after{content:'↘';background:none;width:auto;height:auto;right:-27px;bottom:30px;font-size:34px;color:var(--teal)}
.sn-brand-pair strong{font-size:20px}
.sn-ai-mark{position:relative;width:120px;height:120px;display:grid;place-items:center;margin:10px 0 35px;isolation:isolate}
.sn-ai-mark span{position:absolute;inset:0;background:#d6e7d9;box-shadow:3px 8px 15px #0002;transform:rotate(-7deg);z-index:-1}
.sn-ai-mark span:nth-child(2){background:#f2c6ad;transform:rotate(6deg);inset:9px -5px -7px 15px}
.sn-ai-mark img{width:55px;height:auto}
.supporting .template-card{background:#eee6ca;border:0;border-radius:1px;box-shadow:2px 9px 12px -7px #082c3540;position:relative;padding-top:38px}
.supporting .template-card:nth-child(3n+2){background:#d6e7d9}.supporting .template-card:nth-child(3n+3){background:#f2c6ad}
.supporting .template-card:before,.supporting .contact-layout aside:before{content:'';position:absolute;inset:0 0 auto;height:23px;background:#082c3505;border-bottom:1px solid #082c3504}
.supporting .template-card .card-top{border-color:#082c3525}.supporting .template-card details{border-color:#082c3525}
.supporting .contact-layout aside{position:relative;background:#d6e7d9;border-radius:1px;box-shadow:2px 9px 12px -7px #082c3540;padding-top:45px;transform:rotate(-1deg)}
@media(max-width:1100px){.sn-note{padding-inline:16px}.sn-note strong{font-size:18px}.sn-center .sn-note strong{font-size:22px}.sn-pair{gap:20px}.p-solution-visual{padding-inline:20px}.sn-case-main .sn-note strong{font-size:23px}}
@media(max-width:800px){.sn-brand-pair{display:none}.sn-ai-mark{width:90px;height:90px;grid-row:1/4;margin:0}.sn-ai-mark img{width:48px}.p-explorer-art{min-height:440px}.p-desk-panel{grid-template-columns:1fr;gap:25px}.p-desk-text{max-width:600px}.sn-case{max-width:510px}.p-desk-visual .sn-board{max-width:400px}}
@media(max-width:540px){.sn-board{padding:10px 7px 15px}.sn-note{padding:26px 14px 20px;min-height:135px}.sn-note .sn-label{font-size:8px;margin-bottom:13px}.sn-note strong{font-size:17px}.sn-center{width:82%}.sn-center .sn-note{padding-inline:20px;min-height:145px}.sn-center .sn-note strong{font-size:21px}.sn-pair{gap:19px}.sn-join{height:48px}.p-desk-panel{padding:24px 18px;min-height:0}.p-desk-text{min-height:0}.p-explorer-art{padding:24px 16px;min-height:430px}.p-solution-visual,.s-hero-art{padding:20px 17px 25px}.p-solution-visual .sn-note strong,.s-hero-art .sn-note strong{font-size:16px}.p-solution-visual .sn-center strong,.s-hero-art .sn-center strong{font-size:20px}.sn-case{padding:23px 20px}.sn-case-main .sn-note{padding:32px 22px 25px;min-height:230px}.sn-case-main .sn-note strong{font-size:23px}.sn-case-bottom{gap:18px}.sn-case-bottom .sn-note{padding-inline:12px}.sn-case-bottom strong{font-size:16px}.sn-ai-mark{width:62px;height:62px;grid-row:1/2}.sn-ai-mark img{width:35px}.sn-stair .sn-note{min-height:100px}.sn-stair .sn-note strong{font-size:18px}.supporting .contact-layout aside{transform:none}}
@media(prefers-reduced-motion:reduce){.sn-note{transition:none}}
@media print{.sn-note{box-shadow:none;transform:none!important;break-inside:avoid}}