/* BYVICE — shared editorial typography and spacing, Sprint 02. */
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/ibm-plex-mono-regular.ttf") format("truetype")}
:root{
 --font-sans:"Helvetica Neue",Arial,sans-serif;
 --font-display:var(--font-sans);
 --font-mono:"IBM Plex Mono",monospace;
 --color-paper:#f5f3ed;--color-text:#252525;--color-secondary:#696763;--color-rule:#dcd9d1;
 --page-margin:6vw;--sidebar-width:245px;
 --space-1:8px;--space-2:12px;--space-3:20px;--space-4:32px;--space-5:48px;--space-6:72px;
 --body-size:18px;--title-size:clamp(48px,4.2vw,64px);--statement-size:clamp(28px,2.5vw,36px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-paper)}
body{margin:0;color:var(--color-text);background:var(--color-paper);font-family:var(--font-sans);font-size:var(--body-size);line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
[hidden]{display:none!important}
aside{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:var(--space-4) 24px var(--space-4) var(--page-margin);display:flex;flex-direction:column;background:var(--color-paper);overflow-y:auto}
.wordmark{display:block;width:100%;max-width:150px;margin-bottom:var(--space-5)}.wordmark img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
nav{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}nav a{padding:2px 0;font-family:var(--font-sans);font-size:17px;line-height:1.3;letter-spacing:-.015em}nav a[aria-current=page]{font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.secondary{margin-top:var(--space-4);gap:var(--space-2)}.secondary a{font-size:16px}aside #site-navigation{flex:1}
.aside-foot{margin-top:auto;font-family:var(--font-mono);font-size:12px;color:var(--color-secondary)}
main{margin-left:var(--sidebar-width);padding:var(--space-4) var(--page-margin) var(--space-4) var(--space-4);max-width:1800px;min-width:0}
header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5)}
h1,h2,h3,.intro,.editorial-statement{font-family:var(--font-sans);font-weight:400;overflow-wrap:break-word}
h1,.project-title{font-size:var(--title-size);line-height:1.08;letter-spacing:-.035em;margin:0 0 var(--space-3);text-wrap:balance}header h1{margin:0}
h2,.bio h2{font-size:var(--statement-size);line-height:1.2;letter-spacing:-.025em;margin:0 0 var(--space-3)}
h3{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:0 0 var(--space-3)}
p{margin:0 0 var(--space-3)}
.intro,.editorial-statement{font-size:var(--statement-size);line-height:1.3;letter-spacing:-.02em;margin:0 0 var(--space-3)}
header span,.meta,.metadata,.caption,.project-number,[data-project-number],.project-credits,.note,.aside-foot,footer,figcaption span,.project-gallery figcaption{font-family:var(--font-mono);font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;color:var(--color-secondary)}
header span{max-width:180px}.meta,.project-copy .meta{margin:0 0 var(--space-2)}
.prose{max-width:720px;padding-bottom:0}.prose p,.project-copy p{max-width:680px}.prose article{padding:var(--space-5) 0;border-top:1px solid var(--color-rule)}.prose article:last-of-type{padding-bottom:0}
.prose a,.project-copy a{text-decoration:underline;text-underline-offset:4px}
.project-copy,.casa .project-copy{max-width:680px;margin:0 0 var(--space-5)}.project-copy p:last-child{margin-bottom:0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-4);align-items:start}.grid>*{min-width:0}figure{margin:0;min-width:0}
.image-link{display:block;overflow:hidden;background:var(--color-paper)}.image-link img{display:block;width:100%;height:auto;aspect-ratio:1.503;object-fit:cover;filter:grayscale(1);transition:opacity .18s}.image-link:hover img{opacity:.86}
figcaption{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);font-family:var(--font-sans);font-size:18px;line-height:1.3;letter-spacing:-.015em;overflow-wrap:break-word}figcaption span{text-align:right;flex-shrink:1}
#work .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}#work figcaption{display:block}#work figcaption span{display:block;text-align:left;margin-top:var(--space-1)}
.project-img,.casa-photo,.project-gallery img{display:block;width:100%;height:auto;background:var(--color-paper)}
.project-gallery,.casa .project-gallery{display:grid;gap:var(--space-5);margin-top:var(--space-5)}.project-gallery figcaption{margin-top:var(--space-2)}.project-gallery figcaption:empty{display:none}
.project-credits{margin:var(--space-5) 0 0}.panel>.back{display:block;width:fit-content;margin:var(--space-4) 0 0}.back,.text-link{font-family:var(--font-sans);font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.note{margin-top:var(--space-4)}
.bio{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.bio img{width:125px;height:150px;object-fit:cover;flex-shrink:0}.bio>div{min-width:0}.bio p:last-child{margin-bottom:0}
.player{aspect-ratio:16/9;background:var(--color-paper);margin:var(--space-4) 0 var(--space-2)}.player iframe{border:0;width:100%;height:100%}
footer{display:flex;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-rule);margin-top:var(--space-6);padding-top:var(--space-3)}
.skip{position:absolute;left:var(--page-margin);top:-100px;background:var(--color-paper);padding:10px;z-index:5}.skip:focus{top:0}
.menu-toggle{display:none}.music-links{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-rule);gap:var(--space-3)}.music-links a{font-size:18px}
.enquire{display:inline-block;margin-top:var(--space-4);padding:10px 20px;border:1px solid var(--color-text);font-family:var(--font-sans);font-size:16px;text-decoration:none!important}.enquire:hover{background:var(--color-text);color:var(--color-paper)}#music .enquire{margin-top:var(--space-3)}
.image-link img[src$="kvist.webp"]{object-fit:contain}
@media(min-width:1600px){:root{--sidebar-width:280px}}
@media(min-width:651px) and (max-width:1000px){
 :root{--sidebar-width:205px;--space-5:40px;--space-6:56px}
 aside{padding-right:20px}main{padding-left:var(--space-3)}nav a{font-size:16px}.secondary a{font-size:15px}header{display:block}header span{display:block;max-width:none;margin-top:var(--space-2)}
 #work .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#work .image-link{width:50%}.grid{gap:var(--space-4) var(--space-3)}figcaption{display:block}figcaption span{display:block;text-align:left;margin-top:var(--space-1)}
 .bio{flex-direction:column}
}
@media(max-width:650px){
 :root{--page-margin:20px;--space-4:28px;--space-5:36px;--space-6:48px;--body-size:17px;--title-size:clamp(34px,9.5vw,40px);--statement-size:clamp(24px,6.8vw,30px)}
 aside{position:relative;width:auto;overflow:visible;padding:12px var(--page-margin) 8px;min-height:90px}.wordmark{max-width:130px;margin:0}.menu-toggle{display:flex;position:absolute;right:var(--page-margin);top:24px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--color-text);cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
 #site-navigation{display:none;margin-top:var(--space-3)}aside.menu-open #site-navigation{display:block}#site-navigation nav{gap:var(--space-2)}#site-navigation .secondary{margin-top:var(--space-3)}nav a,.secondary a{font-size:17px}
 .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 main{margin:0;padding:var(--space-3) var(--page-margin) var(--space-4);max-width:none}header{border-top:1px solid var(--color-rule);padding-top:var(--space-3);margin-bottom:var(--space-4)}header span{display:none}
 h3{font-size:22px}.project-title{margin-bottom:var(--space-3)}.project-copy,.casa .project-copy{margin-bottom:var(--space-4)}
 .grid{grid-template-columns:1fr;gap:var(--space-4)}#work .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) 16px}
 figcaption{font-size:17px}figcaption span,.meta,.metadata,.caption,.project-number,[data-project-number],.project-credits,footer{font-size:11px}
 .project-gallery,.casa .project-gallery{margin-top:var(--space-4);gap:var(--space-4)}
 .bio{display:block;margin-bottom:var(--space-4)}.bio img{margin-bottom:var(--space-3);width:115px;height:140px}
 footer{flex-wrap:wrap}.aside-foot{display:none}.prose article{padding:var(--space-5) 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-link img{transition:none}}

/* Section labels, persistent case-study breadcrumbs, and standalone enquiries. */
.section-header h1{font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1.6;letter-spacing:0;text-wrap:initial;color:var(--color-secondary)}
.section-header{margin-bottom:var(--space-3)}
.breadcrumbs{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 var(--space-4);padding:0;max-width:720px;font-family:var(--font-mono);font-size:11px;line-height:1.6;color:var(--color-secondary)}
.breadcrumbs a{font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:0;padding:0;text-decoration:underline;text-underline-offset:3px}
.breadcrumbs span{min-width:0;overflow-wrap:anywhere}
.enquire{display:block;width:fit-content;max-width:100%;clear:both}
.project-enquiry{margin-top:var(--space-5)}

/* Approved OOKA Editorial V4 — scoped to this case study. */
.ooka-shell{display:grid;grid-template-columns:39% 61%;align-items:start}
.ooka-intro{position:sticky;top:24px;min-height:calc(100svh - 48px);padding:24px 8% 24px 0;display:flex;flex-direction:column;justify-content:space-between;gap:36px;max-height:calc(100svh - 48px);overflow-y:auto}
.ooka-mono{font-family:var(--font-mono);font-size:10px;line-height:1.6;letter-spacing:.035em;text-transform:uppercase}
.ooka-muted{color:var(--color-secondary)}.ooka-lead{max-width:350px}
.ooka-intro h1{font-size:clamp(40px,4vw,65px);letter-spacing:-.055em;line-height:1;margin:0 0 28px}
.ooka-intro h2{font-size:clamp(20px,1.7vw,27px);letter-spacing:-.035em;line-height:1.14;font-weight:500;margin:0 0 24px}
.ooka-intro p{font-size:14px;line-height:1.7;margin:0 0 16px}
.ooka-credit{color:var(--color-secondary);margin-top:32px}.ooka-aside-bottom{width:100%}
.ooka-visit{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 0;border-top:1px solid var(--color-rule)}.ooka-visit a{border-bottom:1px solid currentColor}.ooka-aside-credit{padding-top:20px}
.ooka-gallery{padding:8vh 0 10vh 3%;min-width:0}
.ooka-frame{margin:0 0 24vh;display:flex;flex-direction:column}
.ooka-frame img{width:100%;height:auto;display:block;filter:saturate(.72)}
.ooka-frame figcaption{font-family:var(--font-mono);font-size:10px;line-height:1.6;letter-spacing:.035em;color:var(--color-secondary);margin-top:12px}
.ooka-close{width:63%;margin-left:27%}.ooka-medium{width:63%}.ooka-right{margin-left:auto}.ooka-left{margin-left:4%}.ooka-wide{width:89%;margin-left:7%}.ooka-small{width:43%}.ooka-portrait{width:48%;margin-left:30%}
.ooka-statement{margin:9vh 0 26vh 8%;max-width:570px}.ooka-statement .ooka-mono{color:var(--color-secondary)}
.ooka-statement p{font-size:clamp(26px,3.3vw,52px);font-weight:600;line-height:1.04;letter-spacing:-.045em;margin:32px 0;overflow-wrap:break-word}
.ooka-second-statement{margin-left:25%}.ooka-films{padding:0 0 5vh 8%}.ooka-films>.ooka-mono{color:var(--color-secondary);margin-bottom:40px}
.ooka-film{width:85%;margin-bottom:18vh}.ooka-film.ooka-narrow{width:62%;margin-left:auto}.ooka-film p{font-size:14px;line-height:1.5;margin:0 0 16px}
.ooka-video{aspect-ratio:16/9;background:var(--color-paper)}.ooka-video iframe{width:100%;height:100%;border:0;display:block}
.ooka-editorial-active #project>.back{margin-top:0}
@media(max-width:1000px){.ooka-shell{display:block}.ooka-intro{position:static;min-height:0;max-height:none;overflow:visible;padding:0 0 48px;gap:28px}.ooka-lead{max-width:600px}.ooka-aside-bottom{max-width:600px}.ooka-intro p{font-size:16px}.ooka-intro h1{font-size:48px}.ooka-gallery{padding:24px 0 0}.ooka-frame{margin-bottom:18vh}.ooka-close{width:76%;margin-left:24%}.ooka-medium{width:72%}.ooka-wide{width:100%;margin-left:0}.ooka-small{width:57%}.ooka-portrait{width:65%;margin-left:28%}.ooka-statement{margin:6vh 0 20vh}.ooka-statement p{font-size:clamp(28px,7vw,42px)}.ooka-second-statement{margin-left:10%}.ooka-films{padding-left:0}.ooka-film,.ooka-film.ooka-narrow{width:100%;margin-left:0;margin-bottom:12vh}}
@media(max-width:650px){.ooka-intro{padding-bottom:36px}.ooka-intro h1{font-size:40px}.ooka-intro h2{font-size:25px}.ooka-intro p{font-size:16px}.ooka-frame{margin-bottom:96px}.ooka-statement{margin-top:32px;margin-bottom:112px}.ooka-visit{flex-wrap:wrap}.ooka-gallery{padding-top:12px}.ooka-film,.ooka-film.ooka-narrow{margin-bottom:64px}}

/* OOKA review: cool paper and a single author credit in the editorial column. */
body.ooka-editorial-active{--color-paper:#f4f4f0;--color-rule:#deded7}
html:has(body.ooka-editorial-active){background:#f4f4f0}
.ooka-editorial-active .footer-name,.ooka-editorial-active .footer-name-break{display:none}

/* OOKA: one continuous paper surface and credits in the left column only. */
html:has(body.ooka-editorial-active),body.ooka-editorial-active,body.ooka-editorial-active>aside,.ooka-editorial-active main,.ooka-editorial-active .ooka-shell,.ooka-editorial-active .ooka-intro,.ooka-editorial-active .ooka-gallery{background-color:#f4f4f0}
.ooka-editorial-active main>footer{display:none}
.ooka-gallery{position:relative}
.ooka-scroll{position:absolute;top:0;right:0;color:var(--color-secondary)}
.ooka-aside-credit{line-height:1.8}
@media(max-width:1000px){.ooka-gallery{padding-top:48px}.ooka-scroll{top:0}}

/* Author and locations belong to the far-left navigation rail. */
.ooka-menu-credit{display:none}
.ooka-editorial-active .ooka-menu-credit{display:block;margin-top:auto;padding-top:32px;font-family:var(--font-mono);font-size:10px;line-height:1.8;color:var(--color-secondary)}
html:has(body.ooka-editorial-active){--color-paper:#f4f4f0;background:#f4f4f0}
body.ooka-editorial-active{--color-paper:#f4f4f0;background:#f4f4f0}
.ooka-editorial-active>aside,.ooka-editorial-active main,.ooka-editorial-active header,.ooka-editorial-active .breadcrumbs,.ooka-editorial-active #project,.ooka-editorial-active #project-body,.ooka-editorial-active .ooka-shell,.ooka-editorial-active .ooka-intro,.ooka-editorial-active .ooka-gallery{background:#f4f4f0}
@media(max-width:650px){.ooka-editorial-active .ooka-menu-credit{display:none}.ooka-editorial-active aside.menu-open .ooka-menu-credit{display:block;margin-top:24px;padding-top:20px}}

/* Approved three-column paper palette. */
html:has(body.ooka-editorial-active){background:#eae9e3}
body.ooka-editorial-active{--color-paper:#eae9e3;background:#eae9e3}
.ooka-editorial-active>aside{background:#f5f3ed}
.ooka-editorial-active main,.ooka-editorial-active header,.ooka-editorial-active .breadcrumbs,.ooka-editorial-active #project,.ooka-editorial-active #project-body,.ooka-editorial-active .ooka-shell,.ooka-editorial-active .ooka-gallery{background:#eae9e3}
.ooka-editorial-active .ooka-intro{background:#f0eee8;padding-left:20px;padding-right:20px}
@media(max-width:1000px){.ooka-editorial-active .ooka-intro{padding-top:24px}}

/* Continuous centre paper, rather than a coloured box around the copy. */
.ooka-editorial-active main{background:linear-gradient(to right,#f0eee8 0,#f0eee8 calc(39% + 19.52px - 2.34vw),#eae9e3 calc(39% + 19.52px - 2.34vw),#eae9e3 100%)}
.ooka-editorial-active header,.ooka-editorial-active .breadcrumbs,.ooka-editorial-active #project,.ooka-editorial-active #project-body{background:transparent}
.ooka-editorial-active .ooka-shell{background:linear-gradient(to right,#f0eee8 0 39%,#eae9e3 39% 100%)}
.ooka-editorial-active .ooka-intro{background:transparent;padding-left:0;padding-right:8%}
@media(min-width:651px) and (max-width:1000px){.ooka-editorial-active main,.ooka-editorial-active .ooka-shell{background:#f0eee8}.ooka-editorial-active .ooka-gallery{margin-left:-20px;margin-right:-6vw;padding-left:20px;padding-right:6vw}}
@media(max-width:650px){.ooka-editorial-active main,.ooka-editorial-active .ooka-shell{background:#f0eee8}.ooka-editorial-active .ooka-intro{padding-left:0;padding-right:0}.ooka-editorial-active .ooka-gallery{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}

/* Specific settings, product context and an editorial crop of the hotel ad. */
.ooka-hotel img{aspect-ratio:1.2;object-fit:cover;object-position:68% 50%}
.ooka-frame-copy{font-family:var(--font-sans);font-size:14px;line-height:1.65;max-width:420px;margin:12px 0 0;letter-spacing:0;color:var(--color-text)}
@media(max-width:650px){.ooka-frame-copy{font-size:16px}}

/* Editorial system rollout: existing work, image order and routes retained. */
.ooka-editorial-active .editorial-panel{max-width:none;padding-bottom:0}
.ooka-intro .project-copy{max-width:none;margin:0}.ooka-intro .meta{font-family:var(--font-mono);font-size:11px;line-height:1.6;margin-bottom:20px}
.ooka-intro .project-title{font-size:clamp(32px,3.4vw,48px);line-height:1.08;letter-spacing:-.035em;margin-bottom:28px}
.ooka-intro .editorial-statement{font-size:24px;line-height:1.2;margin-bottom:24px}
.ooka-intro .project-credits{font-family:var(--font-mono);font-size:11px;line-height:1.6;margin-top:32px}
.ooka-intro .ooka-lead>a{display:block;font-size:14px;line-height:1.6;margin-top:24px;text-decoration:underline;text-underline-offset:3px}
.ooka-gallery .editorial-chapter{border-top:1px solid var(--color-rule);padding:32px 0 0;margin:0 0 96px;width:89%}
.ooka-gallery .editorial-chapter:nth-of-type(even){width:76%;margin-left:auto}
.ooka-gallery .editorial-chapter h3{font-size:26px;line-height:1.2;margin-bottom:24px}
.ooka-gallery .editorial-chapter p{font-size:17px;line-height:1.65;max-width:600px}
.ooka-gallery .back{display:block;width:fit-content;margin-top:32px}
@media(max-width:1000px){.ooka-intro .project-title{font-size:40px}.ooka-intro .editorial-statement{font-size:26px}.ooka-gallery .editorial-chapter,.ooka-gallery .editorial-chapter:nth-of-type(even){width:100%;margin-left:0}}
@media(max-width:650px){.ooka-intro .project-title{font-size:36px}.ooka-gallery .editorial-chapter{margin-bottom:64px}.ooka-gallery .editorial-chapter p{font-size:17px}}

/* Shared author credit belongs to the menu rail across every route. */
.ooka-menu-credit{display:block;margin-top:auto;padding-top:32px;font-family:var(--font-mono);font-size:10px;line-height:1.8;color:var(--color-secondary)}
@media(max-width:650px){.ooka-menu-credit{display:none}aside.menu-open .ooka-menu-credit{display:block;margin-top:24px;padding-top:20px}}
/* Original passages become editorial chapters within the image sequence. */
.ooka-gallery .editorial-highlight p{font-size:clamp(24px,2.1vw,32px);font-weight:400;line-height:1.25;letter-spacing:-.025em}
@media(max-width:650px){.ooka-gallery .editorial-highlight p{font-size:26px}}

/* Right-column callouts use OOKA's exact statement hierarchy. */
#commercial-photography .ooka-statement p{font-size:clamp(26px,3.3vw,52px);font-weight:600;line-height:1.04;letter-spacing:-.045em;text-transform:uppercase}
.contact-details{display:flex;flex-direction:column;gap:12px;margin-top:32px;font-size:14px;overflow-wrap:anywhere}.contact-details a{text-decoration:underline;text-underline-offset:4px}
.contact-menu>p{margin-bottom:48px;color:var(--color-secondary)}
.contact-menu-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px;padding:28px 0;border-top:1px solid var(--color-rule)}
.contact-menu-item>.ooka-mono{padding-top:8px;color:var(--color-secondary)}
.contact-menu-item h2{font-size:28px;line-height:1.15;margin-bottom:16px;letter-spacing:-.025em}
.contact-menu-item p{font-size:15px;line-height:1.65;max-width:420px;margin:0}
@media(max-width:1000px){#commercial-photography .ooka-statement p{font-size:clamp(28px,7vw,42px)}}
@media(max-width:650px){.contact-menu-item{gap:12px}.contact-menu-item h2{font-size:26px}.contact-menu-item p{font-size:16px}}

/* Information: monochrome portrait and a red editorial colophon. */
.information-profile{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:start;padding:16px 0 64px}
.information-portrait{max-width:300px}.information-portrait img{display:block;width:100%;height:auto}
.information-copy{max-width:600px}.information-copy .project-title{font-size:clamp(40px,4.2vw,60px);line-height:1.03;margin-bottom:32px;letter-spacing:-.04em}
.information-copy p{font-size:18px;line-height:1.65;margin-bottom:20px}
.information-reader{display:block;width:110px;height:auto;mix-blend-mode:multiply;margin:32px 0 0 auto}
.information-details{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:32px;background:#e61616;color:#191919;padding:40px 32px}
.information-details article{min-width:0}.information-details h3{font-size:22px;line-height:1.2;margin-bottom:24px;letter-spacing:-.025em}
.information-details p{font-family:var(--font-mono);font-size:12px;line-height:1.8;margin-bottom:16px;overflow-wrap:anywhere}
.information-details p:last-child{margin-bottom:0}.information-details a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.information-profile{grid-template-columns:1fr;gap:32px}.information-portrait{max-width:240px}.information-details{grid-template-columns:1fr;gap:36px}.information-details article+article{border-top:1px solid #191919;padding-top:28px}}
@media(max-width:650px){.information-profile{padding-top:0;padding-bottom:36px}.information-copy .project-title{font-size:38px}.information-copy p{font-size:17px}.information-portrait{max-width:210px}.information-reader{width:90px;margin-top:24px}.information-details{padding:28px 20px;margin-left:-20px;margin-right:-20px}.information-details p{font-size:12px}}

/* A single site-wide line, independent of route titles and breadcrumbs. */
.site-tagline{display:block;max-width:none;margin:0 0 32px;font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;white-space:nowrap;text-align:right;color:var(--color-secondary)}
@media(max-width:650px){.site-tagline{font-size:10px;margin-bottom:24px}}

/* Information: tighter blocks and high-contrast type on a deeper red. */
.information-profile{padding-bottom:32px;gap:32px}
.information-reader{width:90px;margin-top:20px}
.information-details{grid-template-columns:1fr 1.3fr;gap:24px;padding:28px;background:#a91e20;color:#fffdf5}
.information-details h3{font-size:24px;font-weight:500;margin-bottom:16px}
.information-details p{font-size:14px;line-height:1.75;font-weight:400}
@media(max-width:1000px){.information-details{grid-template-columns:1fr;gap:24px}.information-details article+article{border-color:rgba(255,253,245,.45);padding-top:24px}}
@media(max-width:650px){.information-profile{padding-bottom:24px}.information-details{padding:24px 20px}.information-details p{font-size:14px}}

/* Information opens as a typographic portrait, following the approved reference. */
#information>.project-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.information-poster{position:relative;width:100%;aspect-ratio:1.2;min-height:480px;margin:16px 0 48px;isolation:isolate}
.information-poster-photo{position:absolute;top:0;right:5%;width:76%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.62}
.information-name-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;z-index:1;font-family:var(--font-sans);font-size:clamp(72px,9.2vw,156px);font-weight:300;line-height:.9;letter-spacing:-.04em;color:#080808;pointer-events:none}
.information-profile{display:block;padding:0 0 32px}
.information-copy{max-width:680px;margin-left:auto;position:relative;padding-right:140px}
.information-reader{position:absolute;right:0;bottom:0;width:95px;margin:0}
@media(min-width:651px) and (max-width:1000px){.information-poster{min-height:380px}.information-name-grid{font-size:clamp(58px,9vw,90px)}.information-copy{padding-right:120px}}
@media(max-width:650px){.information-poster{aspect-ratio:.82;min-height:0;margin:8px 0 32px}.information-poster-photo{right:0;width:88%;object-position:48% 50%}.information-name-grid{font-size:clamp(44px,13.5vw,70px)}.information-copy{padding-right:0;max-width:none}.information-reader{position:static;width:80px;margin:24px 0 0 auto}.information-profile{padding-bottom:24px}}

/* Creative direction leads. Personal practice has its own index. */
.positioning-intro{max-width:850px;padding:24px 0 72px}.positioning-intro .meta{margin-bottom:32px}.positioning-intro h1{font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-.055em;max-width:820px;margin-bottom:20px;text-wrap:balance}.positioning-line{font-size:clamp(25px,2.7vw,38px);line-height:1.17;letter-spacing:-.035em;max-width:660px}.positioning-context{font-size:15px;line-height:1.7;margin-top:32px;color:var(--color-secondary)}
.home-selected{border-top:1px solid var(--color-rule);padding-top:24px}.home-selected>.meta{margin-bottom:48px}.direction-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:start;padding-bottom:72px;margin-bottom:48px;border-bottom:1px solid var(--color-rule)}.direction-feature h2{font-size:clamp(30px,3.4vw,48px);line-height:1.07;letter-spacing:-.045em;margin:24px 0}.direction-feature p:not(.meta){font-size:17px;line-height:1.65;max-width:470px}.direction-feature .image-link{width:86%;margin:52px 0 0 auto}.direction-feature .text-link{display:inline-block;margin-top:12px}
.home-practice{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,96px);padding:72px 0;border-bottom:1px solid var(--color-rule);margin-top:24px}.home-practice p:not(.meta){font-size:17px;max-width:460px}.home-practice .image-link{width:60%;margin:32px 0 0 auto}.home-note{padding:48px 0;border-bottom:1px solid var(--color-rule)}.home-note p:not(.meta){font-size:17px}.home-contact{padding:48px 0 0}.home-contact h2{font-size:28px}.practice-index .index-intro{max-width:600px;font-size:17px;margin-bottom:48px}.practice-index .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}.practice-index figcaption{display:block}.practice-index figcaption span{display:block;text-align:left;margin-top:8px}.practice-words{display:flex;align-items:center;justify-content:center;aspect-ratio:1.503;border:1px solid var(--color-rule);font-size:clamp(48px,6vw,100px);letter-spacing:-.08em;line-height:1}.about-contact{padding-top:32px}.about-contact a{display:block;width:fit-content;margin-top:12px}#work .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px}#work .image-link{width:80%}body[data-route=writing] #writing>.intro{font-size:28px}body[data-route=information] .information-poster-photo{filter:grayscale(1)}
@media(max-width:1000px){.practice-index .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-feature{gap:32px}.direction-feature .image-link{width:100%}.home-practice{gap:32px}}
@media(max-width:650px){.positioning-intro{padding:12px 0 48px}.positioning-intro .meta{font-size:10px;margin-bottom:24px}.positioning-intro h1{font-size:clamp(38px,10.5vw,62px);margin-bottom:16px}.positioning-line{font-size:26px}.positioning-context{font-size:14px;margin-top:24px}.home-selected>.meta{margin-bottom:32px}.direction-feature{grid-template-columns:1fr;gap:24px;padding-bottom:40px;margin-bottom:32px}.direction-feature h2{font-size:34px;margin:16px 0 20px}.direction-feature .image-link{width:78%;margin:0 0 0 auto}.direction-feature p:not(.meta){font-size:16px}.home-practice{grid-template-columns:1fr;padding:48px 0;gap:24px}.home-practice .image-link{width:48%;margin:0 0 0 auto}.home-note{padding:32px 0}.home-contact{padding-top:32px}.practice-index .grid{gap:36px 20px}.practice-index figcaption{font-size:16px}.practice-index .index-intro{margin-bottom:32px}#work .grid{gap:36px 20px}#work .image-link{width:100%}}

/* Photography is an editorial introduction to a personal practice. */
.photography-editorial .image-link img{filter:grayscale(1);aspect-ratio:auto;object-fit:initial}
.photography-editorial .ooka-frame figcaption a{display:inline-block;text-decoration:underline;text-underline-offset:3px}
.photography-song{border-top:1px solid var(--color-rule);margin-top:32px;padding-top:20px}
.ooka-intro .photography-song p{font-family:var(--font-mono);font-size:10px;line-height:1.7;color:var(--color-secondary);margin:0 0 10px}
.photography-song .text-link{display:block;font-size:14px;margin-bottom:10px}

/* Place and Photography share the case-study editorial rhythm. */
body[data-route=place] .ooka-gallery .place-chapter{width:82%;margin:0 0 112px 7%;padding-top:24px}
body[data-route=place] .place-chapter p{font-size:18px;line-height:1.7;max-width:540px}
body[data-route=place] .ooka-intro .project-title{font-size:clamp(38px,4vw,60px);letter-spacing:-.045em;line-height:1.02}
body[data-route=photography] .ooka-intro .project-title{font-size:clamp(38px,4vw,60px);letter-spacing:-.045em;line-height:1.02}
.photography-editorial .ooka-intro .editorial-statement{font-size:clamp(26px,2.3vw,34px);line-height:1.12;letter-spacing:-.035em;margin-bottom:32px}
.photography-editorial .ooka-gallery .editorial-highlight{margin:0 0 18vh 8%;max-width:480px}
.photography-editorial .ooka-gallery .editorial-highlight p{font-size:clamp(30px,3.5vw,52px);font-weight:500;line-height:1.06;letter-spacing:-.045em}
.photography-editorial .ooka-frame{margin-bottom:18vh}
.photography-editorial .ooka-frame .image-link{width:100%;background:transparent}
.photography-editorial .ooka-frame-copy{max-width:300px;font-size:14px;line-height:1.6}
.photography-editorial .ooka-frame figcaption{display:block;margin-top:16px}
@media(max-width:1000px){body[data-route=place] .ooka-gallery .place-chapter{width:90%;margin-left:0}.photography-editorial .ooka-intro{max-width:600px}.photography-editorial .ooka-gallery .editorial-highlight{margin-left:0}}
@media(max-width:650px){body[data-route=place] .ooka-intro .project-title,body[data-route=photography] .ooka-intro .project-title{font-size:40px}body[data-route=place] .ooka-gallery .place-chapter{width:100%;margin-bottom:64px}.photography-editorial .ooka-intro .editorial-statement{font-size:28px}.photography-editorial .ooka-frame{margin-bottom:80px}.photography-editorial .ooka-gallery .editorial-highlight{margin-bottom:80px}.photography-editorial .ooka-gallery .editorial-highlight p{font-size:34px}.photography-editorial .ooka-frame-copy{font-size:16px}}

/* Random records remain a quiet, text-only reference. */
.photography-song .record-title-link{display:block;font-size:14px;line-height:1.6;margin:0 0 10px;text-decoration:underline;text-underline-offset:3px}
.record-shuffle{display:block;width:fit-content;min-height:44px;margin:4px 0 0;padding:8px 0;border:0;background:transparent;color:var(--color-secondary);font-family:var(--font-mono);font-size:10px;line-height:1.6;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.record-shuffle:hover{color:var(--color-text)}

/* Shared text-only record reference, excluded from Home and About. */
.record-selection{max-width:350px;clear:both}
.record-selection p,.ooka-intro .record-selection p{font-family:var(--font-mono);font-size:10px;line-height:1.7;letter-spacing:0;color:var(--color-secondary);margin:0 0 10px}
.record-selection .record-title-link,.ooka-intro .record-selection .record-title-link{display:block;font-family:var(--font-sans);font-size:14px;line-height:1.6;margin:0 0 10px;text-decoration:underline;text-underline-offset:3px}
.panel>.record-selection{margin-top:48px}
@media(max-width:650px){.panel>.record-selection{margin-top:32px}}

/* Music process sits with the releases in the right column. */
#la-internacional .music-process{width:89%;max-width:600px;margin:0 0 64px;padding:0}
#la-internacional .music-process p{font-size:17px;line-height:1.65;margin:0 0 20px}
#la-internacional .music-process p:last-child{margin-bottom:0}
@media(max-width:1000px){#la-internacional .music-process{width:100%}}
@media(max-width:650px){#la-internacional .music-process{margin-bottom:40px}}

/* Music histories and album notes use the established editorial columns. */
.album-read-more{display:block;width:fit-content;border:1px solid var(--color-text);padding:10px 16px;margin:24px 0 32px;font-family:var(--font-mono);font-size:11px;line-height:1.6;text-decoration:none!important}
.album-read-more:hover{background:var(--color-text);color:var(--color-paper)}
.music-archive{width:54%;margin:32px 0 48px auto}.music-archive img{display:block;width:100%;height:auto;filter:saturate(.72)}
.music-archive figcaption{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--color-secondary);margin-top:12px}
.music-archive-home{width:68%}.music-origins h3:not(:first-child){margin-top:48px}
.album-tracklist ol{padding-left:30px;margin:0 0 32px;font-size:17px;line-height:1.9}.album-tracklist li{padding-left:8px}
.album-tracklist li::marker{font-family:var(--font-mono);font-size:11px;color:var(--color-secondary)}
.album-story .ooka-gallery>.editorial-highlight:first-of-type{margin-top:0}
@media(max-width:650px){.music-archive{width:66%}.music-archive-home{width:78%}.album-read-more{min-height:44px}.album-tracklist ol{font-size:16px}}

.album-tracklist li a{display:flex;gap:16px;align-items:baseline;text-decoration:none}
.album-tracklist li a:hover span:last-child{text-decoration:underline;text-underline-offset:3px}
.track-time{font-family:var(--font-mono);font-size:11px;line-height:1.6;white-space:nowrap;min-width:40px;color:var(--color-secondary)}
.album-production p:last-child{font-family:var(--font-mono);font-size:11px;line-height:1.8}

/* Close Selected Work before the personal practice begins. */
.home-selected{padding-bottom:40px;border-bottom:1px solid var(--color-rule)}
.home-selected .direction-feature:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:32px}
.home-practice{margin-top:0;padding-top:64px}
@media(max-width:650px){.home-selected{padding-bottom:32px}.home-selected .direction-feature:last-of-type{padding-bottom:24px}.home-practice{padding-top:48px}}

/* Music: navigation rail, editorial introduction, and project column. */
.music-editorial .music-project-logo{width:100%;max-width:350px;margin:0 auto 28px}
.music-project-logo a{display:block}.music-project-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.music-editorial .ooka-gallery .editorial-chapter:first-of-type{border-top:0;padding-top:0}
.music-editorial .ooka-gallery .editorial-chapter{margin-bottom:72px}
@media(max-width:650px){.music-editorial .music-project-logo{max-width:300px}.music-editorial .ooka-gallery .editorial-chapter{margin-bottom:48px}}

/* Radio Barro: a reading edition, with three continuous shades of paper. */
.radio-barro-editorial .album-byline,.song-page .album-byline{font-family:var(--font-mono);font-size:10px;line-height:1.8;color:var(--color-secondary);margin:0 0 28px}
.song-number{font-family:var(--font-mono);font-size:10px!important;line-height:1.6!important;text-transform:uppercase;letter-spacing:.04em;margin:0 0 24px!important;color:var(--color-secondary)}
.song-page .ooka-intro .project-title{font-size:clamp(32px,3.4vw,48px);line-height:1.03;letter-spacing:-.045em;margin-bottom:24px}
.song-page .song-listen{display:block;width:fit-content;font-family:var(--font-mono);font-size:11px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;margin-top:0}
.song-menu{border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);margin:32px 0 24px}
.song-menu summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:14px 0;font-family:var(--font-mono);font-size:11px;line-height:1.6;cursor:pointer;list-style:none}
.song-menu summary::-webkit-details-marker{display:none}.song-menu[open] summary>span{transform:rotate(180deg)}
.song-menu summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.song-menu nav{display:block;padding-bottom:12px}.song-menu ol,.album-song-index ol{padding:0;margin:0;list-style:none}
.song-menu li{margin:0}.song-menu li a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:baseline;min-height:36px;padding:8px 0;font-family:var(--font-sans);font-size:13px;line-height:1.4;letter-spacing:-.01em;text-decoration:none}
.song-menu li a:hover span:last-child,.song-menu li a[aria-current=page] span:last-child{text-decoration:underline;text-underline-offset:4px}
.song-menu-number{font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--color-secondary)}
.song-page .song-reading,.radio-barro-editorial .album-reading{padding-top:48px;padding-bottom:64px}
.song-copy,.album-reading-intro{width:89%;max-width:620px;margin:0 0 64px 0}
.song-copy p,.radio-barro-editorial .album-reading p{font-family:var(--font-mono);font-size:14px;line-height:1.85;letter-spacing:-.015em;margin:0 0 24px;max-width:54ch}
.song-copy p:first-child{font-size:17px;line-height:1.65;letter-spacing:-.02em;margin-bottom:36px}
.radio-barro-editorial .album-reading .editorial-chapter{width:89%;margin-left:0}
.radio-barro-editorial .album-reading .editorial-chapter h3{font-size:26px;line-height:1.15;margin-bottom:28px;letter-spacing:-.035em}
.song-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:89%;max-width:620px;border-top:1px solid var(--color-rule);padding-top:24px;margin-bottom:40px}
.song-pagination a{font-size:17px;line-height:1.4;letter-spacing:-.02em;padding:0;max-width:100%}.song-pagination a:last-child{text-align:right}
.song-pagination a span{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.7;margin-bottom:12px;letter-spacing:0;color:var(--color-secondary)}
.album-song-index nav{display:block}.album-song-index li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:18px 0;border-top:1px solid var(--color-rule)}
.album-song-index li>a{font-family:var(--font-sans);font-size:18px;line-height:1.4;letter-spacing:-.02em;padding:0}
.song-link-action{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.7;letter-spacing:0;color:var(--color-secondary);margin-top:6px}
.album-song-index li>.song-index-listen{font-family:var(--font-mono);font-size:10px;letter-spacing:0;white-space:nowrap}
@media(max-width:1000px){.song-page .song-reading,.radio-barro-editorial .album-reading{padding-top:48px}.song-copy,.album-reading-intro,.song-pagination{width:100%}.radio-barro-editorial .album-reading .editorial-chapter{width:100%}.song-menu{max-width:600px}.song-menu li a{min-height:40px;font-size:15px}}
@media(max-width:650px){.song-page .ooka-intro .project-title{font-size:36px}.song-copy p,.radio-barro-editorial .album-reading p{font-size:13px;line-height:1.85;letter-spacing:0}.song-copy p:first-child{font-size:16px;line-height:1.7}.song-copy{margin-bottom:40px}.song-menu li a{min-height:44px}.song-pagination{gap:20px}.song-pagination a{font-size:16px}.album-song-index li{gap:10px}.album-song-index li>a{font-size:16px}}

/* Keep record exploration in one place: open track notes and an embedded player. */
.song-menu .song-menu-heading{font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;padding:16px 0;margin:0}
.reading-player{width:100%;aspect-ratio:16/9;margin:28px 0 32px;background:#e2dfd7}
.reading-player iframe{display:block;width:100%;height:100%;border:0}
.album-song-index li{grid-template-columns:24px minmax(0,1fr)}
@media(max-width:650px){.song-menu .song-menu-heading{font-size:12px}.reading-player{margin:24px 0 28px}}

/* Cover art: the finished sleeve, its source photograph, and a small archive. */
.album-cover-story figure{margin:36px 0 48px;min-width:0}
.album-cover-story figure img{display:block;width:100%;height:auto}
.album-cover-story figcaption{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.7;letter-spacing:0;color:var(--color-secondary);margin-top:12px}
.album-cover-story .cover-artwork{width:58%;max-width:330px;margin-left:auto;margin-right:auto}
.album-cover-story .cover-original{width:88%}
.cover-archive-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:40px 0 32px}
.album-cover-story .cover-archive-pair figure{margin:0;width:100%}
.radio-barro-editorial .album-cover-story p.cover-closing{font-family:var(--font-sans);font-size:clamp(25px,2.5vw,36px);line-height:1.15;letter-spacing:-.035em;margin:40px 0}
.radio-barro-editorial .album-cover-story p.cover-credit{font-family:var(--font-mono);font-size:10px;line-height:1.8;letter-spacing:0;color:var(--color-secondary);max-width:100%;margin-bottom:0}
.cover-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.album-cover-story .cover-artwork{width:65%}.album-cover-story .cover-original{width:100%}.cover-archive-pair{gap:16px}.radio-barro-editorial .album-cover-story p.cover-closing{font-size:28px}.album-cover-story figure{margin-top:28px;margin-bottom:36px}}
.album-cover-story .cover-artwork img{filter:saturate(.72)}

.record-channel{display:block;width:fit-content;font-family:var(--font-mono);font-size:10px;line-height:1.6;margin-top:8px;text-decoration:underline;text-underline-offset:3px;color:var(--color-secondary)}

/* Home: one quiet index link and three equal editorial image frames. */
.home-selected-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:48px;font-family:var(--font-mono);font-size:11px;line-height:1.6}
.home-selected-heading .meta{margin:0}.home-selected-heading .all-work-link{font-family:inherit;font-size:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:4px}
.positioning-home .direction-feature .image-link,.positioning-home .home-practice .image-link{width:86%;margin:52px 0 0 auto}
.positioning-home .direction-feature .image-link img,.positioning-home .home-practice .image-link img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;filter:grayscale(1)}
.home-selected{padding-bottom:0}.home-selected .direction-feature:last-of-type{padding-bottom:48px}
@media(max-width:1000px){.positioning-home .direction-feature .image-link,.positioning-home .home-practice .image-link{width:100%}}
@media(max-width:650px){.home-selected-heading{gap:8px;margin-bottom:32px;font-size:10px}.positioning-home .direction-feature .image-link,.positioning-home .home-practice .image-link{width:78%;margin:0 0 0 auto}.home-selected .direction-feature:last-of-type{padding-bottom:36px}}

/* Illustration: staggered images on a horizontal editorial strip. */
.illustration-horizontal-gallery{padding-top:24px;overflow:hidden}
.illustration-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-bottom:32px}
.illustration-toolbar>p{margin:0;color:var(--color-secondary);font-size:9px}
.illustration-controls{display:flex;gap:12px;align-items:center}.illustration-controls>span{min-width:48px;text-align:center;font-size:10px}
.illustration-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-bottom:1px solid var(--color-rule);background:transparent;color:var(--color-text);font-size:22px;cursor:pointer}
.illustration-controls button:hover{border-color:var(--color-text)}.illustration-controls button:disabled{opacity:.3;cursor:default}
.illustration-rail{position:relative;display:flex;align-items:flex-start;gap:28px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:0 1px 24px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#99968d transparent}
.illustration-card{flex:0 0 clamp(240px,26vw,360px);min-width:0;margin:0;padding:0 0 0 20px;border-left:1px solid #cbc7bd;scroll-snap-align:start}
.illustration-card:nth-child(3n+2){padding-top:64px}.illustration-card:nth-child(3n){padding-top:20px}
.illustration-card-number{font-family:var(--font-sans);font-size:38px;font-weight:300;line-height:1.1;letter-spacing:-.06em;margin-bottom:14px}
.illustration-card img{display:block;width:100%;height:auto;filter:saturate(.72)}
.illustration-card figcaption{display:block;margin:14px 0 0;font-family:var(--font-mono);font-size:10px;line-height:1.7;letter-spacing:0;color:var(--color-secondary)}
.illustration-shell .ooka-lead>.enquire{display:block;margin-top:28px;font-family:var(--font-mono);font-size:11px;text-decoration:none}
@media(max-width:1000px){.illustration-horizontal-gallery{padding-top:24px}.illustration-card{flex-basis:340px}.illustration-shell .ooka-intro{max-width:600px}}
@media(max-width:650px){.illustration-toolbar{margin-bottom:24px}.illustration-toolbar>p{font-size:9px}.illustration-controls{gap:8px}.illustration-rail{gap:20px}.illustration-card{flex-basis:82%;padding-left:16px}.illustration-card:nth-child(3n+2){padding-top:48px}.illustration-card:nth-child(3n){padding-top:12px}.illustration-card-number{font-size:34px}.illustration-card figcaption{font-size:10px}}

/* The Captain: a quiet colophon and a separate author's note. */
#information.captain-page>.project-title{position:static;width:auto;height:auto;padding:0;margin:0 0 24px;overflow:visible;clip-path:none;white-space:normal;border:0;font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-.045em}
.captain-page .information-details{background:#eae9e3;color:var(--color-text)}
.captain-page .information-details article+article{border-color:var(--color-rule)}
.captain-note-link{padding:36px 0 32px;border-bottom:1px solid var(--color-rule)}
.captain-note-link>a{display:inline-block;font-family:var(--font-sans);font-size:22px;line-height:1.3;letter-spacing:-.025em;text-decoration:underline;text-underline-offset:5px}
.captain-note-page .ooka-intro .project-title{font-size:clamp(30px,3vw,42px);line-height:1.07;letter-spacing:-.035em;margin-bottom:28px}
.captain-note-page .captain-note-byline{font-family:var(--font-mono);font-size:11px;line-height:1.8;color:var(--color-secondary);margin-bottom:24px}
.captain-note-reading{padding-top:24px}.captain-note-copy{width:89%;max-width:630px;margin-bottom:48px}
.captain-note-copy p{font-family:var(--font-sans);font-size:17px;line-height:1.75;letter-spacing:-.01em;margin:0 0 24px}
.captain-note-copy .captain-note-opening{font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.03em;margin-bottom:32px}
.captain-note-copy .captain-definitions{font-family:var(--font-mono);font-size:14px;line-height:1.8;margin:32px 0}
@media(max-width:1000px){.captain-note-copy{width:100%}.captain-note-reading{padding-top:32px}}
@media(max-width:650px){#information.captain-page>.project-title{font-size:38px}.captain-note-link{padding:28px 0}.captain-note-link>a{font-size:20px}.captain-note-copy p{font-size:16px;line-height:1.75}.captain-note-copy .captain-note-opening{font-size:26px}.captain-note-page .ooka-intro .project-title{font-size:32px}}

/* Captain remains emphatic inside navigation, titles, and prose. */
strong{font-weight:700}

/* The Captain: a photographic archive, with room between the fragments. */
.captain-archive-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(32px,5vw,76px);align-items:start;padding:16px 0 64px}
.captain-archive-image{display:block;min-width:0;margin:0}
.captain-archive-image img{display:block;width:100%;height:auto;filter:grayscale(1);object-fit:contain}
.captain-archive-image figcaption{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--color-secondary);margin-top:10px;text-align:left}
.captain-page .information-profile{padding:32px 0 0;display:block}
.captain-page .information-copy{max-width:420px;margin:0;padding:0}
.captain-page .information-copy p{font-size:16px;line-height:1.75;margin-bottom:24px}
.captain-page .information-copy p:first-child{font-family:var(--font-mono);font-size:12px;line-height:1.75;margin-bottom:40px}
.captain-office-observation{display:grid;grid-template-columns:1fr 1.6fr;align-items:end;gap:48px;margin:12px 0 80px}
.captain-margin-note{font-family:var(--font-mono);font-size:11px;line-height:1.8;color:var(--color-secondary);padding-bottom:24px}
.captain-page .information-details{padding:36px;background:#eae9e3}
.captain-note-copy .captain-archive-image{margin-top:44px;margin-bottom:52px}
.captain-note-copy .captain-archive-inset{width:72%;margin-left:auto}
.captain-note-copy .captain-archive-left{width:62%;margin-left:0}
.captain-note-copy .captain-archive-wide{width:100%}
.captain-note-reading{background:#eae9e3}
@media(max-width:1000px){.captain-archive-opening{gap:36px}.captain-page .information-profile{padding-top:12px}.captain-office-observation{gap:32px;margin-bottom:56px}}
@media(max-width:650px){.captain-archive-opening{grid-template-columns:1fr;gap:32px;padding:0 0 36px}.captain-archive-portrait{width:78%}.captain-page .information-profile{padding:0}.captain-page .information-copy{max-width:none}.captain-page .information-copy p:first-child{margin-bottom:24px}.captain-office-observation{grid-template-columns:1fr;gap:20px;margin:0 0 44px}.captain-margin-note{padding:0;margin:0}.captain-archive-review{width:90%;margin-left:auto}.captain-page .information-details{padding:28px 20px}.captain-note-copy .captain-archive-image{margin-top:32px;margin-bottom:36px}.captain-note-copy .captain-archive-inset{width:84%}.captain-note-copy .captain-archive-left{width:74%}}

/* Practice: writing and the wider body of work. */
.practice-writing-intro{max-width:700px;margin-bottom:55px}.practice-writing-intro p{font-size:20px;line-height:1.65}.practice-reading-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:80px}.practice-reading-list article{border-top:1px solid var(--color-rule);padding-top:18px}.practice-reading-list h3{font-size:28px;line-height:1.15;letter-spacing:-.025em}.practice-reading-list p{font-size:17px}.practice-reading-list .meta{font-size:10px}.practice-work-heading{margin-bottom:30px}@media(max-width:1000px){.practice-reading-list{grid-template-columns:1fr;gap:30px;max-width:700px;margin-bottom:55px}}@media(max-width:650px){.practice-writing-intro p{font-size:18px}.practice-writing-intro{margin-bottom:35px}}

/* An essay on sound: a quiet margin and a measured reading column. */
.sound-essay-page .ooka-intro .project-title{font-size:clamp(30px,3.1vw,44px);line-height:1.06;letter-spacing:-.04em;margin-bottom:32px}
.sound-essay-page .ooka-intro .editorial-statement{font-size:clamp(22px,2.2vw,30px);line-height:1.22;letter-spacing:-.03em;margin-bottom:36px;max-width:21ch}
.sound-essay-reading{padding-top:24px;padding-left:7%;background:#eae9e3}
.sound-essay-copy{max-width:56ch;padding-right:4%}
.sound-essay-copy p{font-size:17px;line-height:1.8;letter-spacing:-.01em;margin:0 0 24px}
.sound-essay-copy>p:first-child{font-size:clamp(21px,2.1vw,28px);line-height:1.4;letter-spacing:-.025em;margin-bottom:24px}
.sound-essay-chapter{margin-top:60px;padding-top:28px;border-top:1px solid var(--color-rule)}
.sound-essay-chapter h2{font-size:clamp(23px,2.3vw,31px);line-height:1.2;letter-spacing:-.03em;font-weight:600;margin:0 0 28px}
.sound-essay-copy p.sound-essay-pull{font-size:clamp(27px,2.8vw,39px);line-height:1.16;letter-spacing:-.04em;margin:48px 0;padding:28px 0}
.sound-essay-pull strong{font-weight:500}
.sound-essay-copy p.sound-essay-coda{font-size:clamp(20px,2vw,27px);line-height:1.5;letter-spacing:-.025em;margin:40px 0 28px}
.sound-essay-coda strong{display:block;margin-top:16px;font-weight:600}
.sound-essay-reading>.back{display:inline-block;margin-top:40px}
@media(max-width:1000px){.sound-essay-reading{padding:32px 0 0;background:transparent}.sound-essay-copy{max-width:620px;padding-right:0}.sound-essay-page .ooka-intro .project-title{font-size:42px;max-width:17ch}.sound-essay-copy p.sound-essay-pull{max-width:23ch}}
@media(max-width:650px){.sound-essay-page .ooka-intro .project-title{font-size:34px;margin-bottom:24px}.sound-essay-page .ooka-intro .editorial-statement{font-size:25px}.sound-essay-copy p{font-size:16px;line-height:1.8}.sound-essay-copy>p:first-child{font-size:22px}.sound-essay-chapter{margin-top:44px;padding-top:24px}.sound-essay-chapter h2{font-size:25px}.sound-essay-copy p.sound-essay-pull{font-size:30px;margin:32px 0;padding:16px 0}.sound-essay-copy p.sound-essay-coda{font-size:22px}}

/* noon: cultural scale, close attention. */
.noon-editorial-gallery{padding-top:24px}
.noon-opening-line{font-size:clamp(24px,2.5vw,35px);line-height:1.2;letter-spacing:-.035em;max-width:23ch;margin:0 0 48px}
.noon-editorial-break{max-width:560px;margin:64px 0 48px;padding-top:28px;border-top:1px solid var(--color-rule)}
.noon-editorial-break h2{font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1.12;letter-spacing:-.04em;margin:0 0 24px}
.noon-editorial-break p{max-width:46ch;font-size:16px;line-height:1.75;margin:0}
.noon-editorial-gallery .ooka-frame{margin-bottom:64px}
.noon-editorial-gallery .ooka-frame img{filter:saturate(.72);height:auto;object-fit:contain}
.noon-editorial-gallery figcaption{display:block;font-family:var(--font-mono);font-size:10px;line-height:1.7;letter-spacing:0;color:var(--color-secondary);margin-top:12px}
.noon-film{width:86%;margin:0 0 48px auto}
.noon-film:nth-of-type(even){margin-left:0;margin-right:auto}
.noon-film .ooka-video{aspect-ratio:16/9;position:relative;background:#dfded8}
.noon-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.noon-film figcaption a{text-decoration:underline;text-underline-offset:3px}
.noon-notification-crop{width:100%;aspect-ratio:604/492;overflow:hidden}
.noon-editorial-gallery .noon-notification-crop img{width:100%;max-width:none;transform:none}
.noon-review-note{width:76%;max-width:460px}
.noon-closing-line{margin-top:72px}
@media(max-width:1000px){.noon-editorial-gallery{padding-top:24px}.noon-editorial-break{margin:48px 0 36px}.noon-film{max-width:700px}.noon-editorial-break h2{font-size:34px}}
@media(max-width:650px){.noon-opening-line{font-size:28px;margin-bottom:36px}.noon-editorial-break h2{font-size:30px}.noon-editorial-break p{font-size:16px}.noon-film{width:100%;margin-bottom:36px}.noon-editorial-gallery .ooka-frame{margin-bottom:44px}.noon-review-note{width:92%}}

/* One monochrome arrow treatment across devices. */
.link-arrow{display:inline-block;width:.8em;height:.8em;vertical-align:-.04em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}

/* Bilingual song lyrics */
.song-lyrics{width:89%;max-width:620px;margin:0 0 64px;border-top:1px solid var(--color-rule);padding-top:32px}
.song-lyrics h3{font-size:24px;letter-spacing:-.03em;margin:0 0 24px}
.song-lyrics details{border-bottom:1px solid var(--color-rule);padding:16px 0}
.song-lyrics summary{cursor:pointer;font-family:var(--font-mono);font-size:12px;line-height:1.8;min-height:28px}
.song-lyrics .lyrics-verses{padding-top:24px;overflow-wrap:anywhere}
.song-lyrics .lyrics-verses p{font-size:16px;line-height:1.85;letter-spacing:0;margin:0 0 24px;max-width:none}
.song-lyrics .lyrics-note{font-family:var(--font-mono);font-size:10px;line-height:1.7;color:var(--color-secondary);margin:20px 0 0}
@media(max-width:1000px){.song-lyrics{width:100%}}
@media(max-width:650px){.song-lyrics .lyrics-verses p{font-size:14px}.song-lyrics summary{min-height:44px;display:list-item;padding-top:10px}}

/* Words: central introduction and horizontal archive. */
.words-gallery{overflow:hidden;min-width:0}
.words-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.words-toolbar p{margin:0;color:var(--color-secondary)}
.words-controls{display:flex;gap:12px}
.words-controls button{width:44px;height:44px;background:none;color:inherit;border:0;border-bottom:1px solid var(--color-rule);font-size:22px;cursor:pointer}
.words-rail{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:20px;margin-bottom:40px}
.words-rail figure{width:max(100%,900px);margin:0}
.words-rail img{display:block;width:100%;height:auto;max-width:none}
.words-rail figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px;font-family:var(--font-mono);font-size:10px;line-height:1.8}
.words-rail:focus-visible,.words-controls button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:650px){.words-rail figure{width:780px}.words-toolbar .ooka-mono{font-size:9px}}

.words-rail{display:flex;align-items:flex-start;gap:28px}
.words-rail figure{flex:0 0 max(100%,900px);min-width:0}
@media(max-width:650px){.words-rail figure{flex-basis:780px}}

.album-contents{width:89%;max-width:620px;margin:0 0 64px;padding:24px 0;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}
.album-contents>p{margin:0 0 16px;color:var(--color-secondary)}
.album-contents ol{list-style:none;margin:0;padding:0}
.album-contents a{display:flex;align-items:baseline;gap:18px;padding:10px 0;font-size:17px;line-height:1.5;min-height:44px}
.album-contents a span{font-family:var(--font-mono);font-size:10px;color:var(--color-secondary)}
.album-contents a:hover{text-decoration:underline;text-underline-offset:4px}
.radio-barro-editorial h3[id]{scroll-margin-top:32px}
@media(max-width:1000px){.album-contents{width:100%}}

/* One divider between the article menu and the opening chapter. */
.radio-barro-editorial .album-contents + .album-essay{border-top:0}

/* Al Jazeera: central introduction, balanced images in the right column. */
body[data-route="al-jazeera"] .al-jazeera-shell{display:grid;grid-template-columns:39% 61%;align-items:start}
body[data-route="al-jazeera"] .al-jazeera-shell .ooka-intro{position:sticky;top:24px;min-height:calc(100svh - 48px);max-height:calc(100svh - 48px);overflow-y:auto;padding:24px 8% 24px 0}
body[data-route="al-jazeera"] .al-jazeera-shell .ooka-lead{max-width:350px}
body[data-route="al-jazeera"] .al-jazeera-shell .ooka-gallery{padding:48px 0 64px 3%;min-width:0}
body[data-route="al-jazeera"] .al-jazeera-shell .ooka-scroll{display:none}
body[data-route="al-jazeera"] .al-jazeera-shell .ooka-frame,body[data-route="al-jazeera"] .al-jazeera-shell .ooka-film{width:90%;max-width:760px;margin:0 auto 64px}
body[data-route="al-jazeera"] .al-jazeera-shell .ooka-small{width:65%;max-width:480px}
body[data-route="al-jazeera"] .al-jazeera-shell .editorial-chapter{width:90%;max-width:620px;margin:48px auto 64px}
@media(max-width:1000px){body[data-route="al-jazeera"] .al-jazeera-shell{display:block}body[data-route="al-jazeera"] .al-jazeera-shell .ooka-intro{position:static;min-height:0;max-height:none;overflow:visible;padding:24px 0 40px}body[data-route="al-jazeera"] .al-jazeera-shell .ooka-lead{max-width:600px}body[data-route="al-jazeera"] .al-jazeera-shell .ooka-gallery{padding:16px 0 48px}}
@media(max-width:650px){body[data-route="al-jazeera"] .al-jazeera-shell .ooka-frame,body[data-route="al-jazeera"] .al-jazeera-shell .ooka-film{width:100%;margin-bottom:40px}body[data-route="al-jazeera"] .al-jazeera-shell .ooka-small{width:80%}body[data-route="al-jazeera"] .al-jazeera-shell .editorial-chapter{width:100%;margin:36px auto 48px}}

#la-internacional .internacional-page-logo{width:100%;max-width:350px;margin:0 auto 48px}
#la-internacional .internacional-page-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
@media(max-width:650px){#la-internacional .internacional-page-logo{max-width:300px;margin-bottom:36px}}

/* Give the logo its own paper backdrop so blending is stable in WebKit. */
.wordmark{isolation:isolate;background:#f5f3ed;border:0;box-shadow:none}
.wordmark img{filter:none;mix-blend-mode:multiply;border:0;box-shadow:none}

/* Product concept collection: preserve the established editorial columns. */
.product-studies{padding-top:24px}
.product-study{margin:0 0 72px;max-width:820px}
.product-study h2{font-family:var(--font-sans,Helvetica Neue,Arial,sans-serif);font-size:22px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:8px 0 12px}
.product-study .meta{font-size:10px;line-height:1.6}
.product-statement{font-size:17px;line-height:1.4;margin:0 0 12px}
.product-description{max-width:56ch;font-size:14px;line-height:1.7;margin:0 0 22px}
.product-study figure{margin:0}
.product-study img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none}
.product-study figcaption{font-family:var(--font-mono,monospace);font-size:10px;line-height:1.6;margin-top:10px;color:#595959}
@media(max-width:1000px){.product-studies{padding-top:12px}.product-study{margin-bottom:52px}}