/* Real-photo collage, a portfolio worktable, and kinetic type. */
.services-expressive{background:#fff;overflow:hidden}
.services-expressive>.brand-frame{display:none}
.service-list.expressive-services{display:block}
.expressive-services .service-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:5vw;padding:56px 0;margin:0;border-top:1px solid #123d3d30;scroll-margin-top:108px}
.service-copy{min-width:0}
.service-copy .service-title h3{max-width:100%;font-size:clamp(25px,2.5vw,36px);line-height:1.45;letter-spacing:-.015em}
.service-copy .service-english{margin-top:8px;font-size:12px;line-height:1.6}
.service-copy h4{font-size:18px;line-height:1.65;margin:26px 0 12px}
.service-copy>p{font-size:16px;line-height:1.9;max-width:32em}
.service-copy .service-items{font-size:13px!important;line-height:1.9;margin:18px 0}
.service-copy .service-link{display:inline-flex;gap:20px;min-height:44px;align-items:center;font-size:14px;border-bottom:1px solid #123d3d60;padding:8px 0}
.service-visual{min-width:0;margin:0}
.service-composition{height:330px;position:relative;isolation:isolate}
.composition-paper{position:absolute;transform:rotate(var(--paper-angle,0deg));transform-origin:center;transition:transform 240ms var(--ease);background:#fff;border:5px solid #fff;box-shadow:0 10px 24px #123d3d18}
.composition-paper img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.composition-paper.paper-0{--paper-angle:-5deg;left:3%;top:5%;width:68%;height:58%}
.composition-paper.paper-1{--paper-angle:5deg;right:1%;bottom:3%;width:70%;height:59%}
.composition-accent{position:absolute;z-index:-1;pointer-events:none}
.accent-one{background:#14a4c7;width:75%;height:52%;left:14%;top:20%;transform:rotate(-8deg)}
.accent-two{background:#92bf2e;width:100px;height:100px;right:1%;bottom:4%;border-radius:50%}
.service-visual figcaption{position:relative;margin-top:25px;font-size:12px;line-height:1.75;color:#42615f;text-align:right}
.composition-press .paper-0{top:0;left:0;width:70%;height:55%;--paper-angle:-4deg}
.composition-press .paper-1{width:80%;height:64%;--paper-angle:3deg}
.composition-press .accent-one{background:#eaf5f7;width:96%;height:78%;left:0;top:8%;transform:none}
.composition-press .accent-two{width:34%;height:8px;right:8%;bottom:0;border-radius:0}
.composition-creators{height:350px}
.composition-creators .paper-0{left:0;top:1%;width:77%;height:79%;--paper-angle:-7deg}
.composition-creators .paper-1{right:0;bottom:0;width:80%;height:80%;--paper-angle:5deg}
.composition-creators .accent-one{height:75%;width:52%;left:24%;top:10%;background:#edf4df;transform:rotate(11deg)}
.composition-creators .accent-two{width:75px;height:75px;background:#14a4c7;right:0;bottom:0}
.composition-collage{height:360px}
.composition-collage .paper-0{left:0;top:0;width:55%;height:50%;--paper-angle:-7deg}
.composition-collage .paper-1{left:7%;top:auto;right:auto;bottom:0;width:76%;height:62%;--paper-angle:4deg;z-index:2}
.composition-collage .paper-2{right:0;top:7%;width:53%;height:62%;--paper-angle:7deg}
.composition-collage img{object-fit:cover}
.composition-collage .accent-one{width:88%;height:20%;left:5%;top:40%;transform:rotate(-22deg)}
.composition-collage .accent-two{width:120px;height:120px;right:0;bottom:0}
.composition-social{height:350px}
.composition-social .composition-paper{width:37%;height:92%;top:4%;bottom:auto}
.composition-social .paper-0{left:1%;--paper-angle:-8deg}
.composition-social .paper-1{left:32%;right:auto;--paper-angle:1deg;z-index:2}
.composition-social .paper-2{right:0;--paper-angle:9deg}
.composition-social .accent-one{background:#e9f4f7;width:98%;left:1%;height:65%;top:15%;transform:none}
.composition-social .accent-two{left:0;right:auto;width:70px;height:70px}
.composition-desk{height:340px}
.composition-desk .paper-0{left:0;width:86%;height:67%;--paper-angle:-5deg}
.composition-desk .paper-1{right:0;width:78%;height:60%;--paper-angle:6deg}
.composition-desk .accent-one{background:#edf3e5;left:7%;width:82%;height:86%;top:3%;transform:rotate(4deg)}
.composition-desk .accent-two{width:60px;height:95px;border-radius:0;left:0;right:auto;bottom:0;transform:rotate(-12deg);background:#14a4c7}
.expressive-services #service-design{background:#f3f6ee;margin:0 -3vw;padding-left:3vw;padding-right:3vw;border-top:0}
.composition-desk .composition-paper{padding-bottom:28px}
.composition-desk .paper-note{display:block;font-size:11px;line-height:28px;padding:0 7px;color:#123d3d;white-space:nowrap}
.composition-desk .paper-0{width:82%;height:68%}
.composition-desk .paper-1{width:72%;height:62%;bottom:-2%}
.composition-desk .accent-one{background:#e1eacb}
.composition-connected{height:350px}
.composition-connected .paper-0{left:0;top:1%;width:78%;height:66%;--paper-angle:-3deg}
.composition-connected .paper-1{right:0;bottom:3%;width:56%;height:48%;--paper-angle:6deg;z-index:2}
.composition-connected .paper-2{left:1%;bottom:0;width:47%;height:52%;--paper-angle:-8deg}
.composition-connected .accent-one{background:#eef4e4;transform:none;left:2%;width:96%;height:78%;top:10%}
.composition-connected .accent-two{border-radius:0;width:5px;height:85%;right:4%;bottom:0;background:#14a4c7;transform:rotate(25deg)}
.partnership.partnership-kinetic{background:#f0f6f5;padding-top:100px;padding-bottom:96px}
.partnership-kinetic>.brand-frame{display:none}
.partnership-kinetic .partnership-copy{max-width:680px;margin:50px 0 0 auto;font-size:17px;line-height:1.95}
.kinetic-title{max-width:1120px;font-size:clamp(38px,5.7vw,76px);line-height:1.65;letter-spacing:-.025em}
.kinetic-title .kinetic-line{display:block;color:#123d3d}
.kinetic-chunk{display:inline-block;position:relative;isolation:isolate;font-weight:500;vertical-align:baseline}
.kinetic-blue{color:#117e92}
.kinetic-blue::after{content:'';position:absolute;left:0;right:0;bottom:.12em;height:.085em;background:#14a4c7;z-index:-1}
.kinetic-green{color:#123d3d;margin-left:.13em}
.kinetic-green::before{content:'';position:absolute;inset:.2em -.1em .12em;background:#c8e695;z-index:-1;transform:rotate(-2deg)}
html:lang(en) .kinetic-title{font-size:clamp(36px,4.65vw,66px);line-height:1.65;letter-spacing:-.03em}
html:lang(en) .kinetic-green{margin-left:0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.composition-paper:hover{transform:translateY(-7px) rotate(0deg);z-index:5}.service-link:hover{color:#117e92}}
@media(prefers-reduced-motion:reduce){.composition-paper{transition:none}}
@media(max-width:900px){.expressive-services .service-showcase{gap:4vw;grid-template-columns:1fr 1fr}.service-composition{height:290px}.service-copy h4{font-size:17px}.service-copy>p{font-size:15px}}
@media(max-width:650px){.expressive-services .service-showcase{grid-template-columns:1fr;gap:24px;padding:38px 0 44px;scroll-margin-top:92px}.service-copy .service-title h3{font-size:27px}.service-copy .service-english{font-size:11px}.service-copy h4{margin-top:22px;font-size:17px}.service-copy>p{font-size:16px}.service-copy .service-items{font-size:12px!important}.service-composition{height:280px;max-width:400px;margin:0 auto}.composition-creators,.composition-social{height:305px}.service-visual figcaption{text-align:left;font-size:11px;margin-top:20px}.partnership.partnership-kinetic{padding:65px 6vw 70px}.kinetic-title{font-size:clamp(27px,7.2vw,43px);line-height:1.9}.partnership-kinetic .partnership-copy{margin-top:32px;font-size:16px;line-height:1.95}html:lang(en) .kinetic-title{font-size:clamp(28px,7.5vw,40px);line-height:1.55}}
/* Equal prominence across six original creator references. */
.composition-creators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:390px;padding:8px}
.composition-creators .composition-paper{position:relative;inset:auto;width:auto;height:auto;min-width:0;--paper-angle:-3deg;padding-bottom:22px}
.composition-creators .composition-paper:nth-of-type(even){--paper-angle:3deg}
.composition-creators .composition-paper img{object-fit:cover;object-position:center}
.composition-creators .paper-0 img,.composition-creators .paper-1 img{object-position:left center}
.reference-label{position:absolute;bottom:0;left:0;right:0;padding:4px 3px;font-size:10px;line-height:1.4;color:#123d3d;background:#fff;text-align:center}
.composition-social{height:380px;padding-bottom:18px}
.composition-social .composition-paper{top:7%;width:32%;height:82%;padding-bottom:0}
.composition-social .paper-0{left:0;--paper-angle:-6deg}
.composition-social .paper-1{left:31%;--paper-angle:0deg}
.composition-social .paper-2{left:63%;right:auto;--paper-angle:6deg}
.composition-social .paper-3{left:auto;right:0;top:auto;bottom:-3%;width:19%;height:29%;--paper-angle:4deg;z-index:4;padding-bottom:0;border-width:3px}
@media(max-width:900px){.composition-creators{height:340px;gap:10px}.composition-social{height:330px}}
@media(max-width:650px){.composition-creators{height:365px;gap:12px}.composition-social{height:350px}.composition-creators .reference-label{font-size:9px}}
.composition-social [data-platform=instagram] img{object-fit:cover;object-position:left center}