/* Second direction from the 12 September call. Original design is preserved in v1. */
.quiet .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:calc(100svh - 96px)}
.quiet .hero .side{padding-top:64px;padding-bottom:64px}
.quiet .hero h1{font-size:clamp(44px,5.2vw,78px)}
.quiet .quiet-field{background:radial-gradient(ellipse at 72% 22%,#ead3d2 0,transparent 58%),radial-gradient(ellipse at 15% 88%,#d7c8c0 0,transparent 65%),linear-gradient(145deg,#f8f5f0,#e9dcda);border:0;min-height:600px;padding:64px 48px;overflow:hidden}
.quiet-cover{margin:0;max-width:330px;width:70%;position:relative}
.quiet-cover img{display:block;width:100%;height:auto;box-shadow:18px 30px 48px -20px rgba(63,32,33,.3),2px 2px 3px rgba(63,32,33,.12)}
.quiet-portrait{position:relative;margin:0;overflow:hidden;aspect-ratio:1208/1500;background:radial-gradient(ellipse at 75% 20%,#f8eeea 0,transparent 60%),radial-gradient(ellipse at 5% 90%,#be9c99 0,transparent 70%),linear-gradient(140deg,#e7d7d1,#d5bcba)}
.quiet-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);position:relative}
.quiet #about .sticky{position:static}
.quiet #publications .cards{display:block;max-width:1000px}
.quiet #publications .card{padding:32px 0;background:transparent;border:0;border-top:1px solid var(--rule);box-shadow:none}
.quiet #publications .card h3{max-width:32ch}.quiet #publications .card p:not(.k){max-width:66ch}
.quiet #publications .source-link{display:inline-block;margin-top:16px;color:var(--ox);font:500 13px var(--sans);text-underline-offset:4px}
.quiet #publications .source-pending{margin-top:12px;font:400 12px var(--sans);color:var(--body)}
@media(max-width:900px){.quiet .hero{grid-template-columns:1fr}.quiet .quiet-field{min-height:0;padding:48px 24px}.quiet-cover{max-width:260px;width:58%}.quiet .hero .side{padding:40px var(--gutter) 56px}}
.quiet-portrait img{transform:scale(1.055);transform-origin:50% 0}

/* September 12 / moving colour fields, restrained editorial blocks. */
.motion-surface{position:relative;isolation:isolate;overflow:hidden}
.moving-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#f4f1ec}
.moving-field i{position:absolute;width:90%;height:110%;border-radius:48%;filter:blur(65px);will-change:transform;animation:colour-current 18s ease-in-out infinite alternate;animation-play-state:paused}
.moving-field i:nth-child(1){left:-35%;top:-48%;background:radial-gradient(ellipse,#76232f 0%,#76232f99 35%,transparent 70%)}
.moving-field i:nth-child(2){right:-34%;bottom:-55%;background:radial-gradient(ellipse,#3f2021 0%,#8e655caa 38%,transparent 70%);animation-name:colour-counter;animation-duration:23s;animation-delay:-8s}
.moving-field i:nth-child(3){left:27%;top:-10%;background:radial-gradient(ellipse,#fff 0%,#ffffff99 25%,transparent 65%);animation-name:colour-light;animation-duration:15s;animation-delay:-5s}
.motion-visible .moving-field i{animation-play-state:running}
html.background-paused .moving-field i{animation-play-state:paused!important}
@keyframes colour-current{0%{transform:translate(-8%,-4%) rotate(-18deg) scale(1)}50%{transform:translate(32%,26%) rotate(12deg) scale(1.2)}100%{transform:translate(58%,5%) rotate(34deg) scale(.95)}}
@keyframes colour-counter{0%{transform:translate(15%,0) rotate(18deg)}100%{transform:translate(-60%,-44%) rotate(-30deg) scale(1.25)}}
@keyframes colour-light{0%{transform:translate(0,-20%) scale(.8)}100%{transform:translate(-36%,45%) scale(1.2)}}
.quiet .quiet-field{background:#3f2021}.quiet-field .moving-field{background:linear-gradient(130deg,#3f2021,#76232f 48%,#d7b7ae)}
.quiet-field .moving-field i:nth-child(1){background:radial-gradient(ellipse,#a75060 0%,#76232f 38%,transparent 70%);width:130%;height:150%}
.quiet-field .moving-field i:nth-child(2){background:radial-gradient(ellipse,#251415 0%,#3f2021 35%,transparent 70%)}
.quiet-field .moving-field i:nth-child(3){opacity:.65;filter:blur(70px)}
.quiet-cover{z-index:1}.quiet-cover img{box-shadow:20px 36px 65px -20px #1e090999}
.quiet #poems,.quiet #published{background:transparent}
.quiet #poems .moving-field i,.quiet #published .moving-field i{opacity:.28}
.quiet .pub-sec>.blob{display:none}
.quiet .sheet{background:#fff;border:1px solid #d7d2cb;box-shadow:none;border-top:2px solid #76232f}
.quiet #published .index-cards{gap:20px}
.quiet #published .card-i{transform:none;flex-basis:calc((100% - 40px)/3)}
.quiet #published .card-i .pk,.quiet #published .card-i .tape{display:none}
.quiet #published .card-i a{height:244px;background:#fff;border:1px solid #d7d2cb;padding:26px;box-shadow:none}
.quiet #published .card-i a::before{display:none}
.quiet #published .card-i .no{font:500 11px var(--sans);letter-spacing:.18em;margin-bottom:26px}
.quiet #published .card-i .filed{color:#665455;max-width:90%}
.quiet #published .card-i .read{position:static;align-self:flex-start;opacity:1;transform:none;border:0;border-bottom:1px solid #76232f;padding:8px 0 3px;margin-top:14px}
.quiet #published .card-i:hover{transform:translateY(-3px)}
.quiet .def-wrap{padding:100px var(--gutter);background:#3f2021}
.quiet .def-wrap .moving-field{background:#3f2021}.quiet .def-wrap .moving-field i:nth-child(1){opacity:.9}.quiet .def-wrap .moving-field i:nth-child(2){opacity:.8}.quiet .def-wrap .moving-field i:nth-child(3){opacity:.16}
.quiet .def-card{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;column-gap:70px;align-items:center;width:100%;max-width:1180px;min-height:400px;padding:24px 0;background:none;border:0;box-shadow:none}
.quiet .definition-label{grid-column:1/-1;color:#fff;font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;padding-bottom:44px;border-bottom:1px solid #ffffff50;margin-bottom:44px}
.quiet .def-card .w{grid-column:1;grid-row:2/4;font-size:clamp(58px,7vw,104px);color:#fff}
.quiet .def-card .ph{grid-column:2;margin:0;align-self:end;color:#eadad4}.quiet .def-card .ph i{color:#fff}
.quiet .def-card .d{grid-column:2;color:#fff;font-size:24px;align-self:start;margin-top:22px;max-width:30ch}
.quiet #publications .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:none}
.quiet #publications .card{background:#fff;border:1px solid #d7d2cb;border-top:2px solid #76232f;padding:30px;box-shadow:none;min-height:280px}
.quiet #publications .card h3{max-width:none}.quiet #publications .card p:not(.k){max-width:none}
.motion-control{background:none;border:0;color:#3f2021;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:12px Arial,sans-serif;padding:0}
@media(max-width:820px){.quiet #published .card-i{flex-basis:calc((100% - 26px)/2)}.quiet .def-card{column-gap:30px}.quiet .def-card .d{font-size:20px}}
@media(max-width:600px){.quiet #published .card-i{flex-basis:100%}.quiet #publications .cards{grid-template-columns:1fr}.quiet .def-wrap{padding:64px var(--gutter)}.quiet .def-card{display:block;min-height:0}.quiet .def-card .w{font-size:clamp(56px,14vw,82px)}.quiet .def-card .ph{margin-top:32px}.quiet .def-card .d{margin-top:20px}.quiet .definition-label{padding-bottom:24px;margin-bottom:36px}.moving-field i{filter:blur(40px)}}
@media(prefers-reduced-motion:reduce){.moving-field i{animation:none!important;will-change:auto}.motion-control{display:none}}

/* Rejected blurred gradients removed; animation directions live in /motion-study/. */
.quiet .quiet-field{background:#76232f}
.quiet .quiet-portrait{background:none;aspect-ratio:1127/1400}
.quiet .quiet-portrait img{filter:none;transform:none;object-fit:cover}
.quiet #poems{background:#f4f1ec}.quiet #published{background:#f4f1ec}
.quiet #poems .sheet .pk,.quiet #poems .sheet .tape{display:none}
.quiet .def-wrap{background:#76232f}

/* Shared background placement for client options 2 and 3. */
.quiet .quiet-field,.quiet #poems,.quiet #published{position:relative;isolation:isolate;overflow:hidden;background:#76232f}
.quiet #poems>.wrap,.quiet #published>.wrap{position:relative;z-index:1}
.quiet #poems .poems-head,.quiet #published .poems-head,.quiet #poems #poems-h,.quiet #published #pub-h{color:#fff}
.quiet #poems .lab,.quiet #published .lab{color:#ead9cb}
.quiet #poems .sheet,.quiet #published .card-i a{background:#fffaf5}
.quiet-cover{position:relative;z-index:1}.quiet-cover img{box-shadow:18px 30px 55px -18px #0b030999}
.background-particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}

/* Burgundy publication cards on a clean white section. */
.quiet #published{background:#fff;background-image:none}
.quiet #published::after{display:none}
.quiet #published #pub-h,.quiet #published .lab{color:#76232f}
.quiet #published .card-i a{background:#76232f;border-color:#76232f;color:#fff}
.quiet #published .card-i .no,.quiet #published .card-i .t,.quiet #published .card-i .read{color:#fff}
.quiet #published .card-i .filed{color:#f0dce1}
.quiet #published .card-i .read{border-color:#e6bbc5}
.quiet #published .card-i a:hover{background:#631b2a}

/* Reveal a wine light gradient within publication links. */
.quiet #published .card-i a{position:relative;isolation:isolate;overflow:hidden}
.quiet #published .card-i a::before{content:"";display:block;position:absolute;inset:0;width:auto;height:auto;transform:none;border:0;background:radial-gradient(ellipse at 92% 8%,#bd6680 0%,transparent 65%),linear-gradient(135deg,#4b1225,#8f324c);opacity:0;transition:opacity .4s ease;z-index:-1;pointer-events:none}
.quiet #published .card-i a:hover::before,.quiet #published .card-i a:focus-visible::before,.quiet #published .card-i a:active::before{opacity:1}
.quiet #published .card-i a:focus-visible{outline:2px solid #76232f;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.quiet #published .card-i a::before{transition:none}}

/* Hover particles replace the gradient experiment. */
.quiet #published .card-i a::before{display:none}
.quiet #published .card-i a:hover{background:#76232f}
.card-sparkles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .22s ease}
.sparkles-active .card-sparkles{opacity:1}
@media(prefers-reduced-motion:reduce){.card-sparkles{transition:none}}