.drift-world{position:relative;isolation:isolate;overflow:hidden}.drift-decoration{position:absolute;inset:0;pointer-events:none;z-index:-1}.drift-item{position:absolute;width:clamp(90px,15vw,210px);height:240px;--turn:-6deg}.drift-item .motif{width:100%;height:100%;object-fit:contain}.drift-0{left:2%;top:100px}.drift-1{right:1%;top:240px;--turn:9deg}.drift-2{left:3%;top:43%;width:160px}.drift-3{right:2%;top:56%;--turn:5deg}.drift-4{left:1%;bottom:100px;width:230px}.drift-5{right:1%;bottom:20px;width:180px}.drift-content{position:relative;z-index:1}.reading-controls{display:flex;justify-content:flex-end;padding-top:20px}.drift-world .article-body{background:var(--bg);padding:30px 36px}.drift-world .entry-copy{background:var(--bg);padding:24px}.drift-world .article-head h1{max-width:900px}.graphic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 24px;padding-bottom:80px}.graphic-sample{margin:0}.graphic-sample>div{height:240px;background:var(--sea);padding:20px}.graphic-sample:nth-child(3n)>div{background:var(--pink)}.graphic-sample:nth-child(4n)>div{background:var(--sun)}.graphic-sample img{width:100%;height:100%;object-fit:contain}.graphic-sample h2{font-size:22px;margin:18px 0 8px}.graphic-sample a{font-size:15px;margin-right:16px;text-decoration:underline}.graphic-sample .metadata{margin:8px 0 14px}
@media(prefers-reduced-motion:no-preference){.drift-world.water-visible .drift-item{animation:graphic-drift 24s ease-in-out infinite;animation-delay:var(--phase)}@keyframes graphic-drift{0%,100%{transform:translate(0,0) rotate(var(--turn))}35%{transform:translate(18px,-30px) rotate(4deg)}70%{transform:translate(-10px,24px) rotate(-4deg)}}}
.motion-paused .drift-item{animation-play-state:paused!important}
@media(max-width:1100px){.drift-world .drift-item{width:120px;opacity:.8}.graphic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.drift-world .drift-decoration{position:relative;inset:auto;height:155px;margin-bottom:12px;z-index:0}.drift-world .drift-item{width:85px;height:120px;top:10px;bottom:auto;opacity:1}.drift-0{left:2%}.drift-1{right:2%}.drift-2{left:38%}.drift-3,.drift-4,.drift-5{display:none}.drift-world .article-body{padding:20px 24px}.drift-world .entry-copy{padding:12px}.reading-controls{padding-top:12px}.graphic-grid{grid-template-columns:repeat(2,1fr);gap:28px 16px}.graphic-sample>div{height:160px;padding:14px}.graphic-sample h2{font-size:18px}}
.drift-world .page-intro h1,.drift-world .page-intro p,.drift-world .article-head h1{position:relative;background:var(--bg);width:fit-content}.drift-world .related-bridge{position:relative;background:var(--bg)}
.graphic-intro h1{font-size:clamp(34px,6vw,90px)}
.graphic-sample figcaption{display:block;padding:0}.graphic-sample figcaption a{display:inline-block;white-space:nowrap}
@media(min-width:768px){.drift-0{left:0;width:clamp(65px,calc((100vw - 1320px)/2 - 25px),130px)}.drift-3{right:0;width:150px}}
.drift-world .entry-illustration{width:min(100%,280px)}@media(max-width:767px){.drift-world .entry-illustration{width:65%}}
.graphic-word-heading{padding-bottom:36px;scroll-margin-top:100px}.graphic-word-heading h2{font-size:clamp(36px,5vw,64px);max-width:850px;margin-bottom:20px}.graphic-word-heading p{font-size:20px;max-width:650px}.graphic-sample{scroll-margin-top:100px}