.direction-index{--paper:#f1f1e9;--ink:#20211f}.direction-index .site-header{border-right:1px solid #333;flex-direction:column;width:94px;height:100svh;padding:30px 0;display:flex;position:fixed;top:0;left:0}.direction-index .brand{flex-direction:column;gap:25px}.direction-index .brand-mark{font-size:45px}.direction-index #headerName{writing-mode:vertical-rl;letter-spacing:.16em;font-size:9px}.direction-index .desktop-nav{writing-mode:vertical-rl;gap:30px;padding-top:40px}.direction-index main{background:var(--paper);color:var(--ink);margin-left:94px}.direction-index #home{min-height:100svh;padding:28px 4% 40px}.book-top{border-bottom:1px solid #2224;justify-content:space-between;padding-bottom:15px;font-size:8px;display:flex}.book-heading{justify-content:space-between;align-items:center;gap:35px;padding:35px 0 25px;display:flex}.book-heading h1{letter-spacing:-.045em;font:400 clamp(36px,4.1vw,70px)/1.08 Georgia,serif}.book-heading h1 i{color:#205aff}.book-heading p{white-space:pre-line;margin-top:20px;font-size:11px;line-height:1.8}.book-person{gap:20px;max-width:290px}.book-person img{background:#e1e1d8;width:88px;height:115px}.book-person .person-name{font-size:13px}.book-person .mono{max-width:160px;font-size:8px;line-height:1.8}.contact-sheet{grid-template-columns:1.5fr 1fr .9fr;align-items:start;gap:17px;display:grid;position:relative}.sheet-caption{grid-column:1/-1;align-items:center;gap:20px;margin:10px 0;display:flex}.sheet-caption-line{background:#2226;flex:1;height:1px}.sheet-caption .mono{font-size:8px}.sheet-main{grid-area:2/1/4/3;min-width:0;padding:0;display:block}.sheet-main .spotlight-image{height:380px}.sheet-main .spotlight-image img{object-fit:contain;background:#181919}.sheet-main .picture-caption{border-bottom:1px solid #2225;padding:14px 0}.sheet-small{min-width:0;padding:0}.sheet-small .mini-poster,.sheet-small .project-image-stage{height:150px}.sheet-small .picture-caption{gap:10px;padding:8px 0}.sheet-small .picture-caption .mono{display:none}.sheet-note{grid-column:1/3;justify-content:space-between;align-items:center;gap:30px;padding-top:5px;display:flex}.sheet-note p{font-size:11px;line-height:1.8}.sheet-note .mono{font-size:8px}.direction-index .work-section{background:var(--paper);border-top:1px solid #2224;padding:60px 4% 70px}.book-work-heading{grid-template-columns:1fr 2fr;align-items:start;gap:18px;margin-bottom:30px;display:grid}.book-work-heading h2{font:400 clamp(27px,3vw,45px)/1.2 Georgia,serif}.book-work-heading>span:last-child{color:#686861;grid-column:2;font-size:8px}.direction-index .category-grid{gap:30px}.direction-index .category-card{border-top:1px solid #222;flex-direction:column-reverse;flex:0 0 30.5%;gap:20px;padding-top:15px;display:flex}.direction-index .category-cover{background:0 0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:7px;height:360px;display:grid}.direction-index .category-cover img:first-of-type{grid-column:1/-1}.direction-index .category-cover img{object-fit:cover;height:100%;min-height:0}.direction-index .category-cover img:only-of-type{grid-row:1/-1}.direction-index .cover-index{display:none}.direction-index .category-line{align-items:center;gap:17px;display:flex}.direction-index .category-line h3{text-transform:capitalize;font:400 24px Georgia,serif}.direction-index .category-total{color:#74746b;padding-top:7px}.direction-index .category-arrow{color:#205aff}.direction-index .category-cover .abstract-cover{background:#205aff;grid-area:1/1/-1/-1}.direction-index .about-section{--line:#cacbc2;--muted:#71736c;padding:60px 4% 35px}.book-about-heading{border-top:1px solid #2224;justify-content:space-between;gap:30px;padding-top:17px;display:flex}.book-about-heading h2{font:400 clamp(28px,3.3vw,55px) Georgia,serif}.book-about-grid{grid-template-columns:1fr 1.3fr;gap:14%;padding-top:45px;display:grid}.book-colophon{flex-direction:column;align-items:start;gap:15px;display:flex}.book-colophon strong{font-size:13px;font-weight:400}.colophon-monogram{color:#205aff;margin:25px 0;font:italic 175px/.9 Georgia,serif}.direction-index .contact-kicker{display:none}.direction-index .about-contact h3{margin-top:0}.direction-index footer{--muted:#71736c}.direction-index .spotlight-play{color:#fff}@media (width>=1700px){.sheet-main .spotlight-image{height:500px}.sheet-small .mini-poster,.sheet-small .project-image-stage{height:210px}}@media (width<=760px){.direction-index .site-header{border:0;flex-direction:row;width:100%;height:64px;padding:0 6%;position:relative}.direction-index .brand{flex-direction:row;gap:12px}.direction-index .brand-mark{font-size:33px}.direction-index #headerName{writing-mode:initial;font-size:10px}.direction-index main{margin-left:0}.direction-index #home{min-height:0;padding:20px 6% 35px}.book-top>span:last-child{display:none}.book-heading{padding:25px 0;display:block}.book-heading h1{font-size:39px}.book-heading p{margin-top:15px;font-size:10px}.book-person{gap:15px;margin-top:22px}.book-person img{width:55px;height:70px}.book-person .person-name{font-size:11px}.book-person .mono{max-width:210px;font-size:7px}.contact-sheet{grid-template-columns:1fr 1fr;gap:14px}.sheet-main{grid-area:auto/1/auto/-1}.sheet-main .spotlight-image{height:200px}.sheet-small .mini-poster,.sheet-small .project-image-stage{height:105px}.sheet-note{grid-column:1/-1;gap:10px}.sheet-note p{font-size:9px}.sheet-note #profileLocation{display:none}.direction-index .work-section{padding:45px 6%}.book-work-heading{margin-bottom:20px;display:block}.book-work-heading h2{margin-top:16px;font-size:29px}.book-work-heading>span:last-child{margin-top:15px;font-size:7px;display:block}.direction-index .category-card{flex-basis:83%}.direction-index .category-cover{height:300px}.direction-index .category-line h3{font-size:25px}.direction-index .about-section{padding:40px 6% 30px}.book-about-heading{display:block}.book-about-heading h2{margin-top:15px;font-size:31px}.book-about-grid{grid-template-columns:1fr;gap:30px;padding-top:30px}.book-colophon{display:none}}.direction-index .sheet-small:hover img{filter:saturate(1.2);transition:filter .4s}.direction-index .category-card:hover .category-line h3{color:#205aff}.direction-index .category-cover img:only-of-type{grid-area:1/1/-1/-1}