/* A restrained motion language: physical surfaces, editorial reveals and continuous selections. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-spring:cubic-bezier(.22,1.15,.36,1)}
.word-mask{display:inline-block;vertical-align:top;overflow:clip;padding-bottom:.12em;margin-bottom:-.12em}
.word-reveal{display:inline-block}
.publication-header nav.has-glider,.collection-nav.has-glider{position:relative;isolation:isolate}
.link-glider{position:absolute;left:0;top:0;pointer-events:none;z-index:-1;border-radius:9px;background:#dce6dc;transform-origin:top left;opacity:0}
.publication-header nav.has-glider>a{position:relative;border-bottom-color:transparent;padding-inline:12px;margin-inline:-12px;transition:color .2s}
.publication-header nav.has-glider>a[aria-current]{color:var(--teal);border-bottom-color:transparent}
.publication-header nav.has-glider>.nav-join{margin-left:0;margin-right:0;padding-inline:18px}
.collection-nav{display:inline-flex;padding:5px;margin-bottom:28px;border:1px solid #07383e30;border-radius:999px;gap:2px;background:#e5e8dd80}
.collection-nav .link-glider{border-radius:999px;background:#faf8f2;box-shadow:0 2px 6px #07383e0d;border:1px solid #07383e12}
.collection-nav a,.collection-nav a:first-child{border:0;background:transparent;color:var(--text-secondary);min-height:44px;padding:10px 20px;margin:0}
.collection-nav a[aria-current],.collection-nav a:hover{background:transparent;color:var(--teal)}
.collection-nav a span{transition:transform .3s var(--motion-ease)}
.collection-nav a[aria-current] span{transform:translateY(2px)}
.button,.text-link,.story-read,.work-options>a,.participation-grid article{transition:transform .45s var(--motion-spring),background .25s,border-color .25s}
.button:not(:disabled):active{transform:scale(.97)}
.button>span[aria-hidden],.text-link>span[aria-hidden],.story-path b,.work-option-title>span{display:inline-block;transition:transform .35s var(--motion-spring)}
.work-options{padding:6px;border:1px solid #07383e22;background:#e4e9de;border-radius:18px;gap:7px}
.work-options>a{position:relative;border-color:transparent;background:transparent;border-radius:12px;padding:27px 22px;box-shadow:none}
.work-options>a:hover,.work-options>a:focus-visible{background:#f7f7ee;border-color:#07383e15;transform:translateY(-3px);box-shadow:0 9px 20px #07383e08}
.work-options>a.is-selected{background:#faf8f2;border-color:#07383e30;box-shadow:0 3px 10px #07383e0b}
.work-option-title>span{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid #07383e22;border-radius:50%;font-size:17px}
.work-options>a:hover .work-option-title>span,.work-options>a:focus-visible .work-option-title>span,.work-options>a.is-selected .work-option-title>span{background:var(--teal);color:var(--paper);border-color:var(--teal);transform:rotate(-8deg)}
.enquiry-choice{display:inline-flex;align-items:center;gap:9px;margin-top:24px;padding:8px 14px;border:1px solid #5277684d;border-radius:999px;font:600 12px/1.5 var(--ui-font);color:var(--teal);background:#e3eadd}
.enquiry-choice:before{content:'';width:5px;height:5px;border-radius:50%;background:#076b76}
.participation-grid article{position:relative;overflow:hidden}
.participation-grid article:hover,.participation-grid article:focus-within{transform:translateY(-5px);box-shadow:0 16px 26px #07383e08;border-color:#07383e60}
.hero-visual,.story-image,.book-cover-link{position:relative}
.motion-tilt{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s var(--motion-ease)}
.hero-visual.motion-tilt{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(.6deg)}
.motion-tilt.is-pointed{transition:transform .08s linear}
.book-cover-link.motion-tilt{border-radius:5px}
.book-cover-link.motion-tilt .book-object{transition:transform .55s var(--motion-spring)}
.book-cover-link.motion-tilt:hover .book-object{transform:rotateY(-3deg) rotateZ(0deg) translateY(-6px)}
.chief-display .book-cover-link.motion-tilt:hover .book-object{box-shadow:12px 25px 32px #0007}
.collection-teaser{padding:18px 0 20px;min-height:260px}
.collection-deck{display:block;position:relative;flex:0 0 300px;width:300px;height:240px;isolation:isolate;perspective:1000px;text-decoration:none;border-radius:12px}
.deck-card{display:block;position:absolute;top:23px;left:50%;width:115px;transform-origin:center 130%;box-shadow:3px 8px 14px #07383e30;border:1px solid #e6e6db;transition:transform .7s var(--motion-spring);background:var(--paper)}
.deck-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.deck-card:nth-child(1){transform:translateX(calc(-50% - 49px)) rotate(-11deg);z-index:1}
.deck-card:nth-child(2){transform:translateX(-50%) translateY(-8px);z-index:3}
.deck-card:nth-child(3){transform:translateX(calc(-50% + 49px)) rotate(11deg);z-index:2}
.deck-caption{position:absolute;bottom:2px;inset-inline:0;text-align:center;font:600 14px/1.6 var(--ui-font);color:var(--teal)}
.deck-caption>span{display:inline-block;margin-left:12px;transition:transform .35s var(--motion-spring)}
.collection-deck:hover .deck-card:nth-child(1),.collection-deck:focus-visible .deck-card:nth-child(1){transform:translateX(calc(-50% - 80px)) rotate(-15deg) translateY(-2px)}
.collection-deck:hover .deck-card:nth-child(2),.collection-deck:focus-visible .deck-card:nth-child(2){transform:translateX(-50%) translateY(-21px)}
.collection-deck:hover .deck-card:nth-child(3),.collection-deck:focus-visible .deck-card:nth-child(3){transform:translateX(calc(-50% + 80px)) rotate(15deg) translateY(-2px)}
.collection-deck:hover .deck-caption>span,.collection-deck:focus-visible .deck-caption>span{transform:translate(3px,-3px)}
@media(max-width:900px){.publication-header nav.has-glider>.link-glider{display:none}.publication-header nav.has-glider>a{margin:0;padding:16px 2px}.publication-header nav.has-glider>.nav-join{padding:14px 18px}.collection-teaser{min-height:0}.collection-deck{margin:20px auto 0}.collection-nav{margin-bottom:24px}.work-options>a{padding:23px 20px}}
@media(max-width:600px){.work-options{gap:6px;padding:5px}.work-options>a{padding:22px 15px;min-height:160px}.work-option-title>span{width:25px;height:25px;font-size:15px}.work-options .work-option-title{font-size:25px;gap:8px}.collection-nav a,.collection-nav a:first-child{font-size:12px;padding:10px 13px;gap:14px}.collection-deck{width:280px;max-width:100%}.deck-card{width:105px}.collection-teaser h3{font-size:31px}}
@media(hover:none),(pointer:coarse){.motion-tilt,.hero-visual.motion-tilt{transform:none}.motion-glare{display:none}.work-options>a:hover,.participation-grid article:hover{transform:none}.collection-deck .deck-card:nth-child(1){transform:translateX(calc(-50% - 62px)) rotate(-12deg)}.collection-deck .deck-card:nth-child(3){transform:translateX(calc(-50% + 62px)) rotate(12deg)}}
@media(prefers-reduced-motion:reduce){.word-mask{overflow:visible}.motion-tilt,.hero-visual.motion-tilt{transform:none}.motion-glare{display:none}.button,.text-link,.work-options>a,.participation-grid article,.deck-card,.deck-caption>span,.work-option-title>span{transition:none!important}.button:hover>span,.text-link:hover>span,.work-options>a:hover,.participation-grid article:hover{transform:none}.collection-deck:hover .deck-card:nth-child(1),.collection-deck:focus-visible .deck-card:nth-child(1){transform:translateX(calc(-50% - 49px)) rotate(-11deg)}.collection-deck:hover .deck-card:nth-child(2),.collection-deck:focus-visible .deck-card:nth-child(2){transform:translateX(-50%) translateY(-8px)}.collection-deck:hover .deck-card:nth-child(3),.collection-deck:focus-visible .deck-card:nth-child(3){transform:translateX(calc(-50% + 49px)) rotate(11deg)}}

.hero-copy,.hero-visual{animation:none}.book-cover-link.motion-tilt .book-object{translate:0 0}

.menu-lines{display:inline-block;position:relative;width:16px;height:16px}.menu-lines i{position:absolute;left:0;top:5px;width:16px;height:1px;background:currentColor;transition:transform .25s var(--motion-ease)}.menu-lines i:last-child{top:10px}.menu-toggle[aria-expanded=true] .menu-lines i{top:5px;transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines i:last-child{top:10px;transform:translateY(-2px) rotate(-45deg)}
@media(prefers-reduced-motion:reduce){.menu-lines i{transition:none}}
@media(max-width:359px){.collection-deck:hover .deck-card:nth-child(1),.collection-deck:focus-visible .deck-card:nth-child(1){transform:translateX(calc(-50% - 54px)) rotate(-12deg)}.collection-deck:hover .deck-card:nth-child(3),.collection-deck:focus-visible .deck-card:nth-child(3){transform:translateX(calc(-50% + 54px)) rotate(12deg)}}
