/* 3.2 — generous counts, alternating text/image rows, angled studio desk, photographic spines. */
.collection-count{font-size:clamp(75px,9.5vw,150px);line-height:.96;letter-spacing:-.065em;margin:0 0 28px}.collection-title{grid-template-columns:1.4fr .8fr;gap:10%}.collection-intro{max-width:410px}.signal-grid,.signal-grid:has(.index-card[hidden]){display:flex;flex-direction:column;gap:140px;padding-top:70px}.signal-grid .index-card,.signal-grid .index-card:nth-child(n),.signal-grid:has(.index-card[hidden]) .index-card:not([hidden]){display:grid;grid-template-columns:.85fr 1.3fr;align-items:center;gap:9%;width:100%;margin:0;min-height:460px}.signal-grid .index-card:nth-child(even){grid-template-columns:1.3fr .85fr}.index-card .index-image-track{grid-column:2;grid-row:1}.index-card .index-copy{grid-column:1;grid-row:1;padding:0;max-width:470px}.index-card:nth-child(even) .index-image-track{grid-column:1}.index-card:nth-child(even) .index-copy{grid-column:2}.index-card .index-number{position:absolute;left:0;top:-40px;font-size:15px;margin:0}.index-card:nth-child(even) .index-number{left:64.1%}.index-card:nth-child(n) .index-image,.signal-grid:has(.index-card[hidden]) .index-image{aspect-ratio:1.35}.index-card:nth-child(2) .index-image{aspect-ratio:1.2}.index-card .index-copy h2{font-size:clamp(36px,3.5vw,58px)}.index-copy>p:not(.eyebrow){max-width:34ch}.signal-collection{padding-bottom:100px}.signal-collection .collection-note{margin-top:130px;margin-bottom:0}.service-collection{padding-bottom:170px}
/* One physical floor angle governs both content rules and the cut edges. */
.service-desk{position:relative;isolation:isolate;overflow:clip;background:#0b0e0c;color:#182019;--desk-rise:8.75vw;padding:calc(100px + var(--desk-rise)) 0 calc(70px + var(--desk-rise));margin-bottom:-1px}.service-desk-surface{position:absolute;inset:0;z-index:-1;background:#e8dcc2;clip-path:polygon(0 var(--desk-rise),100% 0,100% calc(100% - var(--desk-rise)),0 100%)}.service-desk-inner{position:relative;min-height:850px}.service-desk-heading{position:relative;width:50%;z-index:4}.service-desk-heading h2{font-size:clamp(48px,5.2vw,80px);line-height:1.05;letter-spacing:-.06em;margin-top:30px}.service-desk-heading .pixel{color:#315b41;font-size:.74em}.service-desk-heading .eyebrow{color:#56614f}.service-desk-station{position:absolute;right:2%;top:45px;width:58%;z-index:3;pointer-events:none}.service-desk-cutout{position:relative;width:100%}.service-desk-body{display:block;width:100%;height:auto}.service-desk-head{position:absolute;left:60.3%;top:-6.2%;width:20.5%;height:auto;z-index:2}.service-desk-shadow{position:absolute;left:12%;right:8%;bottom:3%;height:18%;background:radial-gradient(ellipse,#42392866,transparent 68%);transform:rotate(-5deg)}.service-desk-floor{perspective:1400px;position:relative;z-index:2;margin-top:115px;padding-bottom:25px}.service-desk-plane{transform:skewY(-5deg);transform-origin:50% 50%;position:relative}.service-desk-rule,.service-desk-bottom{font:12px/1.7 var(--mono);color:#526044;border-bottom:1px solid #52604466;padding:18px 20px}.service-desk-statement{font-size:clamp(33px,3.6vw,55px);font-weight:500;letter-spacing:-.04em;line-height:1.18;padding:30px 20px;max-width:70%;border-bottom:1px solid #52604466}.service-desk-statement .pixel{font-size:.74em;color:#315b41}.service-desk-copy{padding:28px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;border-bottom:1px solid #52604466}.service-desk-copy>p{font-size:20px;line-height:1.65;max-width:45ch}.service-desk-copy .button{flex:none}.service-desk-bottom{display:flex;justify-content:space-between;align-items:center;border-bottom:0}.service-desk-bottom>.pixel{font-size:25px;color:#315b41}.service-desk+.page-cta{background:#0b0e0c;color:#dcc9a9;--muted:#aaa69a}.service-desk+.page-cta .pixel{color:#63b77a}.service-desk+.page-cta .eyebrow{color:#aaa69a}
/* Real generated packaging surfaces; editorial titles remain accessible HTML. */
.tape-stack{padding:6px 12px 0 0}.tape-slot{margin-bottom:4px}.tape-spine.tactile-spine{position:relative;background:none!important;border:0;border-radius:0;box-shadow:none;isolation:isolate;min-height:115px;aspect-ratio:5.4;grid-template-columns:13% 1fr 12%;gap:2%;padding:0 2%;transform:rotate(-.25deg);filter:drop-shadow(0 3px 2px #1b1d1660)}.tape-spine.tactile-spine::after{display:none}.tape-spine.tactile-spine:hover,.tape-spine.tactile-spine:focus-visible,.tape-spine.tactile-spine[aria-expanded=true]{transform:translateX(17px) rotate(-.6deg);box-shadow:none;filter:drop-shadow(-6px 7px 4px #1b1d164a)}.spine-photograph{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}.tactile-spine .tape-catalog{border:0;padding:0;justify-content:end;align-self:center;align-items:center;color:#e8dcc2}.tactile-spine .tape-catalog>span{font:12px/1 var(--mono);background:#121612c9;padding:5px;opacity:.8}.tactile-spine .spine-title{font-weight:700;font-size:clamp(25px,2.4vw,38px);line-height:1;letter-spacing:-.045em;text-shadow:0 1px 1px #0008;padding:16px 0}.tactile-spine .spine-end{align-self:center;align-items:center;text-align:center;gap:8px;font-size:10px;color:#ddd0b5}.tactile-spine.tape-hybrid .spine-title{font-style:italic;text-transform:uppercase;font-size:clamp(25px,2.2vw,35px);letter-spacing:-.055em}.tactile-spine.tape-writer .spine-title{font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(27px,2.7vw,43px);letter-spacing:-.05em;color:#e8dcc2}.tactile-spine.tape-screen .spine-title{font-family:var(--pixel);font-size:clamp(20px,1.9vw,30px);letter-spacing:-.065em}.tactile-spine.tape-package .spine-title{font-weight:700;text-transform:uppercase;font-size:clamp(26px,2.2vw,36px);letter-spacing:-.055em}
@media(min-width:701px) and (max-width:1100px){.collection-count{font-size:clamp(75px,9.5vw,150px)}.signal-grid .index-card:nth-child(n){gap:7%;min-height:350px}.index-card .index-copy h2{font-size:37px}.index-copy>p:not(.eyebrow){font-size:18px}.index-scope{font-size:12px}.index-card:nth-child(even) .index-number{left:63%}.service-desk-heading h2{font-size:53px}.service-desk-inner{min-height:780px}.service-desk-station{top:120px;width:59%}.service-desk-floor{margin-top:130px}.service-desk-statement{font-size:36px;max-width:75%}.tape-spine.tactile-spine{min-height:92px;aspect-ratio:4.4}.tactile-spine .spine-title{font-size:25px}.tactile-spine.tape-writer .spine-title{font-size:27px}.tactile-spine .spine-end>span:not(.pixel){display:none}}
@media(max-width:700px){.collection-title{display:block}.collection-intro{display:block;max-width:none}.collection-count{font-size:clamp(62px,15vw,98px);line-height:1;margin:0 0 20px}.collection-intro .text-link{margin-top:20px}.signal-grid,.signal-grid:has(.index-card[hidden]){gap:70px;padding-top:45px}.signal-grid .index-card,.signal-grid .index-card:nth-child(n),.signal-grid:has(.index-card[hidden]) .index-card:not([hidden]){display:flex;flex-direction:column;gap:24px;min-height:0;width:100%;margin:0;align-items:stretch}.index-card .index-image-track{order:0}.index-card .index-copy{order:1;padding-top:0;max-width:none}.index-card:nth-child(n) .index-number{left:0;top:-25px;font-size:12px}.index-card .index-copy h2{font-size:35px}.index-card:nth-child(n) .index-image{aspect-ratio:1.17}.signal-collection{padding-bottom:50px}.signal-collection .collection-note{margin-top:65px}.service-collection{padding-bottom:80px}.service-desk{--desk-rise:6.99vw;padding-top:calc(55px + var(--desk-rise));padding-bottom:calc(45px + var(--desk-rise))}.service-desk-inner{min-height:0}.service-desk-heading{width:100%}.service-desk-heading h2{font-size:43px;max-width:10ch;margin-top:23px}.service-desk-station{position:relative;right:auto;top:auto;width:100%;margin:20px -3% 0 3%}.service-desk-floor{margin-top:-20px;padding-bottom:0}.service-desk-plane{transform:skewY(-4deg)}.service-desk-rule,.service-desk-bottom{font-size:12px;padding:17px 7px}.service-desk-statement{font-size:30px;max-width:none;padding:22px 7px}.service-desk-copy{display:block;padding:23px 7px}.service-desk-copy>p{font-size:18px}.service-desk-copy .button{margin-top:25px}.service-desk-bottom{gap:20px}.service-desk-bottom>span:first-child{max-width:25ch}.tape-stack{padding-right:7px}.tape-slot{margin-bottom:3px}.tape-spine.tactile-spine{min-height:100px;aspect-ratio:3.7;grid-template-columns:10% 1fr 9%;gap:3%;padding:0 3%;filter:drop-shadow(0 2px 1px #1b1d1660)}.tactile-spine .spine-title{font-size:clamp(24px,6.1vw,33px);line-height:1}.tactile-spine.tape-hybrid .spine-title{font-size:clamp(22px,5.9vw,30px)}.tactile-spine.tape-writer .spine-title{font-size:clamp(26px,6.9vw,35px)}.tactile-spine.tape-screen .spine-title{font-size:clamp(19px,5.1vw,26px)}.tactile-spine.tape-package .spine-title{font-size:clamp(24px,6.2vw,31px)}.tactile-spine .tape-catalog>span{font-size:11px}.tactile-spine .spine-end>.pixel{font-size:16px}.tape-spine.tactile-spine:hover,.tape-spine.tactile-spine:focus-visible,.tape-spine.tactile-spine[aria-expanded=true]{transform:translateX(7px) rotate(-.4deg)}.tactile-spine .spine-end>span:not(.pixel){display:none}}
.spine-material{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.spine-photograph{top:var(--spine-top);height:var(--spine-height);bottom:auto;object-fit:fill}.tactile-spine .spine-title{padding-left:6%;padding-right:1%}.tactile-spine .spine-end{color:#1d2119;font-weight:600}.tactile-spine.tape-writer .spine-end{color:#e8dcc2}.tactile-spine .spine-end>.pixel{color:inherit}.tactile-spine .tape-catalog{visibility:hidden}.tactile-spine .spine-end{position:relative;right:3px}.tactile-spine .spine-end>span:not(.pixel){font-size:10px}.tactile-spine.tape-package .spine-title{padding-left:12%}

@media(min-width:701px) and (max-width:1000px){.collection-count{font-size:82px}}

/* Services optical type balance and left-aligned process link. */
.service-world .collection-title h1 .pixel{font-size:.71em}
.service-desk-heading h2 .pixel{font-size:.85em}
.service-desk-statement .pixel{font-size:.83em}
.service-desk+.page-cta h2 .pixel{font-size:.84em}

.mag-cover-scene.cutting-table {
  height: auto;
  margin: -5px 0 0;
  scroll-margin-top: 100px;
}
.cutting-table .page-media { height: auto; aspect-ratio: 2.12; }
.cutting-table .page-media img { object-position: center 58%; }
.cutting-table .mag-cover-caption {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 18px;
  max-width: none;
  padding: 14px 0 12px;
  border-bottom: 1px solid #18201955;
  color: #263529;
  text-shadow: none;
}
.cutting-table .mag-cover-caption .pixel { color: #315b41; margin: 0; font-size: clamp(16px, 1.65vw, 25px); }
@media (max-width: 700px) {
  .mag-cover-scene.cutting-table { margin-top: 0; }
  .cutting-table .page-media { aspect-ratio: 16 / 9; }
  .cutting-table .mag-cover-caption { font-size: 12px; }
}