:root{--paper:#eeede8;--ink:#191919;--rule:#b8b7af;--accent:#b84529}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;left:12px;padding:14px;background:var(--paper);z-index:30}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:32px 3.2%;border-bottom:1px solid var(--rule)}.wordmark{font-weight:900;font-size:25px;letter-spacing:-1.2px}.back-link{font-size:12px}.back-link span{font-size:22px;margin-left:14px}main{padding:0 3.2%}.intro{padding:45px 0 43px}.eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-top:42px}h1{margin:0;font-size:clamp(60px,9.7vw,160px);font-weight:500;letter-spacing:-.07em;line-height:.9}.period{color:var(--accent)}.intro p{margin:0 0 2px;font-size:15px;line-height:1.45;min-width:200px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:25px;row-gap:40px;padding-top:0;padding-bottom:80px}.project-card{min-width:0;border-top:1px solid var(--rule)}.card-button{border:0;padding:0;background:transparent;display:block;text-align:left;width:100%;cursor:pointer}.card-meta{display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-size:9px;letter-spacing:.7px;line-height:1.4}.card-meta>span:last-child{color:#6f6e66;font-size:8px}.art{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#d9d8d1}.art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.art-open{position:absolute;right:15px;bottom:15px;z-index:3;display:grid;place-items:center;width:38px;height:38px;background:var(--paper);border-radius:50%;font-size:25px;transform:translateY(65px);transition:transform .3s ease}.card-button:hover .art-open,.card-button:focus-visible .art-open{transform:translateY(0)}.card-button:hover .art>img{transform:scale(1.035)}.card-caption{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-top:17px}.card-name{display:block;font-size:clamp(21px,2vw,32px);letter-spacing:-1px;line-height:1.06}.card-plus{font-size:28px;font-weight:300;line-height:.85;transition:transform .25s}.card-button:hover .card-plus{transform:rotate(90deg)}.card-description{display:block;font-size:12px;color:#65645d;margin-top:9px;line-height:1.5}.art-arbora{background:#111b17;color:#e0d8b0}.art-arbora canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.arbora-label{position:absolute;top:25px;left:25px;font-size:12px;letter-spacing:5px}.art-note{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:2px}.art-book{display:grid;place-items:center;background:#dbd3bd;perspective:900px}.book-cover{position:relative;width:69%;height:85%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0e7d1;color:#463b28;text-align:center;box-shadow:-6px 4px 0 #c4b8a0,12px 17px 23px #746b4f38,inset 7px 0 7px #8d785624;transform:rotate(-5deg);transition:transform .5s}.card-button:hover .book-cover{transform:rotate(-2deg) translateY(-4px)}.book-cover:after{content:"";position:absolute;inset:12px;border:1px solid #a39471;pointer-events:none}.book-byline{position:absolute;left:20px;right:20px;top:23px;font-size:6px;letter-spacing:1.2px;line-height:1.6}.book-title{font-family:Georgia,serif;font-size:clamp(34px,4.1vw,66px);letter-spacing:-2px;line-height:.86}.book-title em{font-size:.5em;font-weight:400;line-height:1.4;letter-spacing:-1px}.book-road{font-family:Georgia,serif;font-size:48px;line-height:.7;margin-top:15px;transform:rotate(-20deg);color:#a17b40}.book-footnote{position:absolute;bottom:21px;left:24px;right:24px;font-size:5px;letter-spacing:1px}.art-them>img{object-position:60% 50%;filter:brightness(.85)}.them-label{position:absolute;left:23px;top:21px;color:#f8f1dc;font-size:clamp(40px,5vw,80px);font-weight:900;letter-spacing:-.075em;line-height:.8}.them-label>span{display:block;font-size:.36em;letter-spacing:.06em;margin-top:9px}.art-galleries{background:#c34226;color:#f8f0d9}.galleries-label{position:absolute;left:25px;top:27px;font-size:clamp(35px,4.6vw,73px);letter-spacing:-.07em;z-index:2}.galleries-label>span{color:#eab65e}.gallery-frames{position:absolute;inset:32% 0 17%}.gallery-frames>img{position:absolute;object-fit:cover;border:6px solid #f5f0df;box-shadow:3px 8px 15px #331d1938}.gallery-frame-one{width:52%;height:80%;left:5%;top:1%;transform:rotate(-8deg)}.gallery-frame-two{width:44%;height:100%;left:32%;top:9%;transform:rotate(7deg)}.gallery-frame-three{width:42%;height:76%;left:60%;top:6%;transform:rotate(-5deg)}.galleries-note{position:absolute;left:25px;bottom:25px;font-size:8px;letter-spacing:1.3px}footer{border-top:1px solid var(--rule);margin:0 3.2%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 0 35px;font-size:10px;letter-spacing:.5px}footer a{font-size:12px;letter-spacing:0}footer a span{margin-left:12px;font-size:19px}dialog{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:min(740px,90vw);height:100dvh;max-height:100dvh;max-width:none;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}dialog[open]{animation:slide-in .42s cubic-bezier(.2,.7,.2,1)}dialog.closing{animation:slide-out .24s ease-in forwards}dialog::backdrop{background:#15161280;backdrop-filter:blur(4px)}@keyframes slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out{to{transform:translateX(100%)}}.drawer-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:75px;padding:0 6%;border-bottom:1px solid var(--rule);background:#eeede8f5;backdrop-filter:blur(12px);font-size:10px;letter-spacing:1px}.drawer-close{border:0;background:none;display:flex;align-items:center;gap:24px;padding:12px 0;cursor:pointer;font-size:10px;letter-spacing:1px}.drawer-close span{font-size:35px;line-height:1;font-weight:300}.drawer-copy{padding:43px 7% 38px}.drawer-eyebrow{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:1.1px}.drawer-status{display:flex;align-items:center;gap:6px;color:#68675f}.drawer-status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}.drawer-copy h2{margin:24px 0 20px;font-size:clamp(44px,5.6vw,79px);font-weight:500;letter-spacing:-.065em;line-height:.95}.drawer-copy p{font-size:17px;line-height:1.55;max-width:570px;margin:0 0 18px}.drawer-copy .drawer-secondary{font-size:14px;color:#64635d}.drawer-art{margin:0 7%;aspect-ratio:1.22;overflow:hidden;position:relative;background:#dbd3bd}.drawer-art>img{width:100%;height:100%;display:block;object-fit:cover}.drawer-art.song{aspect-ratio:1;max-height:none}.drawer-art.them{aspect-ratio:1.35}.drawer-art.arbora{background:#111b17;aspect-ratio:1.2}.drawer-art.arbora>canvas{display:block;width:100%;height:100%}.drawer-art.book{aspect-ratio:1.1;display:grid;place-items:center}.drawer-art.book .book-cover{height:87%;width:58%}.drawer-art.book .book-title{font-size:clamp(42px,5.4vw,70px)}.drawer-art.galleries{aspect-ratio:1.9}.drawer-art.galleries>img{object-fit:contain}.drawer-links{padding:32px 7% 45px}.project-link{display:flex;justify-content:space-between;align-items:center;padding:21px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:18px;letter-spacing:-.4px;gap:15px}.project-link:hover{color:var(--accent)}.project-link span{font-size:28px}.link-note{font-size:11px;color:#696860;margin:12px 0 0}.drawer-nav{display:flex;align-items:center;justify-content:space-between;padding:25px 7%;border-top:1px solid var(--rule);font-size:11px}.drawer-nav button{border:0;background:none;padding:8px 0;cursor:pointer;font-size:11px}.drawer-nav button:hover{color:var(--accent)}.drawer-nav span{color:#696860;font-size:10px}body.drawer-open{overflow:hidden}
@media(min-width:1700px){main,footer{max-width:1700px;margin-left:auto;margin-right:auto}.project-grid{column-gap:35px}.intro{padding-top:55px;padding-bottom:55px}.book-title{font-size:70px}}
@media(max-width:1000px){.intro-row{display:block;margin-top:34px}.intro p{font-size:14px;margin-top:25px}.intro p br{display:none}.intro p{max-width:360px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.book-title{font-size:clamp(40px,6.5vw,65px)}.galleries-label{font-size:7vw}.them-label{font-size:8vw}.card-name{font-size:26px}h1{font-size:12.5vw}}
@media(max-width:600px){.site-header{padding:25px 5%}.wordmark{font-size:21px}.back-link{font-size:11px}.back-link span{margin-left:8px}main{padding:0 5%}.intro{padding:28px 0 32px}.eyebrow{font-size:8px;letter-spacing:.7px}.eyebrow>span:last-child{display:none}.intro-row{margin-top:30px}h1{font-size:13vw}.intro p{font-size:13px;line-height:1.45;margin-top:22px;max-width:270px}.project-grid{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.card-meta{font-size:9px;padding:12px 0}.card-name{font-size:29px}.card-description{font-size:13px}.book-title{font-size:clamp(45px,12vw,75px)}.book-byline{font-size:7px}.book-footnote{font-size:6px}.galleries-label{font-size:12vw}.them-label{font-size:16vw}.art-open{transform:translateY(0);width:33px;height:33px;font-size:22px}.arbora-label{font-size:13px}footer{margin:0 5%;align-items:flex-start;padding-top:24px;flex-direction:column;gap:16px}dialog{width:100vw}.drawer-bar{min-height:64px}.drawer-copy{padding-top:34px}.drawer-copy h2{font-size:54px}.drawer-copy p{font-size:16px}.drawer-art.book{aspect-ratio:1}.drawer-art.book .book-title{font-size:11vw}.drawer-art.book .book-byline{font-size:5px}.drawer-art.book .book-footnote{font-size:4px}.drawer-art.book .book-road{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.art-open{transform:none}}

/* Supplied project artwork: preserve each complete square composition. */
.art>img{object-fit:contain}.art-them>img{filter:none;object-position:center}.drawer-art,.drawer-art.song,.drawer-art.them,.drawer-art.arbora,.drawer-art.book,.drawer-art.galleries{aspect-ratio:1}.drawer-art>img{object-fit:contain}.drawer-copy .drawer-secondary{font-size:17px;color:var(--ink)}
@media(max-width:600px){.drawer-copy .drawer-secondary{font-size:16px}}

/* Equal-width frames for every project, in the grid and detail panels. */
:root{--art-border-width:18px}
.art,.drawer-art{border:var(--art-border-width) solid var(--art-frame)}
.art-arbora,.drawer-art.arbora{--art-frame:#bac0b0}
.art-book,.drawer-art.book{--art-frame:#d6bb80}
.art-song,.drawer-art.song{--art-frame:#a66b50}
.art-them,.drawer-art.them{--art-frame:#d4ae62}
.art-galleries,.drawer-art.galleries{--art-frame:#bec99e}
.card-button:hover .art>img{transform:none}

.art-workspace,.art-workspace.share-hero,.drawer-art.workspace{--art-frame:#dfcda9}

/* Phone: scan the collection quickly and put handoff actions first. */
@media(max-width:700px){
 .site-header{position:sticky;top:0;z-index:20;padding:20px 5%;background:#eeede8f5;backdrop-filter:blur(12px)}
 .intro{padding:25px 0 27px}.intro-row{margin-top:24px}.intro p{margin-top:18px;font-size:12px;max-width:300px}
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px;padding-bottom:45px}
 .card-meta{font-size:8px;letter-spacing:.2px;gap:6px;padding:11px 0}.card-meta>span:last-child{font-size:7px;max-width:45%;text-align:right}
 .card-name{font-size:18px;letter-spacing:-.55px;line-height:1.12;flex:1}.card-caption{gap:9px;padding-top:13px}.card-plus{font-size:23px;flex:none}
 .card-description{font-size:11px;line-height:1.4;margin-top:7px}.art-open{display:none}
 #drawer-content{display:flex;flex-direction:column;padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .drawer-copy{display:contents}.drawer-head{order:0;padding:27px 5% 22px}.drawer-head h2{font-size:42px;line-height:.98;margin:18px 0 0;letter-spacing:-.06em}
 .drawer-eyebrow{font-size:9px;gap:14px;flex-wrap:wrap}.drawer-status{font-size:9px}
 .drawer-links{order:1;padding:0 5% 26px}.drawer-art{order:2;margin:0 5%;width:90%}
 .drawer-overview{order:3;padding:28px 5% 16px}.drawer-overview p{font-size:16px;line-height:1.6}
 .drawer-nav{padding:12px 5% max(16px,env(safe-area-inset-bottom));gap:15px}.drawer-nav button{min-height:44px;font-size:13px;padding:12px 0}
 .drawer-bar{min-height:64px;padding:0 5%}.drawer-close{min-width:76px;min-height:52px;justify-content:flex-end}
 footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}
}
@media(max-width:360px){.project-grid{grid-template-columns:1fr}.card-name{font-size:27px}.card-description{font-size:12px}.drawer-head h2{font-size:38px}}

.card-direct-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:6px}.card-direct-link:hover{color:var(--accent)}

/* Vector arrows keep the same appearance on mobile and desktop. */
.ui-arrow{display:inline-block;width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em}
.drawer-nav button{display:inline-flex;align-items:center;gap:8px}

/* Crop the album cover to its photograph, inside the shared frame width. */
.art-song,.drawer-art.song{--art-frame:#000}
.art-song>img,.card-button:hover .art-song>img,.drawer-art.song>img{transform:scale(1.36) translateY(2.5%)}

/* Pin artwork to the frame so Safari lazy-image layout cannot offset it. */
.art>img,.drawer-art>img{position:absolute;inset:0;width:100%;height:100%;margin:0}

/* Arbora: soundtrack and installation concepts. */
.arbora-expanded{padding:12px 7% 46px;order:4}
.arbora-expanded section{border-top:1px solid var(--rule);padding-top:28px;margin-top:28px}
.arbora-section-kicker{font-size:9px;letter-spacing:1.3px;color:#696860;margin-bottom:13px}
.arbora-expanded h3{font-size:30px;line-height:1.05;font-weight:500;letter-spacing:-1px;margin:0 0 17px}
.arbora-intro{font-size:15px;line-height:1.6;margin:0 0 24px;max-width:48ch}
.arbora-tracks{list-style:none;margin:0;padding:0}
.arbora-track{border-top:1px solid #d2d0c7;padding:17px 0}
.arbora-track-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:11px}
.arbora-track-number,.arbora-track-duration{font-size:11px;color:#696860;font-variant-numeric:tabular-nums}
.arbora-track h4{font-size:16px;line-height:1.25;font-weight:500;margin:0;flex:1}
.arbora-track audio{display:block;width:100%;max-width:100%;height:46px}
.arbora-audio-status{min-height:18px;font-size:12px;color:#696860;margin:5px 0 0}
.arbora-scene-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.arbora-scene-tabs button{background:transparent;border:1px solid var(--rule);padding:10px 12px;min-height:44px;font-size:11px;cursor:pointer}
.arbora-scene-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.arbora-scenes-track{position:relative;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a4a196 transparent;scroll-padding:0;padding-bottom:14px;-webkit-overflow-scrolling:touch}
.arbora-scene{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}
.arbora-scene>a{display:block;position:relative;background:#171717}
.arbora-scene img{display:block;width:100%;height:auto;aspect-ratio:1600 / 1066;object-fit:contain;margin:0}
.arbora-enlarge{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:36px;height:36px;background:#eeede8e8;color:#191919;font-size:22px}
.arbora-scene figcaption{padding:19px 0 8px}
.arbora-scene-number{font-size:10px;letter-spacing:.5px;color:#696860}
.arbora-scene h4{font-size:23px;letter-spacing:-.5px;font-weight:500;line-height:1.15;margin:10px 0}
.arbora-scene p{font-size:14px;line-height:1.6;margin:0}
.arbora-concept-note{font-size:11px;color:#696860;line-height:1.5;margin:10px 0 0}
@media(max-width:700px){.arbora-expanded{padding:0 5% 25px}.arbora-expanded h3{font-size:28px}.arbora-intro{font-size:14px}.arbora-scene-tabs{gap:6px}.arbora-scene-tabs button{font-size:11px;padding:10px}.arbora-scene h4{font-size:22px}.arbora-enlarge{width:44px;height:44px;right:8px;bottom:8px}}

.arbora-jump-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.arbora-jump-links button{min-height:44px;font-size:12px;padding:10px 13px;background:transparent;border:1px solid var(--rule);cursor:pointer}.arbora-jump-links button:hover{border-color:var(--ink)}.arbora-expanded section{scroll-margin-top:86px}

.art-poetry,.drawer-art.poetry{--art-frame:#b9b4a6}
.drawer-art.poetry{aspect-ratio:1}

.art-scratch,.drawer-art.scratch{--art-frame:#a4b1b5}
.drawer-art.scratch{aspect-ratio:1}