.pub{--pub-margin:clamp(16px,4vw,56px);--pub-gap:clamp(16px,2vw,32px);background:var(--paper);color:var(--ink);min-height:100dvh;font-family:var(--font-interface);font-size:var(--type-body);line-height:var(--leading-prose);-webkit-font-smoothing:antialiased;overflow-x:clip}.pub *{box-sizing:border-box}.pub a{color:inherit;text-decoration:none}.pub img{object-fit:cover;width:100%;height:100%;display:block}.pub :focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.pub[data-motion=pending] :is([data-intro],[data-reveal]){opacity:0;animation:0s 1.6s forwards pub-fallback}}@keyframes pub-fallback{to{opacity:1}}.pub-char{will-change:transform}.pub-header{z-index:20;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--pub-margin);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(1.2)blur(10px);backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid var(--paper-rule);grid-template-columns:1fr auto auto;display:grid;position:sticky;top:0}.pub-preview .pub-header{position:sticky}.pub-wordmark{font-weight:var(--weight-strong);letter-spacing:-.01em;font-size:15px}.pub-nav{gap:var(--space-5);font-size:var(--type-ui);display:flex}.pub-nav a,.pub-owner{color:var(--ink-muted);transition:color var(--duration-fast) var(--ease-out);position:relative}.pub-nav a:hover,.pub-owner:hover{color:var(--ink)}.pub-nav a:after{content:"";transform-origin:100%;height:1px;transition:transform var(--duration-panel) var(--ease-out);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.pub-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.pub-owner{align-items:center;gap:var(--space-1);font-size:var(--type-label);padding:var(--space-1) var(--space-3);border:1px solid var(--paper-rule);border-radius:999px;display:inline-flex}.pub-hero{padding:clamp(32px,7vh,88px) var(--pub-margin) var(--space-7);border-bottom:1px solid var(--ink)}.pub-hero-meta{gap:var(--pub-gap);font-size:var(--type-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-muted);padding-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pub-hero-meta span:nth-child(2){text-align:center}.pub-hero-meta span:last-child{text-align:right}.pub-name{font-size:var(--type-hero);margin:-.04em 0 var(--space-5) -.02em;overflow-wrap:anywhere;width:max-content;max-width:100%;line-height:.96}.pub-name .pub-char{display:inline-block}.pub-hero-foot{gap:var(--pub-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.pub-headline{letter-spacing:-.02em;font-size:clamp(22px,2.6vw,36px);line-height:1.2;font-weight:var(--weight-medium);text-wrap:balance;grid-column:1/span 7;max-width:24ch}.pub-services{border-top:1px solid var(--ink);grid-column:9/span 4;margin:0;padding:0;list-style:none}.pub-services li{gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--paper-rule);font-size:var(--type-ui);display:flex}.pub-services li span{color:var(--ink-muted);font-variant-numeric:tabular-nums}.pub-empty .pub-hero-foot{display:block}.pub-empty-note{margin-top:var(--space-5);color:var(--ink-muted);font-size:var(--type-ui)}.pub-empty-note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.pub-section-head{gap:var(--pub-gap);padding:var(--space-4) 0;border-bottom:1px solid var(--paper-rule);margin-bottom:var(--space-7);grid-template-columns:1fr auto;display:grid}.pub-section-head .caps-label{color:var(--ink-muted)}.pub-work{padding:var(--space-8) var(--pub-margin) var(--space-9)}.pub-case{gap:var(--pub-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-bottom:clamp(64px,10vw,144px);display:grid}.pub-case-media{aspect-ratio:4/3;background:var(--surface-raised);border-radius:var(--radius-media);grid-column:1/span 8;display:block;overflow:hidden}.pub-case-media img{transition:transform 1.2s var(--ease-out)}.is-staged{background:var(--wash)!important}.is-staged img{object-fit:contain;padding:clamp(16px,4%,48px)}.pub-figure.is-staged img{background:var(--wash)}.pub-case-media:hover img{transform:scale(1.025)}.pub-case-copy{gap:var(--space-4);padding-bottom:var(--space-2);flex-direction:column;grid-column:9/span 4;display:flex}.pub-case.is-flipped .pub-case-media{grid-area:1/5/auto/span 8}.pub-case.is-flipped .pub-case-copy{grid-area:1/1/auto/span 4}.pub-case.is-lead .pub-case-media{aspect-ratio:16/9;grid-column:1/-1}.pub-case.is-lead .pub-case-copy{gap:var(--space-3) var(--pub-gap);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.pub-case.is-lead .pub-case-index{grid-column:1/span 1}.pub-case.is-lead h3{grid-column:2/span 6}.pub-case.is-lead p{grid-column:8/span 5}.pub-case.is-lead .pub-case-meta{grid-column:2/span 6}.pub-case.is-lead .pub-arrow-link{grid-column:8/span 5}.pub-case-index{font-size:var(--type-section);color:var(--ink-muted)}.pub-case h3{margin:0;font-size:clamp(40px,5vw,80px)}.pub-case h3 a{transition:background-size var(--duration-panel) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat}.pub-case h3 a:hover{background-size:100% 2px}.pub-case-copy p{color:var(--ink-muted);max-width:44ch;margin:0}.pub-case-meta{gap:var(--space-2) var(--space-5);font-size:var(--type-label);flex-wrap:wrap;margin:0;display:flex}.pub-case-meta dt{color:var(--ink-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--type-micro)}.pub-case-meta dd{margin:0}.pub-arrow-link{align-items:center;gap:var(--space-2);font-size:var(--type-ui);font-weight:var(--weight-medium);width:max-content;display:inline-flex}.pub-arrow-link svg{transition:transform var(--duration-state) var(--ease-out)}.pub-arrow-link:hover svg{transform:translate(4px)}.pub-placeholder{width:100%;height:100%;padding:var(--space-5);background:repeating-linear-gradient(90deg,transparent 0 calc(100%/12 - 1px),var(--paper-rule) calc(100%/12 - 1px) calc(100%/12));color:var(--ink-muted);font-size:var(--type-label);text-transform:uppercase;letter-spacing:var(--tracking-caps);flex-direction:column;justify-content:space-between;display:flex}.pub-placeholder .figure{font-size:var(--type-figure);color:var(--ink)}.pub-index{padding:var(--space-8) var(--pub-margin) var(--space-9);border-top:1px solid var(--ink);position:relative}.pub-index .pub-section-head{grid-template-columns:minmax(0,1fr) 160px 80px 18px;margin-bottom:0}.pub-index ol{margin:0;padding:0;list-style:none}.pub-index li a{align-items:center;gap:var(--pub-gap);padding:var(--space-4) 0;border-bottom:1px solid var(--paper-rule);transition:padding var(--duration-panel) var(--ease-out),color var(--duration-fast);grid-template-columns:48px minmax(0,1fr) 160px 80px 18px;display:grid}.pub-index-no{font-size:var(--type-label);color:var(--ink-muted);font-variant-numeric:tabular-nums}.pub-index-title{font-size:clamp(28px,3.4vw,48px)}.pub-index-type,.pub-index-year{font-size:var(--type-ui);color:var(--ink-muted)}.pub-index-preview{aspect-ratio:4/3;pointer-events:none;z-index:30;opacity:0;width:240px;transition:opacity var(--duration-state) var(--ease-out);border-radius:var(--radius-media);box-shadow:var(--shadow-panel);position:fixed;top:0;left:0;overflow:hidden;transform:translate(-200px,-200px)}.pub-index-preview.is-visible{opacity:1}.pub-preview .pub-index-preview{display:none}.pub-about{gap:var(--pub-gap);padding:var(--space-9) var(--pub-margin);border-top:1px solid var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pub-about h2{color:var(--ink-muted);grid-column:1/span 3}.pub-about-body{gap:var(--space-4);flex-direction:column;grid-column:4/span 8;display:flex}.pub-about-body p{max-width:62ch;color:var(--ink-muted);margin:0}.pub-about-body .pub-about-lead{letter-spacing:-.02em;color:var(--ink);font-size:clamp(24px,2.8vw,40px);line-height:1.2;font-weight:var(--weight-medium);text-wrap:balance;max-width:28ch}.pub-contact{gap:var(--pub-gap);padding:var(--space-8) var(--pub-margin) var(--space-9);border-top:1px solid var(--paper-rule);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pub-contact h2{color:var(--ink-muted);grid-column:1/span 3}.pub-email{letter-spacing:-.035em;font-size:clamp(28px,5vw,72px);line-height:1;font-weight:var(--weight-medium);overflow-wrap:anywhere;background:linear-gradient(currentColor,currentColor) 0 100%/100% 2px no-repeat;grid-column:4/span 9;width:max-content;max-width:100%;padding-bottom:6px}.pub-links{margin:var(--space-5) 0 0;gap:var(--space-3) var(--space-5);flex-wrap:wrap;grid-column:4/span 9;padding:0;list-style:none;display:flex}.pub-links a{align-items:center;gap:var(--space-1);font-size:var(--type-ui);display:inline-flex}.pub-footer{justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--pub-margin);border-top:1px solid var(--ink);font-size:var(--type-label);color:var(--ink-muted);flex-wrap:wrap;display:flex}.pub-casestudy{padding:var(--space-6) var(--pub-margin) var(--space-9)}.pub-back{align-items:center;gap:var(--space-2);font-size:var(--type-ui);color:var(--ink-muted);margin-bottom:var(--space-8);display:inline-flex}.pub-back:hover{color:var(--ink)}.pub-casestudy .pub-hero-meta{border-bottom:1px solid var(--ink);margin-bottom:var(--space-6)}.pub-case-title{font-size:var(--type-stage);margin:0 0 var(--space-6) -.03em;overflow-wrap:anywhere}.pub-case-lead{letter-spacing:-.02em;max-width:34ch;margin:0 0 var(--space-5);font-size:clamp(22px,2.4vw,32px);line-height:1.25;font-weight:var(--weight-medium);text-wrap:balance}.pub-concept-note{margin:0 0 var(--space-5);padding:var(--space-1) var(--space-3);border:1px solid var(--ink);font-size:var(--type-label);border-radius:999px;display:inline-block}.pub-facts{gap:var(--space-4) var(--pub-gap);margin:0 0 var(--space-7);padding:var(--space-4) 0;border-top:1px solid var(--paper-rule);border-bottom:1px solid var(--paper-rule);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.pub-facts dt{font-size:var(--type-micro);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-1)}.pub-facts dd{font-size:var(--type-ui);margin:0}.pub-facts a{gap:var(--space-1);text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.pub-cover{margin:0 0 var(--space-9);aspect-ratio:16/9;background:var(--surface-raised);border-radius:var(--radius-media);overflow:hidden}.pub-story-flow{gap:var(--space-8);flex-direction:column;display:flex}.pub-story{gap:var(--pub-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.pub-story h2{gap:var(--space-4);font-size:var(--type-lead);font-weight:var(--weight-medium);letter-spacing:-.01em;grid-column:1/span 4;align-self:start;align-items:baseline;margin:0;display:flex;position:sticky;top:96px}.pub-story h2 span{font-size:var(--type-label);color:var(--ink-muted);font-variant-numeric:tabular-nums}.pub-story>div{gap:var(--space-4);flex-direction:column;grid-column:5/span 7;display:flex}.pub-story p{max-width:62ch;margin:0;font-size:clamp(17px,1.3vw,20px);line-height:1.6}.pub-figure{gap:var(--space-2);flex-direction:column;margin:0;display:flex;overflow:hidden}.pub-figure img{aspect-ratio:16/10;background:var(--surface-raised);border-radius:var(--radius-media)}.pub-figure.is-staged{background:0 0!important}.pub-figure figcaption{font-size:var(--type-label);color:var(--ink-muted)}.pub-next{align-items:end;gap:var(--space-3) var(--space-5);margin-top:var(--space-9);padding-top:var(--space-5);border-top:1px solid var(--ink);grid-template-columns:1fr auto;display:grid}.pub-next .caps-label{grid-column:1/-1}.pub-next strong{font-size:var(--type-stage);overflow-wrap:anywhere}.pub-next svg{transition:transform var(--duration-panel) var(--ease-out);margin-bottom:var(--space-3)}.pub-next:hover svg{transform:translate(8px)}.pub-private{justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--pub-margin);flex-direction:column;max-width:860px;display:flex}.pub-private h1{font-size:var(--type-stage)}.pub-private p:not(.caps-label){color:var(--ink-muted);max-width:48ch}.pub-private-actions{gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.pub-button{min-height:44px;padding:0 var(--space-5);background:var(--ink);border-radius:var(--radius-control);font-weight:var(--weight-medium);font-size:var(--type-ui);align-items:center;display:inline-flex;color:var(--paper)!important}.pub-link{text-underline-offset:3px;font-size:var(--type-ui);text-decoration:underline}@media (max-width:900px){.pub-nav{display:none}.pub-hero-foot,.pub-case,.pub-about,.pub-contact,.pub-story{grid-template-columns:minmax(0,1fr)}.pub-headline,.pub-services,.pub-case-media,.pub-case-copy,.pub-case.is-flipped .pub-case-media,.pub-case.is-flipped .pub-case-copy,.pub-about h2,.pub-about-body,.pub-contact h2,.pub-email,.pub-links,.pub-story h2,.pub-story>div{grid-column:1/-1}.pub-case.is-flipped .pub-case-media,.pub-case.is-flipped .pub-case-copy{grid-row:auto}.pub-case.is-lead .pub-case-copy{display:flex}.pub-services{margin-top:var(--space-5)}.pub-story h2{position:static}.pub-index .pub-section-head{grid-template-columns:minmax(0,1fr) 18px}.pub-index .pub-section-head .caps-label:nth-child(n+2){display:none}.pub-index li a{grid-template-columns:32px minmax(0,1fr) 18px}.pub-index-type,.pub-index-year{display:none}}@media (max-width:520px){.pub-header{gap:var(--space-3);grid-template-columns:1fr auto}.pub-hero-meta{grid-template-columns:1fr 1fr}.pub-hero-meta span:nth-child(2){display:none}.pub-name{font-size:clamp(64px,26vw,140px)}.pub-case-title,.pub-next strong{font-size:clamp(44px,15vw,72px)}}@media print{.pub{min-height:0}.pub-header,.pub-index-preview,.pub-back,.pub-owner{display:none!important}.pub [data-intro],.pub [data-reveal],.pub [data-reveal-media]{opacity:1!important;clip-path:none!important;animation:none!important;transform:none!important}.pub-case,.pub-story,.pub-figure,.pub-cover{break-inside:avoid}.pub-casestudy,.pub-hero{break-after:page}.pub img{transform:none!important}}.pub-wordmark{align-items:center;gap:var(--space-2);display:inline-flex}.pub-seal{background:var(--mark);color:#fff;width:24px;height:24px;font-family:var(--font-display);font-weight:var(--weight-display);box-shadow:inset 0 0 0 1.5px #fff4,inset 0 0 0 2.5px var(--mark);border-radius:2px;place-items:center;padding-top:1px;font-size:17px;line-height:1;display:inline-grid}.pub-hero{background:linear-gradient(var(--paper),var(--paper))}.pub-hero-line{margin-top:var(--space-6);align-items:center;gap:var(--space-2);color:var(--ink-muted);display:flex}.pub-hero-line>span:first-child{color:var(--mark)}.pub-caret{background:var(--mark);width:7px;height:13px;animation:1.1s step-end 3 forwards caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}.pub-case-media{aspect-ratio:4/3;position:relative;background:0 0!important}.pub-case.is-lead .pub-case-media{aspect-ratio:16/8}.pub-case-tags{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.pub-case.is-lead .pub-case-tags{grid-column:1/-1}.pub-case-tagline{font-weight:var(--weight-medium);font-size:var(--type-body);color:var(--ink)!important}.pub-case.is-lead .pub-case-tagline{grid-area:3/8/auto/span 5}.pub-case-version{margin:0}.pub-case.is-lead .pub-case-version{grid-column:2/span 6}.pub-case-actions{gap:var(--space-2) var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.pub-case.is-lead .pub-case-actions{grid-column:8/span 5}.pub-arrow-link.is-quiet{color:var(--ink-muted);font-weight:var(--weight-normal)}.pub-arrow-link.is-quiet:hover{color:var(--ink)}.pub-case-index{display:none}.pub-index{background:var(--ink-band);color:var(--ink-band-text);border-top:0}.pub-index .pub-section-head{border-color:#ffffff1f}.pub-index .pub-section-head .caps-label,.pub-index .jp-label{color:var(--ink-band-muted)}.pub-index li a{color:var(--ink-band-text);border-color:#ffffff14;grid-template-columns:20px 72px minmax(0,1fr) 180px 64px 18px}.pub-index .pub-section-head{grid-template-columns:minmax(0,1fr) 180px 64px 18px}.pub-index-cursor{color:var(--mark);opacity:0;transition:opacity var(--duration-fast),transform var(--duration-state) var(--ease-out);font-size:12px;transform:translate(-6px)}:is(.pub-index li a:hover .pub-index-cursor,.pub-index li a:focus-visible .pub-index-cursor){opacity:1;transform:none}.pub-index li a:hover{padding-left:0}.pub-index li a:hover .pub-index-title{color:#fff}.pub-index-no{font-family:var(--font-mono);color:var(--ink-band-muted)}.pub-index-type,.pub-index-year{color:var(--ink-band-muted)}.pub-index :focus-visible{outline-color:var(--ink-band-text)}.pub-now{padding:var(--space-8) var(--pub-margin) var(--space-9);background:var(--wash)}.pub-now-group{margin-bottom:var(--space-7)}.pub-now-group h3{align-items:center;gap:var(--space-2);font-size:var(--type-ui);font-weight:var(--weight-strong);margin:0 0 var(--space-4);display:flex}.pub-now-group ul{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0;padding:0;list-style:none;display:grid}.pub-now-group li>a,.pub-now-group li>div{gap:var(--space-3);flex-direction:column;display:flex}.pub-now-copy{flex-direction:column;gap:2px;display:flex}.pub-now-copy strong{font-size:var(--type-ui);font-weight:var(--weight-strong)}.pub-now-note{font-size:var(--type-label);color:var(--ink-muted)}.is-interests ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pub-disc{aspect-ratio:1;width:100%;transition:transform 2.4s var(--ease-out);background:conic-gradient(from 20deg,#d9d6cf,#f4f2ec,#cfccc4,#efede7,#d9d6cf);border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0002,0 10px 24px #0002}.pub-disc img{object-fit:cover;width:100%;height:100%}.pub-disc:after{content:"";background:var(--wash);border-radius:50%;position:absolute;inset:41%;box-shadow:0 0 0 6px #ffffff8c,inset 0 0 0 1px #0002}.pub-disc-label{text-align:center;font-family:var(--font-display);font-weight:var(--weight-display);text-transform:uppercase;color:var(--ink);place-items:center;font-size:clamp(14px,1.6vw,20px);line-height:.95;display:grid;position:absolute;inset:14% 14% 56%}.pub-now-group li:hover .pub-disc{transform:rotate(200deg)}.pub-cart{aspect-ratio:5/4;width:100%;transition:transform var(--duration-panel) var(--ease-out);background:#2a2926;border-radius:6px 6px 3px 3px;padding:14% 9% 10%;display:block;position:relative;box-shadow:0 10px 24px #0002}.pub-cart:before{content:"";background:repeating-linear-gradient(90deg,#ffffff1a 0 3px,#0000 3px 7px);height:5%;position:absolute;top:5%;left:9%;right:9%}.pub-cart-label{background:var(--paper);text-align:center;width:100%;height:100%;font-family:var(--font-display);font-weight:var(--weight-display);text-transform:uppercase;padding:var(--space-2);color:var(--ink);border-radius:2px;place-items:center;font-size:clamp(14px,1.6vw,20px);line-height:.95;display:grid;overflow:hidden}.pub-cart-label img{object-fit:cover;width:100%;height:100%}.pub-now-group li:hover .pub-cart{transform:translateY(-4px)}.pub-casestudy .pub-case-tags{margin:0 0 var(--space-4)}.pub-case-sublead{color:var(--ink-muted);max-width:60ch;margin:0 0 var(--space-5)}.pub-case-cta{align-items:center;gap:var(--space-4);margin:0 0 var(--space-7);flex-wrap:wrap;display:flex}.pub-case-cta .pub-button{gap:var(--space-2);background:var(--mark-strong)}.pub-cover{background:0 0!important}.pub-cover-posters{aspect-ratio:16/8}.pub-credits p{color:var(--ink-muted);font-size:var(--type-ui)!important}@media (max-width:900px){.pub-index li a{grid-template-columns:16px 60px minmax(0,1fr) 18px}.pub-case.is-lead .pub-case-media{aspect-ratio:4/3}}@media (max-width:520px){.pub-now-group ul{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.pub-index li a{grid-template-columns:0 56px minmax(0,1fr) 18px}.pub-index-cursor{display:none}}@media (prefers-reduced-motion:reduce){.pub-caret{animation:none}.pub-disc,.pub-cart{transition:none}.pub-now-group li:hover .pub-disc{transform:none}}.pub-hero-foot .pub-hero-line{margin-top:var(--space-2);grid-column:9/span 4;align-self:end}.pub-shelf{margin:var(--space-6) 0 0;gap:var(--pub-gap);grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;display:grid}.pub-shelf a{gap:var(--space-2);flex-direction:column;display:flex}.pub-shelf-cover{aspect-ratio:4/3;border-radius:var(--radius-media);transition:transform var(--duration-panel) var(--ease-out);display:block;overflow:hidden}.pub-shelf a:hover .pub-shelf-cover{transform:translateY(-4px)}.pub-shelf-label{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.pub-shelf-label strong{font-size:var(--type-label);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pub-shelf a:hover strong{text-underline-offset:3px;text-decoration:underline}.pub-interests{margin-top:var(--space-5)}.pub-interests ul{margin:var(--space-3) 0 0;border-top:1px solid var(--ink);column-gap:var(--pub-gap);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.pub-interests li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--paper-rule);font-size:var(--type-ui);color:var(--ink);align-items:baseline;display:flex}.cover-poster{transform:translate(calc(-50% + (var(--i) - (var(--n) - 1) / 2) * 52%),-50%) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3deg));width:30%!important}.cover:hover .cover-poster,a:hover .cover-poster,button:hover .cover-poster{transform:translate(calc(-50% + (var(--i) - (var(--n) - 1) / 2) * 60%),-52%) rotate(0deg)}@media (max-width:900px){.pub-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.pub-hero-foot .pub-hero-line{grid-column:1/-1}}@media (max-width:520px){.pub-shelf{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.pub-interests ul{grid-template-columns:1fr}}.pub-hero-line{display:block}.pub-hero-line .pub-caret{vertical-align:-2px;margin-left:4px;display:inline-block}