.dividian-site{background:#020304 url('assets/dividian-space.png') center top/cover fixed no-repeat;color:#f5f5f5;--ink:#f5f5f5;--line:#ffffff30}.dividian-site header{border-color:#ffffff30}.dividian-site .contact{border-color:#888}.dividian-site .project-breadcrumb{border-color:#ffffff25}.dividian-site .project-breadcrumb>span{color:#aaa}.div-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:11%;padding:65px 7% 80px;min-height:730px}.div-cover-wrap{max-width:420px;justify-self:center;width:100%}.div-cover{display:block;width:100%;padding:0;background:#000;border:1px solid #76878366;color:white;cursor:pointer;box-shadow:0 15px 70px #14392e44;transition:transform .5s,box-shadow .5s}.div-cover:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 25px 80px #1c624944}.div-cover>img{display:block;width:100%;max-height:580px;object-fit:contain}.div-cover>span{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#1c3029;font-size:15px}.div-cover b{font-size:23px;font-weight:400}.div-cover-wrap>p{font-size:8px;letter-spacing:1.8px;line-height:1.7;color:#aaa;margin-top:18px;text-align:center}.div-hero-copy .eyebrow{color:#adbcb5}.div-hero-copy h1{font-family:Georgia,serif;letter-spacing:3px;font-size:clamp(44px,5.7vw,91px);font-weight:400;line-height:1.1;margin:30px 0}.div-hero-copy h2{font-size:clamp(31px,3.5vw,53px);letter-spacing:-1.5px;font-weight:400;line-height:1.12}.div-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:510px;color:#b9c0be}.div-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.div-roles>span{border:1px solid #677d6f66;border-radius:30px;padding:8px 12px;font-size:10px;color:#c6d4ce}.div-hero-copy>a{display:inline-block;font-size:12px;border-bottom:1px solid #728578;padding-bottom:7px;margin-top:35px}.div-unfolding{padding:80px 7%;background:#030707b8;border-top:1px solid #ffffff20}.div-section-head{max-width:800px}.div-section-head h2{font-size:clamp(35px,4.5vw,68px);line-height:1.08;letter-spacing:-2px}.div-section-head>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#abb9b4;max-width:650px}.div-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:55px 0}.div-journey article{border-top:1px solid #ffffff40;padding-top:20px}.div-journey article>span{font-size:9px;letter-spacing:1.5px;color:#91b09f}.div-journey h3{font:400 28px Georgia,serif;letter-spacing:-.5px}.div-journey p{font-size:14px;line-height:1.8;color:#b3bcb8}.div-art{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1000px;margin:60px auto 0;align-items:start}.div-art figure{max-width:430px}.div-art figure:nth-child(2){margin-top:70px}.div-art img{display:block;width:100%;max-height:620px;object-fit:contain;object-position:left}.div-art figcaption{font-size:10px;color:#9fa9a3;margin-top:15px}.dividian-site .dividian-experience{background:#020403c9;padding:75px 7%}.dividian-site .soundtrack{border-color:#ffffff30;margin-top:45px}.dividian-site .soundtrack p{color:#aab7b1}.dividian-site .reel-grid{grid-template-columns:repeat(4,1fr);gap:25px}.dividian-site .reel-grid video{width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}.dividian-site .next-project{background:#030303;border-color:#ffffff20}.dividian-site footer{border-color:#ffffff30;color:#a1aaa5}.dividian-site #comic-reader{color:#f5f5f5;background:#0e1110}.dividian-site .close{color:white}.dividian-site .page-sound{color:#bbb}.dividian-site .reader-controls button:not(:disabled):hover{background:#1f4b37}.dividian-site .reader-stage img{box-shadow:0 6px 30px #000}.dividian-site .motion-ready .reveal{opacity:1;transform:none}@media(max-width:800px){.div-hero{gap:6%;padding:50px 5%}.div-hero-copy h1{letter-spacing:1px}.dividian-site .reel-grid{grid-template-columns:1fr 1fr}.div-journey{gap:25px}.div-journey h3{font-size:24px}}@media(max-width:540px){.dividian-site{background-attachment:scroll;background-size:auto 1400px}.div-hero{display:flex;flex-direction:column;padding:35px 6% 55px;gap:35px}.div-cover-wrap{max-width:300px}.div-cover>img{max-height:440px}.div-hero-copy h1{font-size:55px;margin:20px 0}.div-hero-copy h2{font-size:35px}.div-journey{grid-template-columns:1fr;gap:20px}.div-unfolding,.dividian-site .dividian-experience{padding:55px 6%}.div-art{gap:20px}.div-art figure:nth-child(2){margin-top:35px}.dividian-site .reel-grid{gap:15px}.dividian-site .reel-grid figure{max-width:none}.div-section-head h2{font-size:38px}.div-hero-copy>a{margin-top:25px}}@media(prefers-reduced-motion:reduce){.div-cover{transition:none}.div-cover:hover{transform:none}}

/* Dividian's becoming: private making, tangible work, and creative encounters. */
.dividian-site .motion-ready .reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.75,.2,1)}
.dividian-site .motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.div-wall{max-width:1000px;margin:60px auto 0}
.div-wall img{display:block;width:100%;max-height:760px;object-fit:cover;object-position:center;filter:contrast(1.04) brightness(.86)}
.div-wall figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;color:#aab3af;font-size:9px;letter-spacing:1.2px;text-transform:uppercase}
.div-process{display:grid;grid-template-columns:minmax(280px,.78fr) 1.22fr;gap:9%;align-items:center;max-width:1180px;margin:95px auto 0}
.div-process>figure img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;object-position:left top}
.div-process>figure figcaption{margin-top:14px;color:#99a49f}
.div-process-copy h3{font:400 clamp(32px,4vw,58px)/1.08 Georgia,serif;margin:20px 0}
.div-process-copy>p:not(.eyebrow){max-width:650px;color:#aeb8b4;font-size:15px;line-height:1.85}
.div-process .div-journey{grid-template-columns:1fr;margin:45px 0 0;gap:0}
.div-process .div-journey article{display:grid;grid-template-columns:105px 1fr 1.2fr;gap:18px;align-items:baseline;padding:18px 0;border-top:1px solid #ffffff29}
.div-process .div-journey h4{font:400 21px Georgia,serif;margin:0}
.div-process .div-journey p{margin:0;font-size:12px}
.div-materialized{padding:90px 7% 110px;background:#050607;border-top:1px solid #ffffff1d}
.div-real-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 7%;max-width:850px;margin:55px auto 0;align-items:start}
.div-real-grid figure img{display:block;width:100%;object-fit:cover;filter:saturate(.9) contrast(1.03)}
.div-booth{grid-row:span 2}
.div-booth img{height:auto;max-height:520px;object-fit:contain!important;object-position:left top}
.div-signing img{height:auto;max-height:420px;object-fit:contain!important;object-position:left top}
.div-real-grid figcaption{color:#aeb7b3;margin-top:14px}
.div-real-grid .div-story-line{font:italic 400 clamp(27px,3.2vw,46px)/1.25 Georgia,serif;margin:30px 0 10px;padding:0;color:#e5e9e7}
.div-conversations{padding:105px 7% 120px;background:#0b0c0e;border-top:1px solid #ffffff1c}
.div-encounters{display:grid;grid-template-columns:repeat(12,1fr);gap:55px 28px;max-width:960px;margin:60px auto 0;align-items:start}
.encounter img{display:block;width:100%;object-fit:cover;object-position:center top;background:#050505;transition:transform .75s ease,filter .75s ease}
.encounter:hover img{transform:scale(1.012);filter:brightness(1.06)}
.encounter figcaption{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-top:16px;padding-top:13px;border-top:1px solid #ffffff2b}
.encounter figcaption strong{font-size:11px;letter-spacing:.9px;text-transform:uppercase}
.encounter figcaption span{font:italic 15px/1.45 Georgia,serif;color:#aeb6b2}
.encounter-tom{grid-column:1/8}
.encounter-tom img{height:610px;object-fit:contain;object-position:left top}
.encounter-gary{grid-column:8/13;margin-top:125px}
.encounter-gary img{height:480px;object-fit:contain;object-position:left top}
.encounter-robert{grid-column:1/6}
.encounter-robert img{height:450px;object-fit:contain;object-position:left top}
.encounter-moon{grid-column:6/13;margin-top:85px}
.encounter-moon img{height:520px;object-fit:contain;object-position:left top}

@media(max-width:800px){
 .div-process{gap:6%}
 .div-process .div-journey article{grid-template-columns:85px 1fr}
 .div-process .div-journey article p{grid-column:2}
 .div-booth img{height:auto;max-height:480px}
 .div-signing img{height:auto;max-height:400px}
 .encounter-tom img{height:650px}
 .encounter-gary img{height:500px}
 .encounter-robert img,.encounter-moon img{height:520px}
 .encounter figcaption{grid-template-columns:1fr;gap:7px}
}
@media(max-width:540px){
 .div-wall{margin-top:45px}
 .div-wall img{height:auto}
 .div-wall figcaption{display:block;line-height:1.7}
 .div-wall figcaption span{display:block}
 .div-process{grid-template-columns:1fr;gap:45px;margin-top:60px}
 .div-process>figure{width:86%}
 .div-process>figure img{height:auto;max-height:460px}
 .div-process .div-journey article{grid-template-columns:80px 1fr;gap:12px}
 .div-materialized,.div-conversations{padding:65px 6% 75px}
 .div-real-grid{grid-template-columns:1fr;gap:42px;margin-top:45px}
 .div-booth{grid-row:auto}
 .div-booth img,.div-signing img{height:auto;max-height:450px;object-fit:contain;object-position:center}.div-booth{max-width:290px}.div-signing{max-width:280px;justify-self:end}
 .div-real-grid .div-story-line{margin:0}
 .div-encounters{grid-template-columns:1fr;gap:50px;margin-top:50px}
 .encounter-tom,.encounter-gary,.encounter-robert,.encounter-moon{grid-column:auto;margin-top:0}
 .encounter img,.encounter-tom img,.encounter-gary img,.encounter-robert img,.encounter-moon img{height:auto;max-height:490px;object-fit:contain;object-position:left}
}
@media(prefers-reduced-motion:reduce){
 .dividian-site .motion-ready .reveal{opacity:1;transform:none;transition:none}
 .encounter img{transition:none}
 .encounter:hover img{transform:none}
}
.div-music-toggle{position:fixed;right:22px;bottom:22px;z-index:25;background:#111a16eF;color:#fff;border:1px solid #73877a;border-radius:30px;padding:12px 19px;font-size:12px;box-shadow:0 5px 20px #0005}
.div-music-toggle:hover{background:#284437}
#comic-reader{max-width:1400px;padding:20px 28px}
#comic-reader .reader-hint{font-size:11px;color:#aab7b1;margin:0 0 15px;line-height:1.5}
#comic-reader .reader-stage{position:relative;overflow:auto;perspective:2200px;padding:0 0 8px}
.reader-book{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;width:min(100%,calc(66vh * 1.32));margin:0 auto;background:#070908;box-shadow:0 15px 50px #0008}
.reader-book::after{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 9px);width:18px;pointer-events:none;background:linear-gradient(90deg,transparent,#0006 50%,transparent);z-index:3}
#comic-reader .reader-book img{display:block;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;margin:0;box-shadow:none;border:1px solid #252b27}
#comic-reader .reader-options{display:flex;justify-content:center;gap:24px;margin-top:14px}
#comic-reader .reader-options button{font-size:11px;background:none;border:0;border-bottom:1px solid #76847a;color:#bec9c2;padding:5px 0}
#comic-reader .reader-controls{margin-top:10px}
#comic-reader.reader-zoomed .reader-book{width:1200px;max-width:none}
#comic-reader.reader-zoomed .reader-stage{max-height:66vh}
@media(max-width:540px){#comic-reader{padding:22px 12px}.div-music-toggle{right:14px;bottom:14px}.reader-book{width:100%}#comic-reader .reader-controls{gap:12px;font-size:12px}#comic-reader .reader-controls button{padding:10px 12px}}