.nori-showcase{background:#fffdf8;border:1px solid #e8e0d3;color:#40382e;padding:27px 25px 0;isolation:isolate}
.nori-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4px 23px}
.nori-showcase-brand{font:400 61px/.9 Georgia,serif;letter-spacing:-.08em;color:#5d4534}
.nori-showcase-head>span:last-child{font:400 10px/1.6 var(--sans,Arial,sans-serif);color:#88745e}
.nori-stage{position:relative;aspect-ratio:1/1.02;min-width:0}
.nori-piece{position:absolute;display:block;border:0;padding:0;background:#fffdf8;cursor:zoom-in;box-shadow:0 9px 22px #453a2c12,0 1px 3px #453a2c0d;transition:transform .3s ease,box-shadow .3s ease;min-width:0}
.nori-piece img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.nori-piece:focus-visible{outline:2px solid #856344;outline-offset:5px;z-index:8}
.nori-piece:hover{z-index:7;box-shadow:0 14px 28px #453a2c1c;transform:translateY(-5px)}
.nori-piece-post{left:1%;top:7%;width:46%;transform:rotate(-3deg);z-index:3}
.nori-piece-story{right:1%;top:3%;width:26%;transform:rotate(3deg);z-index:2}
.nori-piece-coffee{left:43%;top:45%;width:34%;transform:rotate(2deg);z-index:4}
.nori-piece-menu{left:47%;top:0;width:24%;transform:rotate(-2deg);z-index:1}
.nori-piece-reel,.nori-piece-place{display:none}
.nori-piece-caption{display:none}
.nori-showcase-toolbar{border-top:1px solid #e8e0d3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 2px;font:400 11px/1.4 var(--sans,Arial,sans-serif)}
.nori-showcase-toolbar a{display:flex;gap:22px;align-items:center;color:inherit;text-decoration:none}
.nori-showcase-toggle{font:inherit;display:flex;align-items:center;gap:15px;padding:10px 0 10px 12px;color:inherit;background:none;border:0;cursor:pointer;min-height:40px}
.nori-showcase-toggle b{font-weight:400;font-size:17px}
.nori-showcase.is-expanded .nori-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px 16px;aspect-ratio:auto;padding:6px 0 28px}
.nori-showcase.is-expanded .nori-piece{position:relative;display:block;inset:auto;width:100%;transform:none}
.nori-showcase.is-expanded .nori-piece:nth-child(3){order:2}
.nori-showcase.is-expanded .nori-piece:nth-child(2){order:3}
.nori-showcase.is-expanded .nori-piece:nth-child(n+4){order:4}
.nori-showcase.is-expanded .nori-piece-caption{display:flex;align-items:start;justify-content:space-between;gap:10px;font:400 9px/1.5 var(--sans,Arial,sans-serif);text-align:left;padding:10px 9px;color:#786650}
#services #service-social .service-example{border-top:0;padding-top:0}
@media(max-width:850px){#services #service-social .service-example-composition{grid-template-areas:"project" "service";gap:34px}.nori-showcase{padding:24px 20px 0}.nori-showcase.is-expanded .nori-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 17px}.nori-showcase-head{padding-bottom:28px}.nori-showcase-brand{font-size:56px}.nori-showcase-head>span:last-child{font-size:9px}.nori-stage{aspect-ratio:1/1.07}.nori-showcase-toolbar{font-size:10px}.nori-piece-caption{font-size:9px}}
@media(max-width:360px){.nori-showcase{padding:20px 14px 0}.nori-showcase-head{gap:15px}.nori-showcase-brand{font-size:47px}.nori-showcase-head>span:last-child{font-size:8px}.nori-showcase.is-expanded .nori-stage{gap:20px 12px}}
@media(prefers-reduced-motion:reduce){.nori-piece{transition:none}}