.areal-page{background:#0b0d0c;color:#e4dcc8}.areal-page main{width:min(1180px,92%);margin:auto}.areal-page .header{border-bottom:1px solid #85d7dc77}.areal-intro{display:grid;grid-template-columns: .9fr 1.1fr;align-items:center;gap:8%;padding:24px 0 35px}.areal-logo{width:100%;max-width:400px;filter:invert(1);mix-blend-mode:screen}.areal-intro h1{font:clamp(22px,2.5vw,34px)/1.35 Georgia,serif;letter-spacing:0;max-width:560px}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.08em;color:var(--cyan)}.video{aspect-ratio:16/9;position:relative;background:#161b19;overflow:hidden;border:1px solid #78786b}.video-cover{display:block;padding:0;border:0;width:100%;height:100%;background:#191c1a;cursor:pointer;position:relative;color:white}.video-cover img{width:100%;height:100%;object-fit:cover;display:block}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;padding-left:4px;border:1px solid #f5edda;background:#0b0d0ce0;border-radius:50%;font-size:27px;color:#ff985f;transition:background .2s,scale .2s}.video-cover:hover .play{background:#0b0d0c;scale:1.07}.video-label{position:absolute;bottom:18px;left:18px;background:#0b0d0ce8;padding:10px 14px;font:12px var(--mono);letter-spacing:.07em;color:#e4dcc8}.video iframe{display:block;width:100%;height:100%;border:0}.fallback{display:block;font:10px/1.5 var(--mono);color:#aaa99c;text-align:right;margin:10px 0 0}.fallback:hover{color:var(--orange)}.music-section,.identity{margin-top:64px}.areal-page h2{font:clamp(36px,4.8vw,64px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:26px 0 30px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.video-grid h3{font:25px var(--display);margin:0 0 12px}.video-grid .play{width:58px;height:58px;font-size:20px}.audio-list{margin-top:30px}.audio-track{padding:18px 0;border-top:1px solid #85d7dc66}.audio-track:last-child{border-bottom:1px solid #85d7dc66}.audio-track>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:20px}.audio-track h3{font:27px Georgia,serif;margin:0}.audio-track button{background:none;border:0;color:var(--paper);cursor:pointer;font:12px var(--mono);padding:10px}.audio-track button span{color:var(--orange);margin-left:18px}.audio-slot iframe{width:100%;height:166px;border:0;margin-top:20px}.documentary-intro{max-width:850px;font:19px/1.7 Georgia,serif;color:#c8c5b8;margin-bottom:36px}.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.identity-grid article+article{border-left:1px solid #85d7dc55;padding-left:28px}.identity-grid h3{margin:0 0 20px;font-size:10px}.identity-grid figure{margin:0}.identity-grid img{display:block;width:100%;height:320px;object-fit:cover}.identity-grid figcaption,.study-link>span,.angle-study a>span{font:10px/1.6 var(--mono);display:block;margin-top:8px;color:#aaa99c}.identity-grid p{font:15px/1.8 Georgia,serif;color:#c8c5b8}.explorations{display:grid;grid-template-columns:1fr 1fr;gap:12px}.explorations .organic{object-position:50% 50%}.study-link{display:grid;grid-template-columns:1fr 1fr;gap:12px}.study-crop{background-image:url('assets/areal/study.webp');background-repeat:no-repeat;background-color:#eee}.eyes{grid-column:1/-1;height:76px;background-size:340%;background-position:98% 33%}.profile{height:132px;background-size:300%;background-position:100% 0}.expressions{height:132px;background-size:240%;background-position:8% 100%}.study-link>span{grid-column:1/-1}.angle-study{display:grid;grid-template-columns: .7fr 1.3fr;gap:45px;align-items:center;border-top:1px solid #85d7dc66;margin-top:45px;padding-top:30px}.angle-study h3{font:30px Georgia,serif}.angle-study p{font:15px/1.8 Georgia,serif;color:#c8c5b8}.angle-study img{width:100%;display:block}.credits{border-top:1px solid #85d7dc66;margin-top:60px;padding:35px 0 60px}.credits h2{font-size:38px;margin:12px 0}.credits p{font-size:14px}.credits .text-link{font-size:15px;margin-top:20px}.areal-viewer{padding:45px 12px 12px;background:#121512;border:1px solid #85d7dc88;max-width:96vw;max-height:95vh}.areal-viewer::backdrop{background:#000d}.areal-viewer img{display:block;max-width:90vw;max-height:82vh;object-fit:contain}.areal-viewer button{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--paper);cursor:pointer}.video-cover:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}.areal-page .section-rule{font-size:10px}.video-cover:disabled{cursor:wait}.video-cover:disabled .video-label{color:var(--orange)}
@media(max-width:760px){.areal-intro{grid-template-columns:1fr;gap:0;padding:10px 0 24px}.areal-logo{max-width:230px}.areal-intro h1{font-size:24px;margin-bottom:0}.areal-intro .eyebrow{margin-top:0}.video-grid{grid-template-columns:1fr;gap:28px}.video-label{font-size:9px;padding:7px;left:8px;bottom:8px}.play{width:54px;height:54px;font-size:21px}.music-section,.identity{margin-top:42px}.identity-grid{grid-template-columns:1fr;gap:28px}.identity-grid article+article{border-left:0;border-top:1px solid #85d7dc55;padding:24px 0 0}.identity-grid img{height:390px}.identity-grid article:last-child img{height:auto;max-height:480px;object-fit:contain;object-position:left}.study-link{max-width:400px}.eyes{height:105px}.profile,.expressions{height:180px}.angle-study{grid-template-columns:1fr;gap:10px}.areal-page .section-rule span:last-child{display:none}.documentary-intro{font-size:18px}.audio-track h3{font-size:23px}.areal-page .header nav{gap:20px;font-size:13px}}
/* Preserve intrinsic proportions and keep the photographic layout quiet. */
.areal-page{background:#0b0d0c}.areal-page::before{display:none}.areal-logo{height:auto;filter:grayscale(1) invert(1);mix-blend-mode:screen}.angle-study img{height:auto}.video-cover[hidden]{display:none}.areal-page .header{width:min(1340px,94%);margin:auto}.areal-page .header nav{font-size:15px;gap:24px}.areal-page .brand span{font-size:25px}.areal-page .motion{position:static;margin-left:0}.areal-page .areal-intro{padding-top:12px}.opening{max-width:100%}
.areal-logo{filter:none;mix-blend-mode:normal;aspect-ratio:3/2;display:block}
@media(max-width:760px){.areal-intro>.areal-logo{justify-self:center;margin-inline:auto}}

/* Shared studio display type, with ink wear confined to large headings. */
.areal-page{background:#0b0d0c}
.areal-intro h1,.areal-page h2,.video-grid h3,.audio-track h3,.angle-study h3{font-family:ArchiveAnton,var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:1.08}
.areal-intro h1{font-size:clamp(29px,3.1vw,43px);max-width:610px}
.areal-page h2{font-size:clamp(40px,5.5vw,72px);filter:url('assets/ink-wear.svg#wear')}
.credits h2{font-size:38px}.angle-study h3{font-size:32px}
.documentary-intro,.identity-grid p,.angle-study p{font-family:'Work Sans',sans-serif}
.music-section,.identity,.credits{position:relative}
.section-rule{border-top:2px solid #85d7dc88;border-image:linear-gradient(90deg,#85d7dc99,#85d7dc22,#85d7dc88) 1}
.locale-switch{display:inline-flex;align-items:center;gap:8px;font:12px var(--mono);white-space:nowrap}
.locale-switch a{padding:5px 2px}.locale-switch a[aria-current]{color:var(--orange);text-decoration:underline;text-underline-offset:5px}
.areal-page .header nav{flex-wrap:wrap;row-gap:12px}
@media(max-width:760px){.areal-intro h1{font-size:30px}.areal-page .header nav{gap:12px;font-size:13px}.areal-page h2{font-size:43px}.credits h2{font-size:34px}.documentary-intro{font-size:17px}.locale-switch{margin-left:auto}}