/* Center content only. The home header, menu, cursor and footer are shared from site.css. */
.sp-page{background:var(--brand--white);font-weight:300}.sp-page *{box-sizing:border-box}.sp-page a{color:inherit;text-decoration:none}.services-label{margin:0;font-size:.78rem;font-weight:400;letter-spacing:.03em;text-transform:uppercase}.services-label span{padding:0 .45rem}
.services-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:calc(100svh - 1rem);padding:9.5rem 4vw 4vw;border-bottom:1px solid #000}.services-hero-copy{align-self:end;max-width:760px}.services-hero h1,.services-intro h2,.service-band h2,.services-cta h2{margin:0;font-weight:300;letter-spacing:-.09em;line-height:.79}.services-hero h1{margin-top:3rem;font-size:clamp(4.7rem,8.7vw,10.2rem)}.services-hero h1 em,.services-cta h2 em{font-family:Georgia,serif;font-weight:400}.services-hero-copy>p:not(.services-label){max-width:420px;margin:2.6rem 0 2rem;font-size:1.16rem;line-height:1.25;letter-spacing:-.025em}.services-line-link{display:inline-flex;gap:2rem;padding-bottom:.45rem;border-bottom:1px solid #000;font-size:1rem}.services-line-link span{font-size:1.4rem;line-height:.7}
.services-hero-visual{position:relative;min-height:570px;margin-left:5vw;background:#a2c9e5;overflow:hidden}.visual-sheet{position:absolute;width:45%;height:54%;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.sheet-yellow{z-index:3;left:11%;bottom:6%;background:#ffd001;transform:rotate(-13deg)}.sheet-blue{z-index:2;right:13%;bottom:9%;background:#171717;transform:rotate(9deg)}.sheet-pink{z-index:1;top:10%;right:4%;background:#ef78a6;transform:rotate(18deg)}.services-hero-visual:hover .sheet-yellow{transform:translate(-8px,-18px) rotate(-16deg)}.services-hero-visual:hover .sheet-blue{transform:translate(9px,-12px) rotate(12deg)}.services-hero-visual:hover .sheet-pink{transform:translate(10px,8px) rotate(21deg)}.visual-ring{position:absolute;width:58%;aspect-ratio:1;border:1px solid #000;border-radius:50%;top:-20%;left:-15%}.visual-note{position:absolute;z-index:4;font-size:.78rem;font-weight:400;text-transform:uppercase}.note-one{left:8%;top:11%}.note-two{right:9%;bottom:7%;color:#fffef7}.note-three{right:7%;top:9%}
.services-quick-nav{position:sticky;top:5.9rem;z-index:8;display:flex;gap:0;overflow-x:auto;border-bottom:1px solid #000;background:var(--brand--white);scrollbar-width:none}.services-quick-nav::-webkit-scrollbar{display:none}.services-quick-nav a{display:flex;align-items:center;gap:.55rem;flex:0 0 auto;padding:1.15rem 1.3rem;border-right:1px solid #000;font-size:.85rem;white-space:nowrap;transition:background .2s}.services-quick-nav a:hover{background:#ffd001}.services-quick-nav i{width:.48rem;height:.48rem;border-radius:50%;background:currentColor}
.services-quick-nav{align-items:center;gap:1.6rem;padding:.7rem 4vw;border-top:0;border-bottom:1px solid #000;background:color-mix(in srgb,var(--brand--white) 94%,transparent);backdrop-filter:blur(10px);overflow:hidden}.services-index-label{flex:0 0 auto;font-size:.75rem;font-weight:400;letter-spacing:.035em;text-transform:uppercase}.services-index-links{display:flex;align-items:center;gap:.25rem;min-width:0;overflow-x:auto;scrollbar-width:none}.services-index-links::-webkit-scrollbar{display:none}.services-quick-nav a{gap:.4rem;padding:.58rem .72rem;border:0;border-radius:999px;font-size:.82rem;transition:background .25s,color .25s}.services-quick-nav a:hover{background:#d9d9d1}.services-quick-nav a.is-active{background:#000;color:var(--brand--white)}.services-quick-nav i{width:.38rem;height:.38rem}.services-index-links a:nth-child(1) i{background:#d19800}.services-index-links a:nth-child(2) i{background:#1681b8}.services-index-links a:nth-child(3) i{background:#db3973}.services-index-links a:nth-child(4) i{background:#555}.services-index-links a:nth-child(5) i{background:#69624f}.services-index-links a:nth-child(6) i{background:#7259b5}.services-index-links a:nth-child(7) i{background:#dc5a32}
.services-quick-nav.is-stuck{border-top:1px solid #000}.services-nav-sentinel{height:0}
.services-index-links a:nth-child(4) i{background:#3153b8}.services-index-links a:nth-child(5) i{background:#756e5e}.services-index-links a.is-active{color:#000}.services-index-links a.is-active:nth-child(1){background:#ffd001}.services-index-links a.is-active:nth-child(2){background:#a2c9e5}.services-index-links a.is-active:nth-child(3){background:#ef78a6}.services-index-links a.is-active:nth-child(4){background:#3153b8;color:#fffef7}.services-index-links a.is-active:nth-child(5){background:#ece9df}.services-index-links a.is-active:nth-child(6){background:#c5b7e8}.services-index-links a.is-active:nth-child(7){background:#f28a64}
.services-directory-layout{display:grid;grid-template-columns:15.5rem minmax(0,1fr);align-items:start}.services-directory-index{min-height:100%;border-right:1px solid #000;background:var(--brand--white);transition:opacity .35s ease,transform .35s ease}.services-directory-content{min-width:0}.services-directory-index .services-quick-nav{position:sticky;top:5.9rem;display:block;width:100%;padding:1.5rem 1.3rem;border:0;background:var(--brand--white);backdrop-filter:none;overflow:visible;transition:box-shadow .35s ease}.services-directory-index .services-index-label{display:block;margin:0 0 1.1rem;padding-bottom:1rem;border-bottom:1px solid #000;font-size:.72rem}.services-directory-index .services-index-links{display:flex;flex-direction:column;align-items:stretch;gap:.24rem;overflow:visible}.services-directory-index .services-quick-nav a{width:100%;padding:.68rem .72rem;border-radius:.25rem}.services-directory-index .services-quick-nav.is-stuck{border:0;transform:none;box-shadow:0 10px 20px #00000010}.services-directory-index .services-quick-nav.is-stuck .services-index-label{color:#555}.services-directory-layout.is-complete .services-directory-index{opacity:0;transform:translateX(-1rem);pointer-events:none}.services-directory-content .services-intro{padding-left:4vw;padding-right:4vw}
.services-intro{display:grid;grid-template-columns:.82fr 1.3fr;gap:9vw;padding:8.5rem 11vw 8rem;border-bottom:1px solid #000}.services-intro>div{display:grid;grid-template-columns:1.2fr .8fr;gap:4vw;align-items:end}.services-intro h2,.service-band h2{font-size:clamp(3.5rem,6.25vw,7rem)}.services-intro p:last-child{max-width:340px;margin:0;font-size:1.1rem;line-height:1.28}
.service-band{padding:1.25rem 4vw 6.8rem;border-bottom:1px solid #000;scroll-margin-top:3rem}.service-band-top{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding-bottom:4.2rem;font-size:.85rem;font-weight:400;text-transform:uppercase}.service-band-top b{font-size:1.25rem;font-weight:400}.service-band-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.service-band-body>div:first-child>p{max-width:370px;margin:2rem 0 0;font-size:1.1rem;line-height:1.27}.service-items details{border-top:1px solid currentColor}.service-items details:last-child{border-bottom:1px solid currentColor}.service-items summary{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;cursor:pointer;list-style:none;font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:300;letter-spacing:-.045em}.service-items summary::-webkit-details-marker{display:none}.service-items summary span{font-size:1.5rem;line-height:.7;transition:transform .25s}.service-items details[open] summary span{transform:rotate(45deg)}.service-items details p{max-width:540px;margin:0;padding:0 0 1.3rem;font-size:1rem;line-height:1.28}.service-items-simple{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:currentColor;border:1px solid currentColor}.service-items-simple article{min-height:210px;padding:1.25rem;background:#a2c9e5;color:#000}.service-items-simple h3{margin:0 0 3rem;font-size:clamp(1.6rem,2.4vw,2.6rem);font-weight:300;letter-spacing:-.07em;line-height:.88}.service-items-simple p{margin:0;font-size:.95rem;line-height:1.23}
.service-band-cta{display:inline-flex;align-items:center;gap:2.3rem;margin:3.4rem 0 0 calc(50% + 4.5vw);padding:.85rem 1rem .85rem 1.2rem;border:1px solid currentColor;border-radius:999px;font-size:.9rem;font-weight:400;transition:background .25s,color .25s,transform .25s}.service-band-cta span{font-size:1.2rem;line-height:.7}.service-band-cta:hover{background:#000;color:#fffef7;transform:translateY(-4px)}.band-ink .service-band-cta:hover{background:#fffef7;color:#3153b8}
.band-yellow{background:#ffd001}.band-blue{background:#a2c9e5}.band-pink{background:#ef78a6}.band-ink{background:#3153b8;color:#fffef7}.band-paper{background:#fffef7}.band-lilac{background:#c5b7e8}.band-coral{background:#f28a64}
.services-cta{padding:9rem 4vw;background:#24665f;color:#fffef7}.services-cta h2{margin:3rem 0;font-size:clamp(5rem,10vw,11rem)}.services-cta>p:not(.services-label){max-width:440px;margin:0 0 2.5rem;font-size:1.1rem;line-height:1.3;color:#d8ebe5}.services-cta>a{display:inline-flex;gap:2rem;padding-bottom:.5rem;border-bottom:1px solid #fffef7;font-size:1.15rem}.services-cta>a span{font-size:1.55rem;line-height:.65}
@media(max-width:900px){.services-hero{grid-template-columns:1fr;padding:8rem 1.25rem 1.25rem;gap:4rem}.services-hero-visual{min-height:410px;margin:0}.services-hero h1{font-size:clamp(4.2rem,17vw,7rem)}.services-intro,.services-intro>div,.service-band-body{grid-template-columns:1fr;gap:3rem}.services-intro{padding:6rem 1.25rem}.service-band{padding:1.25rem 1.25rem 5rem}.service-band-top{grid-template-columns:55px 1fr auto;padding-bottom:3rem}.service-band h2,.services-intro h2{font-size:clamp(3.6rem,14vw,5.5rem)}.service-items-simple{grid-template-columns:1fr}.service-items-simple article{min-height:0}.service-items-simple h3{margin-bottom:1rem}.service-band-cta{margin:2.4rem 0 0}.services-cta{padding:7rem 1.25rem}.services-cta h2{font-size:clamp(4.4rem,16vw,7rem)}.visual-note{font-size:.62rem}.services-quick-nav{top:5rem}.sheet-pink{display:none}.visual-sheet{width:48%;height:65%}}
@media(max-width:900px){.services-quick-nav{gap:.6rem;padding:.65rem 1.25rem}.services-index-label{display:none}.services-quick-nav a{padding:.55rem .68rem}}
@media(max-width:900px){.services-directory-layout{display:block}.services-directory-index{border-right:0}.services-directory-index .services-quick-nav{position:sticky;top:5rem;display:flex;width:auto;padding:.65rem 1.25rem;border-top:0;border-bottom:1px solid #000;background:color-mix(in srgb,var(--brand--white) 94%,transparent);backdrop-filter:blur(10px);overflow:hidden}.services-directory-index .services-index-label{display:none}.services-directory-index .services-index-links{flex-direction:row;align-items:center;gap:.25rem;overflow-x:auto}.services-directory-index .services-quick-nav a{width:auto;padding:.55rem .68rem;border-radius:999px}.services-directory-index .services-quick-nav.is-stuck{transform:none;box-shadow:none}.services-directory-content .services-intro{padding-left:1.25rem;padding-right:1.25rem}}
/* Animated book-making collage in the service hero. */
.hero-capabilities{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:3.3rem}.hero-capabilities a{padding:.38rem .63rem;border:1px solid #000;border-radius:999px;font-size:.76rem;transition:background .25s,color .25s,transform .25s}.hero-capabilities a:hover{background:#000;color:var(--brand--white);transform:translateY(-3px)}
.services-hero{min-height:auto;padding-top:8rem;padding-bottom:3rem}.services-hero-visual.book-collage{min-height:520px}
.services-hero-visual.book-collage{min-height:520px;background:#b8dff2;isolation:isolate}.collage-orb{position:absolute;z-index:0;width:58%;aspect-ratio:1;border-radius:50%;background:#ffd001;top:-12%;right:-12%;animation:collageOrb 9s ease-in-out infinite}.hero-book{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:clamp(155px,17vw,265px);height:clamp(290px,34vw,500px);padding:1rem;box-shadow:12px 13px 0 #000;transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.hero-book::before{position:absolute;z-index:-1;content:"";width:11px;height:calc(100% - 12px);right:-11px;top:6px;background:repeating-linear-gradient(to bottom,#fffef7 0 2px,#dbdbd2 2px 3px);border:1px solid #000;border-left:0}.hero-book:hover{z-index:6;box-shadow:18px 20px 0 #000}.hero-book--yellow{left:8%;bottom:7%;background:#ffd001;transform:rotate(-12deg);animation:bookFloatOne 6s ease-in-out infinite}.hero-book--blue{right:16%;bottom:6%;background:#3153b8;color:#fffef7;transform:rotate(8deg);animation:bookFloatTwo 7s ease-in-out infinite}.hero-book--pink{right:1%;top:7%;background:#ef78a6;transform:rotate(18deg);animation:bookFloatThree 6.5s ease-in-out infinite}.hero-book--yellow:hover{transform:translateY(-26px) rotate(-15deg)}.hero-book--blue:hover{transform:translateY(-26px) rotate(5deg)}.hero-book--pink:hover{transform:translateY(-26px) rotate(15deg)}.hero-book-meta,.hero-book-foot{display:flex;justify-content:space-between;font-size:.62rem;font-weight:400;letter-spacing:.04em}.hero-book-title{display:flex;flex-direction:column;font-size:clamp(1.8rem,3.1vw,3.8rem);font-weight:300;letter-spacing:-.1em;line-height:.76}.hero-book-title strong{font-weight:300}.hero-book-title em{font-family:Georgia,serif;font-size:.83em;font-weight:400}.hero-book-pages{display:block;width:100%;border-top:1px solid currentColor}.collage-note{position:absolute;z-index:5;font-size:.72rem;font-weight:400;letter-spacing:.025em;text-transform:uppercase}.note-edit{top:12%;left:9%}.note-publish{right:8%;bottom:8%;color:#fffef7}
@keyframes collageOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,20px) scale(1.06)}}@keyframes bookFloatOne{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-12px)}}@keyframes bookFloatTwo{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(10deg) translateY(-16px)}}@keyframes bookFloatThree{0%,100%{transform:rotate(18deg) translateY(0)}50%{transform:rotate(15deg) translateY(-10px)}}
@media(max-width:900px){.services-hero-visual.book-collage{min-height:440px}.hero-book{width:42%;height:290px}.hero-book--yellow{left:8%;bottom:8%}.hero-book--blue{right:12%;bottom:8%}.hero-book--pink{display:none}.collage-note{font-size:.6rem}.note-edit{left:7%;top:10%}.note-publish{right:8%;bottom:7%}.hero-capabilities{margin-top:2.5rem}}@media(prefers-reduced-motion:reduce){.collage-orb,.hero-book{animation:none!important}.hero-book,.hero-capabilities a{transition:none}}
@media(min-width:901px){.services-hero{height:680px;min-height:680px;padding-top:7.5rem;padding-bottom:3rem}.services-hero h1{margin-top:2rem;font-size:clamp(4.2rem,6vw,7.3rem)}.services-hero-copy>p:not(.services-label){margin-top:2rem;margin-bottom:1.7rem}.services-hero-visual.book-collage{height:510px;min-height:0;align-self:end}.hero-book{height:clamp(260px,28vw,430px)}}
.services-hero h1{line-height:1}.services-hero h1 em{display:block;margin-top:.12em}
/* Refined editorial bookshelf: safer margins, quieter texture, and cleaner hierarchy. */
.services-hero-visual.book-collage{background-color:#b8dff2;background-image:repeating-linear-gradient(0deg,#ffffff00 0 7px,#ffffff18 8px 9px)}.collage-orb{width:43%;top:-13%;right:-5%;opacity:.95}.hero-book{width:clamp(135px,14vw,220px);height:clamp(250px,25vw,390px);box-shadow:9px 10px 0 #000}.hero-book::before{width:8px;right:-8px}.hero-book:hover{box-shadow:13px 15px 0 #000}.hero-book--yellow{left:9%;bottom:10%;transform:rotate(-9deg);animation-name:bookFloatShelfOne}.hero-book--blue{right:34%;bottom:10%;transform:rotate(5deg);animation-name:bookFloatShelfTwo}.hero-book--pink{right:8%;top:12%;transform:rotate(12deg);animation-name:bookFloatShelfThree}.hero-book--yellow:hover{transform:translateY(-18px) rotate(-11deg)}.hero-book--blue:hover{transform:translateY(-18px) rotate(3deg)}.hero-book--pink:hover{transform:translateY(-18px) rotate(10deg)}.hero-book-title{font-size:clamp(1.65rem,2.65vw,3.15rem);line-height:.8}.hero-book-meta,.hero-book-foot{font-size:.56rem}.collage-note{display:none}
@keyframes bookFloatShelfOne{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-8px)}}@keyframes bookFloatShelfTwo{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(6deg) translateY(-11px)}}@keyframes bookFloatShelfThree{0%,100%{transform:rotate(12deg) translateY(0)}50%{transform:rotate(10deg) translateY(-8px)}}
@media(max-width:900px){.services-hero-visual.book-collage{background-image:repeating-linear-gradient(0deg,#ffffff00 0 7px,#ffffff18 8px 9px)}.hero-book{width:39%;height:270px}.hero-book--yellow{left:9%;bottom:10%}.hero-book--blue{right:13%;bottom:10%}.hero-book--pink{display:none}}
