/* Recording-led composition: monochrome typography, wireframe volume, camera roll,
   central aperture, material studies, then architectural linework. */
.dg-gallery{position:relative;background:#efefef;color:#111;font-family:Arial,Helvetica,sans-serif;isolation:isolate}
.dg-gallery *{box-sizing:border-box}.dg-stage{position:relative;padding:100px 5vw 70px;overflow:hidden;min-height:100svh;background:#efefef}
.dg-opening,.dg-space,.dg-center-word,.dg-material,.dg-coffers,.dg-quiet,.dg-statement,.dg-approach,.dg-drawing,.dg-guides,.dg-controls,.dg-progress{display:none}
.dg-gallery-end>h3{font:400 clamp(38px,5vw,80px)/1 Arial,sans-serif;letter-spacing:-.06em;margin:25px 0 45px;color:inherit}
.dg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dg-grid figure{margin:0}.dg-grid img{display:block;width:100%;aspect-ratio:1.7;height:auto;object-fit:cover;filter:grayscale(1)}.dg-grid figcaption{display:flex;justify-content:space-between;font:11px/1.5 Arial,sans-serif;padding:12px 0;color:inherit}
.dg-enhanced{height:850svh}.dg-enhanced .dg-stage{position:sticky;top:0;height:100svh;min-height:500px;padding:0}
.dg-enhanced .dg-opening,.dg-enhanced .dg-space,.dg-enhanced .dg-center-word,.dg-enhanced .dg-material,.dg-enhanced .dg-coffers,.dg-enhanced .dg-quiet,.dg-enhanced .dg-statement,.dg-enhanced .dg-approach,.dg-enhanced .dg-drawing,.dg-enhanced .dg-guides{display:block;position:absolute}
.dg-guides{inset:0;z-index:8;pointer-events:none;background:linear-gradient(90deg,transparent calc(12.5% - .5px),#88888812 12.5%,transparent calc(12.5% + .5px),transparent calc(50% - .5px),#88888812 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(52% - .5px),#88888812 52%,transparent calc(52% + .5px))}
.dg-opening{inset:0;z-index:3}.dg-opening h2{position:absolute;left:50%;top:52%;transform:translate(-50%,-5%);font:400 clamp(65px,7.3vw,140px)/.92 Arial,sans-serif;letter-spacing:-.07em;color:#111;text-align:center;margin:0}
.dg-space,.dg-material{inset:0;perspective:900px;overflow:hidden;background:#111;opacity:0;perspective-origin:50% 52%}
.dg-camera,.dg-cubes,.dg-tunnel,.dg-material-camera{position:absolute;left:50%;top:52%;transform-style:preserve-3d}
.dg-cubes,.dg-tunnel{left:0;top:0}
.dg-cube{position:absolute;transform-style:preserve-3d;left:0;top:0}
.dg-face{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff12;background:#111111ef;backface-visibility:hidden;color:#dadada;font:400 var(--dg-word,40px)/1 Arial,sans-serif;letter-spacing:-.05em;white-space:nowrap}
.dg-face.side{color:#626262;background:#121212}.dg-face.top{color:#696969;background:#101010}
.dg-tunnel-panel{position:absolute;border:1px solid #ffffff12;background:#101010;backface-visibility:visible;display:grid;place-content:center;font:400 42px Arial,sans-serif;color:#555;letter-spacing:-.06em}
.dg-center-word{left:50%;top:52%;transform:translate(-50%,-50%);font:400 clamp(40px,5.6vw,100px)/1 Arial,sans-serif;letter-spacing:-.065em;color:#efefef;z-index:4;opacity:0}
.dg-material{background:#171716;perspective:850px}
.dg-material-frame{position:absolute;left:0;top:0;width:1000px;height:800px;transform-style:preserve-3d}
.dg-material-piece{position:absolute;box-shadow:inset 0 0 16px #0008;border:1px solid #6664;background-color:#5c5b56}
.dg-material-piece.stone{background-image:radial-gradient(ellipse at 40% 30%,#171717 0 3px,#96938c 4px,transparent 7px),linear-gradient(120deg,#777770,#282a28);background-size:23px 19px,100% 100%}
.dg-material-piece.wood{background-color:#514131;background-image:repeating-linear-gradient(2deg,transparent 0 4px,#21180e70 5px,transparent 7px),linear-gradient(90deg,#8b7153,#332a21 50%,#6d533a);}
.dg-material-piece.metal{background-image:radial-gradient(#ccc6af 0 .8px,transparent 1.3px),linear-gradient(130deg,#363834,#1e211f);background-size:11px 13px,100% 100%}
.dg-material-piece.ribbed{background-image:repeating-linear-gradient(90deg,#878780 0 5px,#2b2e2b 7px 13px,#565950 16px);}
.dg-coffers{inset:-25%;opacity:0;background-color:#161817;background-image:linear-gradient(135deg,#91928b50 12%,transparent 12%),linear-gradient(45deg,#787a7355 12%,transparent 12%),linear-gradient(225deg,#42454077 12%,transparent 12%),linear-gradient(315deg,#3b3d3977 12%,transparent 12%);background-size:64px 64px;box-shadow:inset 0 0 180px #0008}
.dg-quiet{inset:0;background-color:#efefef;background-image:linear-gradient(#52525235 1px,transparent 1px),linear-gradient(90deg,#52525235 1px,transparent 1px);background-size:9px 9px;opacity:0}
.dg-statement{left:12.5%;right:20%;top:52%;z-index:5;color:#eee;opacity:0;grid-template-columns:55.5% 1fr;align-items:start;gap:0}
.dg-enhanced .dg-statement{display:grid}.dg-statement h3{font:400 clamp(65px,7.2vw,125px)/1 Arial,sans-serif;letter-spacing:-.07em;margin:0;color:inherit}.dg-statement p{font:400 clamp(13px,1.1vw,18px)/1.4 Arial,sans-serif;max-width:300px;margin:0;color:inherit}
.dg-approach{inset:0;background:#efefef;color:#111;opacity:0;overflow:hidden}.dg-approach>b{position:absolute;left:0;top:43%;font:400 17vw/.85 Arial,sans-serif;letter-spacing:-.075em}.dg-approach>small{position:absolute;left:35%;top:52%;font:10px Arial,sans-serif}.dg-approach>div{position:absolute;left:55%;top:25%;font:400 17vw/.85 Arial,sans-serif;letter-spacing:-.075em;white-space:nowrap}.dg-approach span{display:block}
.dg-drawing{inset:0;background:#efefef;color:#141414;opacity:0}.dg-drawing svg{position:absolute;inset:0;width:100%;height:100%}.dg-construction{opacity:.14}.dg-drawing-copy{position:absolute;left:75%;right:3%;top:32%}.dg-drawing-copy h3{font:400 clamp(23px,3.5vw,58px)/.98 Arial,sans-serif;letter-spacing:-.06em;margin:0 0 30px;color:inherit}.dg-drawing-copy p{font:400 clamp(12px,1.1vw,18px)/1.4 Arial,sans-serif;margin:0;color:inherit}
.dg-enhanced .dg-gallery-end{position:absolute;inset:0;z-index:6;background:#efefef;padding:100px 6vw 70px;opacity:0;visibility:hidden}.dg-enhanced .dg-gallery-end>h3{font-size:clamp(28px,4vw,58px);margin:0 0 25px}.dg-enhanced .dg-grid img{max-height:22svh}
.dg-enhanced .dg-controls{position:absolute;display:flex;align-items:center;gap:20px;bottom:22px;right:3%;z-index:10;color:#fff;mix-blend-mode:difference;font:10px/1.5 Arial,sans-serif;letter-spacing:.08em}.dg-controls button,.dg-controls a{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;min-height:44px;display:flex;align-items:center;padding:10px 0;text-decoration:none;cursor:pointer}.dg-controls button:hover,.dg-controls a:hover{opacity:.65}.dg-controls :focus-visible{outline:1px solid currentColor;outline-offset:5px}.dg-index{font-variant-numeric:tabular-nums}
.dg-enhanced .dg-progress{display:block;position:absolute;z-index:9;top:64px;left:0;right:0;height:1px;background:#8882}.dg-progress i{display:block;background:#888;height:1px;transform-origin:left;transform:scaleX(0)}
.about-palette .dg-controls{bottom:70px}
@media(max-width:700px){.dg-enhanced{height:750svh}.dg-opening h2{font-size:14vw;top:52%;width:95%}.dg-statement{left:8%;right:8%;top:60%;grid-template-columns:1fr;gap:22px}.dg-statement h3{font-size:17vw}.dg-statement p{max-width:240px;font-size:13px}.dg-drawing-copy{left:56%;right:5%;top:26%}.dg-drawing-copy h3{font-size:8vw;margin-bottom:20px}.dg-drawing-copy p{font-size:12px}.dg-approach>b,.dg-approach>div{font-size:27vw}.dg-approach>div{left:54%;top:34%}.dg-approach>small{left:30%;top:52%;font-size:8px}.dg-controls{gap:15px!important;right:5%!important;font-size:9px!important}.dg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dg-grid figcaption{font-size:9px;padding:8px 0}.dg-enhanced .dg-gallery-end{padding:90px 6vw 80px}.dg-enhanced .dg-grid img{max-height:16svh}.dg-gallery-end>h3{font-size:30px!important;margin-bottom:25px!important}}
.dg-coffers{background-image:url('about-gallery-coffers.svg');background-size:64px 64px}.dg-material{filter:brightness(.65)}
.dg-static-play{display:inline-flex;min-height:44px;padding:12px 18px;margin-bottom:25px;border:1px solid #111;background:transparent;color:#111;font:12px Arial,sans-serif;cursor:pointer}
@media(max-width:700px){.dg-drawing svg{transform:translateX(-32%)}.dg-drawing-copy{background:#efefefe8;padding:10px 0 12px 8px}.dg-material-frame{filter:saturate(.3)}}
/* Continuous shared-camera pass. These layers never dissolve into each other. */
.dg-opening{background:#efefef}.dg-camera>.dg-material-camera{left:0;top:0}.dg-coffers{inset:0;background:none;box-shadow:none}.dg-cell-canvas{display:block;width:100%;height:100%}.dg-material-frame{backface-visibility:hidden}.dg-material-piece{filter:brightness(.66)}.dg-space{z-index:1}.dg-coffers{z-index:2}.dg-approach{z-index:3}.dg-drawing{z-index:4}.dg-opening{z-index:5}.dg-center-word{z-index:6}.dg-statement{z-index:7}