/* Public editorial components only. Project and account styles are not modified. */
.scn6c-case-visual{margin:0}
.scn6c-email-reveal{font:inherit;color:inherit;background:transparent;border:0;border-radius:2px;padding:.3em 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:.22em;text-align:inherit}.scn6c-email-link{overflow-wrap:anywhere}.scn6c-email-reveal:focus-visible,.scn6c-email-link:focus-visible{outline:3px solid currentColor;outline-offset:4px}.scn6c-email noscript a{overflow-wrap:anywhere}
.scn6c-portfolio{--case-line:#d3d5c8;--case-soft:#e5ebdf;color:var(--encre,#252c2a)}
.scn6c-work-head{padding-block:clamp(40px,6vw,80px) 36px;background:var(--craie,#f3f0e8)}
.scn6c-work-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;align-items:center}.scn6c-work-intro h1{max-width:18ch;font-size:clamp(2.45rem,4.6vw,4.55rem);line-height:1.06;letter-spacing:-.04em}.scn6c-work-intro .lead{max-width:64ch;margin-top:24px}.scn6c-work-guide img{width:210px;height:auto}.scn6c-work-guide p{font-size:.9rem;color:#515d56;text-align:center;max-width:22ch;margin:0 auto}.scn6c-work-index{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:34px;padding-top:24px;border-top:1px solid var(--case-line)}.scn6c-work-index a{display:inline-flex;gap:12px;align-items:center;font-weight:700;min-height:44px;text-decoration:none}.scn6c-work-index a span{color:#637565;font-size:.8rem;font-weight:600}.scn6c-work-index a:hover{text-decoration:underline;text-underline-offset:5px}
.scn6c-case{padding-block:clamp(42px,6vw,80px);border-top:1px solid var(--case-line);scroll-margin-top:110px}.scn6c-case:nth-of-type(odd){background:var(--papier,#fbf9f4)}.scn6c-case-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:30px}.scn6c-case-header h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.1;margin-top:12px}.scn6c-case-status{font-size:.84rem;background:var(--case-soft);color:#344c3b;border:1px solid #c4d0be;padding:8px 14px;border-radius:40px;max-width:100%}.scn6c-case-status--progress{background:#f3e8d6;color:#694b24;border-color:#d4bf9f}
.scn6c-case-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(24px,4vw,60px);align-items:center}.scn6c-case:nth-of-type(odd) .scn6c-case-visual{order:2}.scn6c-case-visual{position:relative;min-width:0}.scn6c-browser{border:1px solid #b4bcb0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 18px 38px #252c2a12}.scn6c-browser-bar{padding:11px 16px;background:#e6e9e0;border-bottom:1px solid #c7cdbf;display:flex;align-items:center;gap:12px;font-size:.75rem;color:#4f6354}.scn6c-browser-dots{display:flex;gap:5px}.scn6c-browser-dots i{width:6px;height:6px;background:#879b8a;border-radius:50%;display:block}.scn6c-browser-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scn6c-browser a{display:block;background:white}.scn6c-browser img{display:block;width:100%;height:auto;aspect-ratio:1348/926;object-fit:contain}.scn6c-browser a:focus-visible{outline:4px solid #9c4414;outline-offset:-4px}.scn6c-case-visual figcaption{font-size:.82rem;color:#515d56;line-height:1.5;padding:13px 100px 0 0;min-height:60px}.scn6c-case-mascot{position:absolute;width:120px;height:auto;right:-8px;bottom:-19px;pointer-events:none}.scn6c-case-copy h3{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.25;margin:0 0 18px}.scn6c-case-copy p{color:#515d56;margin-block:14px;max-width:60ch}.scn6c-case-copy ul{padding-left:1.15em;margin-block:18px}.scn6c-case-copy li{padding-left:.25em;margin-block:9px}.scn6c-case-copy .action-group{margin-top:24px;gap:14px}.scn6c-case-copy .btn{white-space:normal;text-align:center}.scn6c-case-copy .scn6c-external{display:inline-flex;min-height:44px;align-items:center;font-size:.92rem}.scn6c-case-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.scn6c-case-tags span{padding:5px 9px;border:1px solid var(--case-line);border-radius:6px;font-size:.74rem;background:#fbf9f4;color:#4f6354}
.scn6c-legal-hero .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);gap:clamp(24px,5vw,70px);align-items:center}.scn6c-legal-hero h1{font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.1;overflow-wrap:break-word}.scn6c-legal-hero .lead{margin-top:20px;max-width:48ch}.scn6c-legal-art{margin:0;border-radius:24px;overflow:hidden;background:#fbf9f4;border:1px solid #e3ddcf}.scn6c-legal-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.scn6c-legal-note{padding:18px 22px;background:#f3e8d6;border-left:4px solid #95662c;border-radius:0 12px 12px 0;color:#513b23;margin-bottom:30px;font-size:.95rem}.scn6c-legal-note strong{display:block;margin-bottom:7px}.scn6c-legal-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px}.scn6c-legal-summary>div{padding:22px;background:#f0f2eb;border:1px solid #d3d5c8;border-radius:14px}.scn6c-legal-summary h2{font-size:1.1rem;margin-top:0}.scn6c-legal-model{padding:22px;border:1px solid #c6cbbd;border-radius:14px;background:#fbf9f4}.scn6c-legal-model p{margin-block:12px}.scn6c-legal .scn6c-sources{font-size:.85rem;border-top:1px solid #d3d5c8;margin-top:30px;padding-top:18px;overflow-wrap:anywhere}.scn6c-legal a:focus-visible,.scn6c-portfolio a:focus-visible{outline:3px solid #4f6354;outline-offset:4px}.scn6c-legal section+section{margin-top:32px}.scn6c-legal li+li{margin-top:9px}
@media(max-width:1050px){.scn6c-case-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:26px}.scn6c-case-mascot{width:100px}.scn6c-work-intro{grid-template-columns:1fr 160px}.scn6c-work-guide img{width:160px}}
@media(max-width:800px){.scn6c-case-layout,.scn6c-legal-hero .container{grid-template-columns:1fr}.scn6c-case:nth-of-type(odd) .scn6c-case-visual{order:0}.scn6c-case-copy{margin-top:10px}.scn6c-case-visual{max-width:720px}.scn6c-case-copy p{max-width:none}.scn6c-legal-art{max-width:560px}.scn6c-work-intro{grid-template-columns:1fr}.scn6c-work-guide{display:none}.scn6c-work-index{gap:6px 20px}.scn6c-work-index a{font-size:.88rem}.scn6c-legal-summary{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.scn6c-browser{transition:transform .2s ease,box-shadow .2s ease}.scn6c-browser:hover{transform:translateY(-3px);box-shadow:0 23px 42px #252c2a18}}