.co{position:relative;z-index:0;border-top:var(--hair) solid transparent;--pad-r: var(--words-x);--col-x: var(--words-x);--sec-top: clamp(36px, 9vh, 92px);--sec-end: clamp(52px, 13vh, 132px);--fs-h1: clamp(5.5rem, 7.2vw, 7.5rem);--fs-h2: clamp(2.125rem, 3.9vw, 4.25rem);--fs-read: clamp(1.25rem, .95rem + .75vw, 1.875rem);--measure: calc(30 * var(--fs-read))}@media(max-width:1023.98px),(max-aspect-ratio:4/5){.co{--fs-h1: clamp(2.5rem, 12.6vw, 5.5rem)}}.co:before{content:"";position:absolute;left:var(--line-x);top:0;bottom:0;width:var(--hair);background:var(--line);pointer-events:none}.co:after{content:"";position:absolute;left:var(--line-x);top:0;width:var(--star);height:var(--star);margin:calc(var(--star) / -2) 0 0 calc(var(--star) / -2);background:var(--ink);clip-path:var(--star-shape);pointer-events:none}.co-title:before{content:"";position:absolute;left:0;right:0;top:calc(var(--hair) * -1);height:var(--hair);background:var(--line);pointer-events:none}@media(prefers-reduced-motion:no-preference){.co-title:before{transform-origin:var(--line-x) 0;animation:co-rule-x .7s var(--ease-out) backwards}.co:before{animation:co-rule-y .7s var(--ease-out) backwards}@keyframes co-rule-x{0%{transform:scaleX(0)}}@keyframes co-rule-y{0%{-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% 0 no-repeat,linear-gradient(#000 0 0) 0 calc(100vh - 1px) / 100% 100% no-repeat;mask:linear-gradient(#000 0 0) 0 0 / 100% 0 no-repeat,linear-gradient(#000 0 0) 0 calc(100vh - 1px) / 100% 100% no-repeat}to{-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% 100vh no-repeat,linear-gradient(#000 0 0) 0 calc(100vh - 1px) / 100% 100% no-repeat;mask:linear-gradient(#000 0 0) 0 0 / 100% 100vh no-repeat,linear-gradient(#000 0 0) 0 calc(100vh - 1px) / 100% 100% no-repeat}}}.co-title{position:relative;display:grid;align-content:center;justify-items:start;gap:clamp(1rem,2.2vh,1.75rem);padding:clamp(56px,13vh,128px) var(--pad-r) clamp(36px,8vh,80px) var(--words-x)}.co-title>h1{font-size:var(--fs-h1)}.co-title>.lead{text-wrap:balance}@media(max-width:1023.98px){.co-title>.lead{font-size:var(--fs-read);line-height:1.3}}.toc{padding:0 var(--pad-r) clamp(44px,9vh,88px) var(--words-x)}.toc ol{display:grid;grid-template-columns:minmax(0,1fr);max-width:44rem;border-top:var(--hair) solid var(--line)}.toc li{border-bottom:var(--hair) solid var(--line)}.toc a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.55rem 0;scroll-margin-block:16px;color:var(--ink-2);font:400 var(--fs-body)/1.3 var(--serif);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:var(--hair);text-underline-offset:.28em;transition:text-decoration-color .2s var(--ease),color .2s var(--ease)}.toc a:after{content:"";flex:none;width:.6em;height:.6em;margin-right:2px;background:currentColor;transform:rotate(90deg);transition:transform .2s var(--ease);-webkit-mask:var(--arrow) center / contain no-repeat;mask:var(--arrow) center / contain no-repeat}.toc a:active{color:var(--ink)}.toc a:active:after{transform:translateY(3px) rotate(90deg)}.toc-tag{display:none}@media(hover:hover){.toc a:hover{color:var(--ink);text-decoration-color:var(--line-2)}.toc a:hover:after{transform:translateY(3px) rotate(90deg)}.co-mail:hover{text-decoration-color:currentColor}}@media(max-width:619.98px){.toc{display:none}}@media(min-width:620px){.toc ol{grid-auto-flow:column;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,56px)}}.co-sec{padding:0 var(--pad-r) 0 var(--col-x)}.co-in{container-type:inline-size;display:grid;justify-items:start;gap:clamp(.9rem,2vh,1.4rem);padding:var(--sec-top) 0 var(--sec-end);border-top:var(--hair) solid var(--line)}.co-in>.display{margin-bottom:clamp(.2rem,1vh,.7rem)}.co-in>h2:not(.display--2){font-size:var(--fs-h2)}.co-in>h2.display--2{font-size:calc(var(--fs-h2) * .82)}#own-time>.co-in{padding-bottom:clamp(32px,7vh,72px)}.own-pic+.co-sec>.co-in{border-top-color:transparent}.co-sec:not(.co-col) .co-in>.body{font-size:var(--fs-read);line-height:1.32;letter-spacing:-.006em;color:var(--ink);max-width:30em;text-wrap:balance}.co-mailrow{width:100%;display:grid;justify-items:start;gap:1.3rem;margin-top:clamp(.4rem,1.6vh,1.1rem)}.co-mail{font:300 clamp(1.75rem,12.4vw,3.5rem)/1.02 var(--serif-display);letter-spacing:-.022em;color:var(--ink);overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:var(--line-2);text-decoration-thickness:var(--hair);text-underline-offset:.16em;transition:text-decoration-color .2s var(--ease)}@supports (width: 1cqi){.co-mail{font-size:clamp(1.75rem,14.4cqi,3.5rem)}}@media(min-width:620px){.co-mail{font-size:min(8.4vw,4.05rem)}@supports (width: 1cqi){.co-mail{font-size:min(10cqi,4.05rem)}}}@media(min-width:1024px){.co-mail{font-size:min(8.4vw,6rem)}@supports (width: 1cqi){.co-mail{font-size:min(10cqi,6rem)}}}.co-go{margin-top:clamp(.2rem,1vh,.6rem)}.co-col .co-in{--fs-work: clamp(1.4375rem, 1.14rem + .86vw, 2rem);padding-bottom:clamp(64px,14vh,144px)}.co-credits{width:100%;max-width:68rem;margin-top:clamp(1rem,3.2vh,2rem);border-bottom:var(--hair) solid var(--line-2)}.col-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr);row-gap:.55rem;padding:1.25rem 0 1.05rem;border-top:var(--hair) solid var(--line);scroll-margin-top:clamp(20px,9vh,88px)}.col-entry:first-child{border-top-color:var(--line-2)}.col-entry dt{font:500 var(--fs-small)/1.35 var(--serif);color:var(--ink);text-wrap:balance}.col-entry dd{display:grid;grid-template-columns:minmax(0,1fr);margin:0}.col-ours{display:contents}.col-work{display:block;font:300 var(--fs-work)/1.1 var(--serif-display);letter-spacing:-.014em;color:var(--ink);text-wrap:balance}.col-work cite{font-style:italic;font-weight:300;letter-spacing:-.008em}.col-by{display:block;margin-top:.42em;font:400 var(--fs-body)/1.35 var(--serif);letter-spacing:0;color:var(--ink);text-wrap:pretty}.col-at,.col-asked,.col-status{display:block;font:400 var(--fs-small)/1.5 var(--serif);color:var(--ink-3)}.col-at{margin-top:.85rem;max-width:36em;text-wrap:balance}.col-asked{margin-top:.22rem;max-width:36em;text-wrap:balance}.col-status{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.4em;margin:-.42rem 0 -.62rem}.col-st{display:block;padding-block:calc((44px - 1.5em)/2)}.col-status a{position:relative;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-decoration-thickness:var(--hair);text-underline-offset:.24em;transition:text-decoration-color .2s var(--ease)}.col-st a{padding-block:.85em}.col-status>a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.col-status a:before{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:1.5em;margin-top:-.75em;border-radius:2px;pointer-events:none}.col-status a:focus-visible{outline:none;box-shadow:none}.col-status a:focus-visible:before{outline:2px solid var(--ink);outline-offset:1px}@media(hover:hover)and (pointer:fine){.col-status>a{min-height:24px}.col-st{padding-block:0}.col-status{row-gap:.15rem;margin:.2rem 0 0}}.col-status>a:after{content:"";flex:none;width:.6em;height:.6em;margin-left:.42em;background:currentColor;transform:rotate(-45deg);transition:transform .2s var(--ease);-webkit-mask:var(--arrow) center / contain no-repeat;mask:var(--arrow) center / contain no-repeat}.col-status a:active{text-decoration-color:currentColor}@media(hover:hover){.col-status a:hover{text-decoration-color:currentColor}.col-status>a:hover:after{transform:translate(2px,-2px) rotate(-45deg)}}.col-entry:before{content:"";position:absolute;left:0;right:0;top:calc(var(--hair) * -1);height:2px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}.col-entry:target:before{transform:none}@media(prefers-reduced-motion:no-preference){.col-entry:target:before{animation:col-mark .6s var(--ease-out) backwards}@keyframes col-mark{0%{transform:scaleX(0)}}}@container (max-width: 35.99rem){.col-status:has(>a+a)>.col-st{flex-basis:100%}}@container (min-width: 36rem){.col-entry{grid-template-columns:10.5rem minmax(0,1fr);column-gap:clamp(20px,3.4cqi,40px);align-items:baseline}}@container (min-width: 58rem){.col-entry dd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:clamp(20px,3.4cqi,40px);align-items:baseline}.col-work{grid-column:1;grid-row:1 / span 3}.col-at{grid-column:2;grid-row:1;margin-top:0}.col-asked{grid-column:2;grid-row:2}.col-status{grid-column:2;grid-row:3}.col-status:has(>a+a)>.col-st{flex-basis:100%}}.own-pic{position:relative;z-index:3;aspect-ratio:3 / 2;overflow:hidden;overflow:clip;background:var(--ground)}.own-pic picture{position:absolute;inset:0;display:block}.own-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--fx, 50%) var(--fy, 50%)}@media(min-width:1024px){.own-pic{width:100%;aspect-ratio:5 / 2;max-height:62vh;max-height:62svh}}@media(max-width:1023.98px)and (min-aspect-ratio:1/1){.own-pic{width:100%;max-height:62vh;max-height:62svh}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.own-pic{view-timeline-name:--paint;view-timeline-axis:block}.own-pic img{animation:own-show linear both;animation-timeline:--paint;animation-range:entry 8% entry 92%}.own-pic .credit{animation:own-named linear both;animation-timeline:--paint;animation-range:entry 78% entry 96%}@keyframes own-show{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes own-named{0%{opacity:0}to{opacity:1}}}}@media(min-width:1024px){.co{--col-x: clamp(300px, 24vw, 460px)}.co-title{min-height:clamp(360px,62vh,660px);column-gap:0;padding:clamp(56px,13vh,128px) 0 9vh;grid-template-columns:calc(var(--line-x) + (100% - 2 * var(--line-x)) * 2 / 3) minmax(0,1fr);align-content:end;align-items:end;align-items:last baseline}.co-title>h1{max-width:none;padding-left:var(--words-x)}.co-title>.lead{max-width:calc(20em + var(--gap) + var(--words-x));padding:0 var(--words-x) 0 var(--gap)}.toc{padding-left:var(--col-x)}}@media(min-width:1921px){.co-title{grid-template-columns:min(1180px,calc(var(--line-x) + (100% - 2 * var(--line-x)) * 2 / 3)) minmax(0,1fr)}}@media(min-width:1024px)and (min-height:560px)and (hover:hover){@supports (animation-timeline: view()) and (timeline-scope: --a){.co{--rail-y: calc(var(--head-h) + 7vh);--rail-row: max(28px, 1.75rem);--rail-h: calc(6 * var(--rail-row));--tick: min(17px, var(--gap) - 14px);timeline-scope:--s0,--s1,--s2,--s3,--s4,--s5,--s6,--own,--named,--title,--strip}.co-title{min-height:min(80vh - var(--head-h),90vw);min-height:min(80svh - var(--head-h),90vw)}@media(min-height:720px){.co-title{min-height:min(max(64vh - var(--head-h),16vh + var(--rail-h) + var(--fs-h1) + 40px),90vw);min-height:min(max(64svh - var(--head-h),16svh + var(--rail-h) + var(--fs-h1) + 40px),90vw)}}.own-pic{view-timeline-name:--paint,--strip;view-timeline-axis:block,block;view-timeline-inset:auto,calc(var(--rail-y) - 16px) calc(100vh - var(--rail-y) - var(--rail-h) - 16px)}.co-title,#fun,#social,#human,#own-time,.own-pic>picture,#say-hello,#colophon{view-timeline-axis:block;view-timeline-inset:calc(50% - 8px) calc(50% + 7px)}#fun{view-timeline-name:--s1}#social{view-timeline-name:--s2}#human{view-timeline-name:--s3}#own-time{view-timeline-name:--s4}.own-pic>picture{view-timeline-name:--own}#say-hello{view-timeline-name:--s5}#colophon{view-timeline-name:--s6}.co-title{view-timeline-name:--s0,--title;view-timeline-inset:calc(50% - 8px) calc(50% + 7px),calc(var(--rail-y) - 8px) 0px}.co-title>h1{view-timeline-name:--named;view-timeline-axis:block;view-timeline-inset:calc(var(--rail-y) + var(--rail-h) + 24px) 0px}.toc{position:absolute;z-index:2;left:var(--line-x);top:0;bottom:0;width:0;padding:0}.toc ol{animation:toc-named linear,toc-away linear;animation-timeline:--named,--strip;animation-range:entry 0% exit 0%,cover 0% cover 100%}.toc:has(a:focus-visible) ol{opacity:1!important}.toc:has(a:focus-visible){z-index:4}.toc a:focus-visible{background:linear-gradient(var(--ground) 0 0) 2px 0 / 100% 100% no-repeat}.toc ol{position:sticky;top:var(--rail-y);display:block;max-width:none;margin:calc(7vh - var(--hair)) 0 0;border:0;color:transparent}.toc li{position:relative;display:block;border:0}.toc a{position:relative;display:block;width:48px;height:var(--rail-row);min-height:0;padding:0;border-radius:2px;color:inherit;transition:none}.toc-t{display:none}.toc a:before{content:"";position:absolute;left:0;top:50%;width:11px;height:2px;margin-top:-1px;background:var(--ink);box-shadow:0 0 0 1px var(--ground);opacity:.72;transition:width .2s var(--ease);animation:toc-now linear;animation-range:cover 0% cover 100%}.toc a:after{content:attr(aria-label);position:absolute;left:48px;top:50%;width:auto;height:auto;margin:0;padding:.5em .5em .5em 4px;background:none;-webkit-mask:none;mask:none;transform:translateY(-50%);white-space:nowrap;color:inherit;font:400 var(--fs-small)/1 var(--serif);pointer-events:none;transition:color .2s var(--ease);animation:toc-hit linear;animation-timeline:--named;animation-range:entry 0% exit 0%}.toc a:hover:after,.toc a:active:after,.toc a:focus-visible:after{color:var(--ink);transform:translateY(-50%)}.toc a:focus-visible:after{left:58px;background:var(--ground)}.toc a:focus-visible{z-index:1}.toc a:hover:before,.toc a:focus-visible:before{width:var(--tick);opacity:1}.toc-tag{display:inline-block;position:absolute;left:52px;top:50%;transform:translateY(-50%);width:max-content;visibility:hidden;pointer-events:none;animation:toc-tag linear,toc-off linear;animation-range:cover 0% cover 100%}.toc:has(a:hover,a:focus-visible) .toc-tag{visibility:hidden!important}.toc li:nth-child(1) a:before{animation:toc-now linear,toc-now linear;animation-range:cover 0% cover 100%;animation-timeline:--s1,--s0}.toc li:nth-child(2) a:before{animation-timeline:--s2}.toc li:nth-child(3) a:before{animation-timeline:--s3}.toc li:nth-child(4) a:before{animation:toc-now linear,toc-now linear;animation-range:cover 0% cover 100%;animation-timeline:--s4,--own}.toc li:nth-child(5) a:before{animation-timeline:--s5}.toc li:nth-child(6) a:before{animation-timeline:--s6}.toc li:nth-child(1) .toc-tag{animation-timeline:--s1,--title}.toc li:nth-child(2) .toc-tag{animation-timeline:--s2,--title}.toc li:nth-child(3) .toc-tag{animation-timeline:--s3,--title}.toc li:nth-child(4) .toc-tag{animation:toc-tag linear,toc-tag linear,toc-off linear;animation-range:cover 0% cover 100%;animation-timeline:--s4,--own,--title}.toc li:nth-child(5) .toc-tag{animation-timeline:--s5,--title}.toc li:nth-child(6) .toc-tag{animation-timeline:--s6,--title}@keyframes toc-now{0%,to{width:var(--tick);opacity:1}}@keyframes toc-tag{0%,to{visibility:visible}}@keyframes toc-off{0%,to{visibility:hidden}}@keyframes toc-named{0%,to{color:var(--ink-3)}}@keyframes toc-hit{0%,to{pointer-events:auto}}@keyframes toc-away{0%,to{opacity:0;pointer-events:none}}@media(max-width:73.74em){.toc-tag{display:none}}}}@media(prefers-reduced-motion:reduce){.toc a,.toc a:before,.toc a:after,.co-mail,.col-status a,.col-status>a:after{transition:none}}@media(forced-colors:active){.co{border-top-color:CanvasText}.co-title:before{display:none}.co:after{background:CanvasText;forced-color-adjust:none}.toc a:before{background:CanvasText;box-shadow:none;forced-color-adjust:none}.toc a:after{background:LinkText;forced-color-adjust:none}.col-entry:before{background:CanvasText;forced-color-adjust:none}.col-status>a:after{background:LinkText;forced-color-adjust:none}}@media(forced-colors:active)and (min-width:1024px)and (min-height:560px)and (hover:hover){@supports (animation-timeline: view()) and (timeline-scope: --a){.toc a:after{background:none}}}@media print{.toc{display:none}.co{--col-x: var(--words-x);border-top-color:var(--line)}.co-title{min-height:0}.co-title:before{display:none}.own-pic{aspect-ratio:auto;max-height:none;overflow:visible;break-inside:avoid;background:none}.own-pic picture{position:static}.own-pic img{position:static;height:auto;aspect-ratio:16 / 7;animation:none;clip-path:none}.own-pic .credit{animation:none;padding-left:var(--words-x)}.col-entry{break-inside:avoid}.col-entry:before,.col-status>a:after{display:none}.col-status>a{min-height:0}}
