/* A single identity stage. Collections open into the photographic collage. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: portal-out .22s ease both; }
::view-transition-new(root) { animation: portal-in .45s ease both; }
@keyframes portal-out { to { opacity:0; } }
@keyframes portal-in { from { opacity:0; } }
body { --art-serif: 'Bodoni 72', Didot, 'Times New Roman', serif; }
.art-index > header,.info-page > header { position:absolute; inset:0 0 auto; z-index:30; background:transparent; min-height:92px; }
.art-index main,.info-page main { position:relative; }
.art-index > footer { margin-top:0; }
.art-portal { min-height:100svh; position:relative; isolation:isolate; padding:114px 36px 80px; display:flex; flex-direction:column; justify-content:center; }
.portal-ambient { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:-1; mask-image:radial-gradient(ellipse at 50% 48%,#000 10%,transparent 73%); -webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 10%,transparent 73%); }
.portal-ambient img { position:absolute; width:88%; height:100%; left:-17%; top:0; object-fit:cover; opacity:.13; filter:saturate(.65); mask-image:radial-gradient(ellipse,#000 12%,transparent 68%); -webkit-mask-image:radial-gradient(ellipse,#000 12%,transparent 68%); transition:opacity .7s ease; }
.portal-ambient img:last-child { left:38%; top:9%; width:70%; opacity:.08; }
.portal-meta { position:absolute; top:118px; left:36px; right:36px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:11px; }
.portal-meta h1 { font:inherit; }
.portal-meta > div { display:flex; gap:26px; color:#666; }
.portal-words { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:46px 0 30px; width:100%; }
.portal-choice { position:relative; display:block; width:fit-content; max-width:100%; padding:2px 32px; }
.portal-word { display:block; font:700 clamp(46px,min(9.2vw,12svh),126px)/.94 var(--art-serif); text-transform:uppercase; letter-spacing:-.065em; white-space:nowrap; color:#242322; background-image:linear-gradient(#15151530,#15151530),var(--word-image); background-size:cover; background-position:50% 50%; -webkit-background-clip:text; background-clip:text; transition:color .55s ease,background-position 2s ease; }
@supports (background-clip:text) or (-webkit-background-clip:text) { .portal-choice.is-active .portal-word,.portal-choice:hover .portal-word,.portal-choice:focus-visible .portal-word { color:transparent; } }
.portal-number,.portal-arrow { position:absolute; top:50%; color:#656565; font:10px/1 Arial,sans-serif; transform:translateY(-50%); opacity:0; transition:opacity .25s; }
.portal-number { left:0; }.portal-arrow { right:0; font-size:16px; }
.portal-choice.is-active .portal-number,.portal-choice.is-active .portal-arrow,.portal-choice:focus-visible .portal-number,.portal-choice:focus-visible .portal-arrow { opacity:1; }
.portal-choice:hover .portal-word { background-position:50% 58%; }
.portal-bottom { position:absolute; left:36px; right:36px; bottom:27px; display:flex; justify-content:space-between; align-items:center; font-size:10px; color:#686868; }
.portal-bottom button { padding:12px 0 12px 20px; border:0; background:none; font:inherit; }
.art-portal-film .portal-word { font-size:clamp(46px,min(12.5vw,22svh),190px); }
.art-portal-film .portal-choice { padding-top:8px; padding-bottom:8px; }
.art-index .portfolio-services { border:0; padding-top:30px; padding-bottom:40px; }
.about-stage { position:relative; isolation:isolate; padding:130px 36px 72px; min-height:100svh; display:flex; flex-direction:column; justify-content:center; }
.about-composition { position:relative; width:min(86vw,1120px); height:min(55svh,500px); min-height:280px; margin:0 auto; display:flex; align-items:center; }
.about-image { position:absolute; height:100%; width:auto; aspect-ratio:1360/2048; left:15%; top:0; }
.about-image img { width:100%; height:100%; object-fit:contain; }
.about-identity { position:relative; width:74%; margin-left:auto; padding-top:3%; }
.about-identity > img { width:100%; height:auto; filter:drop-shadow(0 0 0 transparent); }
.about-identity p { font:11px/1.6 Arial,sans-serif; text-align:right; margin:20px 0 0; }
.about-opening-copy { width:min(86vw,1120px); margin:38px auto 0; display:flex; align-items:flex-end; justify-content:space-between; gap:36px; }
.about-opening-copy > p { max-width:510px; font-size:13px; line-height:1.8; color:#4c4c4c; }
.about-opening-copy > a { font-size:11px; white-space:nowrap; }
.about-biography { display:grid; grid-template-columns:1fr 2fr; gap:60px; padding:80px max(36px,calc((100vw - 1120px)/2)) 110px; }
.biography-label { font-size:11px; }
.biography-body { max-width:680px; }
.biography-body article { margin:0 0 38px; }
.biography-body article h2 { font:400 clamp(28px,3vw,42px)/1.1 var(--art-serif); letter-spacing:-.035em; margin-bottom:15px; }
.biography-body p { font:13px/1.9 Arial,sans-serif; color:#565656; }
.biography-body details { border-bottom:1px solid #e6e6e6; }
.biography-body details summary { list-style:none; display:flex; justify-content:space-between; align-items:center; padding:20px 0; font-size:12px; cursor:pointer; }
.biography-body details summary::-webkit-details-marker { display:none; }
.biography-body details[open] summary span { transform:rotate(45deg); }
.biography-body details p { padding:0 0 24px; }
.biography-contact { display:inline-block; font-size:12px; margin-top:38px; }
@media(min-width:1500px) { .portal-words { padding-top:60px; } }
@media(max-width:760px) {
 .art-portal { padding:140px 12px 100px; }
 .portal-meta { top:124px; left:22px; right:22px; font-size:10px; }
 .portal-meta > div { gap:18px; }
 .portal-words { padding:36px 0; }
 .portal-word { font-size:clamp(27px,11.6vw,82px); line-height:1.08; letter-spacing:-.06em; }
 .portal-choice { padding:2px 17px; }
 .portal-number { font-size:8px; }.portal-arrow { font-size:12px; }
 .portal-bottom { left:22px; right:22px; bottom:28px; }
 .art-portal-film .portal-word { font-size:clamp(27px,11.7vw,80px); }
 .portal-ambient img { width:120%; left:-40%; }.portal-ambient img:last-child { width:110%; left:36%; }
 .about-stage { padding:140px 22px 55px; }
 .about-composition { width:100%; height:42svh; min-height:290px; }
 .about-image { left:6%; height:90%; }
 .about-identity { width:92%; margin-top:145px; }
 .about-identity p { margin-top:16px; font-size:10px; }
 .about-opening-copy { width:100%; margin:32px auto 0; display:block; }
 .about-opening-copy p { font-size:12px; }
 .about-opening-copy > a { display:block; margin-top:24px; }
 .about-biography { grid-template-columns:1fr; gap:30px; padding:45px 24px 70px; }
}
@media(max-height:600px) and (min-width:761px) { .art-portal { min-height:600px; }.portal-word{font-size:66px}.about-stage{min-height:650px} }
@media(prefers-reduced-motion:reduce) { ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.portal-ambient img,.portal-word,.portal-number,.portal-arrow{transition:none!important}.portal-choice:hover .portal-word{background-position:50% 50%} }

.page-hero h1,.project-hero h1 { font-family:var(--art-serif); font-weight:400; letter-spacing:-.055em; }