.halves{column-gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 1.5) var(--edge-r) calc(var(--u) * 2) var(--edge-l);grid-template-columns:1fr 1fr;align-items:start;display:grid}.halves>*{min-width:0}.seal{top:calc(var(--u) * 3.5 + var(--h) * 1.3);position:sticky}@media (width>=641px){body:has(.halves) .header{z-index:2;background:var(--bg);position:sticky;top:0}body:has(.halves) .header:after{content:"";left:calc(var(--edge-l) - var(--u) * .5);right:calc(var(--edge-r) - var(--u) * .5);border-bottom:1px solid var(--hair);opacity:0;pointer-events:none;transition:opacity .16s ease-out;position:absolute;bottom:0}html.scrolled body:has(.halves) .header:after{opacity:1}}.seal svg{cursor:pointer;-webkit-tap-highlight-color:transparent;aspect-ratio:1;width:min(75%,54svh);height:auto;display:block;overflow:visible}.seal .ring,.seal .bowl,.seal .arc{animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.seal .ring{transform-box:fill-box;transform-origin:50%;animation-name:seal-ring}.seal .bowl{animation-name:seal-bowl;animation-delay:.275s}.seal .arc{animation-name:seal-arc;animation-delay:.5s}@keyframes seal-ring{0%{opacity:0;transform:scale(.86)}}@keyframes seal-bowl{0%{transform:translateY(-222px)}}@keyframes seal-arc{0%{transform:translate(-222px)}}body:has(.halves) .header .logo{display:none}body:has(.halves) :is(.header,.colophon){column-gap:calc(var(--u) * 2.5);grid-template-columns:1fr 1fr}body:has(.halves) .colophon .links{grid-area:1/2}body:has(.halves) .colophon .year{grid-area:1/2;justify-self:end}html body:has(.halves):has(.seal) main{justify-content:flex-start}.head-right{column-gap:calc(var(--u) * 1.25);grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-width:0;display:grid}.head-right .soft{color:var(--soft)}.head-contact{color:var(--soft);grid-column:2/-1;justify-self:start;display:none;position:relative}.head-contact:after{content:"";position:absolute;inset:-12px -8px}@keyframes page-fade{0%{opacity:0}}@keyframes page-rise{0%{opacity:0;transform:translateY(10px)}}body:has(.halves) :is(.header .brand,.colophon,.head-right,.head-contact){animation:page-fade .7s cubic-bezier(.16, 1, .3, 1) var(--after-mark,.95s) both}.halves .rise{animation:.7s cubic-bezier(.16,1,.3,1) both page-rise;animation-delay:calc(var(--after-mark,.95s) + .2s + var(--i,0) * 70ms)}html.hold .seal :is(.ring,.bowl,.arc),html.hold body:has(.halves) :is(.header .brand,.colophon,.head-right,.head-contact,.head-labels,.labels,.tagline),html.hold .halves :is(.rise,.entries>li){animation-play-state:paused}html.hold.mark-go .seal :is(.ring,.bowl,.arc){animation-play-state:running}html.go{--after-mark:0s}html.settled :is(.seal .ring,.seal .bowl,.seal .arc,.header .brand,.colophon,.head-right,.head-contact,.head-labels,.labels,.tagline,.rise,.entries>li),html.reset :is(.seal .ring,.seal .bowl,.seal .arc,.header .brand,.colophon,.head-right,.head-contact,.head-labels,.labels,.tagline,.rise,.entries>li){animation:none!important}@media (prefers-reduced-motion:reduce){.seal .ring,.seal .bowl,.seal .arc,body:has(.halves) :is(.header .brand,.colophon,.head-right,.head-contact),.halves .rise{animation:none}}html.warm .seal svg:not(.replay) :is(.ring,.bowl,.arc),html.warm body:has(.halves) :is(.header .brand,.colophon,.head-contact,.tagline){animation:none}html.warm body:has(.halves) :is(.head-right,.head-labels,.labels){animation-name:page-fade;animation-delay:0s}html.warm .halves :is(.rise,.entries>li){animation-delay:calc(.12s + var(--i,0) * 70ms)}@view-transition{navigation:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}@media (width<=640px){.halves{row-gap:calc(var(--u) * 1.5);grid-template-columns:1fr}.seal{position:static}.seal svg{width:25.5%}body:has(.halves) .header{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 3.6) calc(var(--u) * 3.2);column-gap:calc(var(--u) * .75)}.head-right{display:none}.head-contact{display:block}body:has(.halves) .colophon{grid-template-columns:1fr auto}body:has(.halves) .colophon .links{grid-column:1/-1}body:has(.halves) .colophon .links a[href=\/contact],body:has(.halves) .colophon .links a[href=\/]{display:none}body:has(.halves) .colophon .year{grid-area:2/2}}