.service-showcase{position:relative;min-height:calc(100svh - 88px);overflow:hidden;padding:6.5rem 5vw 2.5rem;color:var(--paper);background:radial-gradient(circle at 70% 55%,rgba(85,91,67,.48),transparent 31%),linear-gradient(145deg,#090a08 12%,#15170f 60%,#25281c);isolation:isolate}.service-showcase:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background:repeating-linear-gradient(90deg,transparent 0 12vw,rgba(233,221,198,.08) 12vw calc(12vw + 1px))}.showcase-heading{position:relative;z-index:3}.showcase-heading h1{margin:0;font:400 clamp(4.8rem,10.2vw,11.8rem)/.77 var(--serif);letter-spacing:-.065em;text-transform:uppercase}.showcase-heading h1 em{color:var(--gold);font-weight:400}.showcase-intro{position:absolute;right:2vw;top:1rem;width:min(28vw,390px);margin:0;padding-top:1rem;border-top:1px solid var(--line);color:rgba(241,235,221,.68);font:400 1rem/1.65 var(--body-serif)}.book-stage{position:relative;z-index:4;height:360px;margin:-1rem -9vw 0;display:flex;align-items:end;justify-content:center;gap:clamp(.45rem,1.2vw,1.3rem);perspective:1500px}.service-book{position:relative;width:clamp(145px,13vw,220px);height:clamp(245px,24vw,350px);flex:0 0 auto;padding:2.2rem 1.2rem 1.25rem 2rem;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(241,235,221,.22);border-radius:2px 7px 7px 2px;color:var(--paper);background:linear-gradient(130deg,#3e4235,#171911);box-shadow:-13px 12px 22px rgba(0,0,0,.36),inset 7px 0 0 rgba(0,0,0,.16);cursor:pointer;text-align:left;transform:translateY(62px) rotateY(-8deg) scale(.86);filter:saturate(.7) brightness(.72);transition:transform .75s var(--ease),filter .75s var(--ease),opacity .75s var(--ease)}.service-book:nth-child(2){background:linear-gradient(135deg,#6f552d,#211b12)}.service-book:nth-child(3){background:linear-gradient(135deg,#dad0ba,#81765f);color:#15160f}.service-book:nth-child(4){background:linear-gradient(135deg,#343a2b,#0e100c)}.service-book:nth-child(5){background:linear-gradient(135deg,#9e7b3c,#332713)}.service-book:nth-child(6){background:linear-gradient(135deg,#b7ad97,#4c493d);color:#11120e}.service-book.is-active{z-index:5;transform:translateY(0) rotateY(0) scale(1);filter:none}.service-book:hover,.service-book:focus-visible{filter:none}.book-spine{position:absolute;left:.42rem;top:1rem;bottom:1rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;opacity:.65}.book-mark{font-size:.52rem;letter-spacing:.24em;text-transform:uppercase}.service-book strong{margin:auto 0;font:400 clamp(1.25rem,1.7vw,2rem)/.98 var(--serif);letter-spacing:-.025em}.service-book small{font-size:.5rem;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;opacity:.68}.showcase-detail{position:relative;z-index:6;max-width:840px;margin:.5rem auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center}.showcase-detail>span{color:var(--gold);font-size:.58rem;letter-spacing:.16em}.showcase-detail p{margin:0;color:rgba(241,235,221,.7);font:400 .9rem/1.55 var(--body-serif)}.showcase-detail a{padding-bottom:.35rem;border-bottom:1px solid var(--gold);color:var(--cream);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.showcase-detail b{margin-left:.6rem;font-weight:400}.book-progress{position:absolute;z-index:7;right:3vw;bottom:2.5rem;display:flex;gap:.45rem}.book-progress button{width:24px;height:2px;padding:0;border:0;background:rgba(241,235,221,.3);cursor:pointer}.book-progress button.is-active{background:var(--gold)}
@media(max-width:900px){.service-showcase{padding-top:4.5rem}.showcase-intro{position:relative;right:auto;top:auto;width:min(100%,520px);margin-top:2rem}.book-stage{height:320px;margin:1rem -22vw 0;justify-content:flex-start;padding-left:20vw;overflow:visible}.service-book{width:170px;height:280px}.showcase-detail{grid-template-columns:auto 1fr}.showcase-detail a{grid-column:2}.book-progress{display:none}}
@media(max-width:650px){.service-showcase{min-height:calc(100svh - 72px);padding:3.5rem 1.25rem 2rem}.showcase-heading h1{font-size:16vw}.book-stage{height:300px;margin:1.5rem -55vw 0;padding-left:56vw;gap:.35rem}.service-book{width:145px;height:245px;padding:1.5rem .9rem 1rem 1.7rem}.showcase-detail{gap:1rem;margin-top:.4rem}.showcase-detail p{font-size:.8rem}.showcase-detail a{font-size:.52rem}.process-band,.boundary-note{padding-top:4rem}}
@media(prefers-reduced-motion:reduce){.service-book{transition:none}}
.showcase-detail{margin-top:3rem}.service-book:nth-child(7){background:linear-gradient(135deg,#283c3b,#0d1717)}.service-book:nth-child(8){background:linear-gradient(135deg,#704c42,#211411)}.service-book:nth-child(9){background:linear-gradient(135deg,#a59573,#403724);color:#11120e}.service-book:nth-child(10){background:linear-gradient(135deg,#46503d,#141911)}@media(max-width:900px){.showcase-detail{margin-top:2rem}}@media(max-width:650px){.showcase-detail{margin-top:2.5rem}}