.immersives-clock,.immersives-mission{background-color:var(--color-iron)}.immersives-clock a{color:var(--color-gold)}.immersive,.peek{max-height:70vh;padding-top:var(--values-nav-bar-height)}.immersive{background-color:var(--color-iron);color:var(--color-white-95);margin:0 auto;overflow:hidden;position:relative}.immersive .intro{height:65vh}.immersive.open .intro{height:40vh;transition:height .5s ease-in-out}.immersive-clock-what,.immersive-clock-what .peek,.immersive-home-mission,.immersive-home-mission .peek{max-height:100vh}.immersive-clock-what .intro,.immersive-home-mission .intro{height:85vh}.immersive-clock-what.open .intro,.immersive-home-mission.open .intro{height:60vh}.immersive .peek:before,.immersive:before,.peek{bottom:0;left:0;position:absolute;right:0;top:0}.immersive .peek:before,.immersive:before{content:"";filter:sepia(1)}.immersive.open .peek:before,.immersive.open:before{filter:sepia(0);transition:filter .8s ease-out}.immersives-clock .immersive .peek:before,.immersives-clock .immersive:before{filter:grayscale(1)}.immersives-clock .immersive.open .peek:before,.immersives-clock .immersive.open:before{filter:grayscale(0)}.immersive .opener{background-image:url(icon-opener-white.svg);background-position:0;background-repeat:no-repeat;font:var(--font-nav);height:2.4em;opacity:.8;padding:20px 0 0 32px;text-transform:uppercase}.immersive.open .opener{opacity:0;transition:opacity .5s ease-out}.immersive.open{transition:max-height 1s ease-out}.immersive.closed{cursor:pointer}.immersive .expanded{margin-top:-2.4em;opacity:0;position:relative}.immersive.open .expanded{box-shadow:inset 0 -125px 75px rgba(0,0,0,.5);opacity:1;transition:opacity 1.5s ease-out;transition-delay:.4s}.immersive .intro{align-items:center;display:flex;flex-flow:column nowrap;justify-content:flex-end;margin:0 auto;max-width:var(--values-layout-content-max-width);padding:0 1rem;position:relative}.immersive h1{font:var(--font-immersive-1)}.immersive h2{font:var(--font-immersive-2)}.immersive h3{font:var(--font-immersive-3)}.immersive h4,.immersive p{font:var(--font-immersive-4)}.immersive h4{font-style:italic}.immersive .clock-diagram p,.immersive .principles p,.immersive h5,.immersive li{font:var(--font-immersive-5)}.immersive .intro{text-align:center;text-shadow:var(--wash-text-shadow)}.immersive .intro h1{margin:0;padding:0 .5rem}.immersive .intro p{margin:0;max-width:24em;padding:.75rem var(--values-layout-margin-narrow)}.home-template .immersive .intro p:first-of-type,.immersive-clock-what .intro p:first-of-type{font:var(--font-immersive-3);max-width:17em}.immersive .content{margin:1rem auto;max-width:var(--values-layout-content-max-width)}.immersive .content.divided{background-image:linear-gradient(180deg,transparent 80%,var(--color-onyx) 100%);margin:1rem 0;max-width:100%;width:100%}.immersive .content:last-of-type{margin-bottom:0;padding-bottom:60vw}.immersive .content p{margin:0;padding:1.5rem var(--values-layout-margin-wide);text-shadow:var(--wash-text-shadow)}.immersive .display p{font:var(--font-immersive-3);text-align:justify}.immersive .display p.center{text-align:center}.immersive .content h2,.immersive .content h3,.immersive .content h4,.immersive .content h5{margin:0;padding:0 var(--values-layout-margin-wide)}.immersive .content h2,.immersive .content h3{padding-top:3rem}.immersive .content h2{text-align:center}.immersive .content h4{padding-top:2rem}.immersive .content h5{padding-top:.5rem}.kg-gallery-card,.kg-image-card{background-color:var(--color-black)}.immersive .inset{margin:auto;max-width:var(--values-layout-content-max-width);padding:0 var(--values-layout-margin-narrow)}.immersive .inset img{margin:2rem 0;width:100%}.immersive .inset.small img{display:block;margin:2rem auto;width:70%}.immersive .principles{display:flex;flex-flow:row wrap;justify-content:center}.immersive .principle{max-width:350px}.immersive .principle h4,.immersive .principle h5,.immersive .principle p{padding:0}.immersive .principle ul{list-style-type:"- ";margin:0;padding:0 0 0 1rem}.immersive .principle li{padding-bottom:.5rem}.immersive .principle h4{padding:0 0 .25rem}.immersive .principle h5{font-style:italic;padding:.75rem 0}.immersive .background-reveal{margin:2rem auto;width:80%}.immersive .background-reveal img{border:1px solid var(--color-white-10);border-radius:4px}.longnow-diagram{margin:0 auto;max-width:750px;padding:0 var(--values-layout-margin-narrow)}.longnow-diagram img{margin-top:1.5rem;text-align:center;width:100%}.immersive .content .clock-diagram h4,.immersive .content .clock-diagram p{padding:12px 370px 0 0}.winder-color{color:var(--color-gold)}.governor-color{color:var(--color-jade)}.chimes-color{color:var(--color-quartz)}.synchronizer-color{color:var(--color-sapphire)}.clock-diagram{background:repeat-y 100% 0 url(diagram-stairs.png);margin:1rem auto;max-width:680px;min-width:550px}.clock-diagram-chimes,.clock-diagram-synchronizer,.clock-diagram-timing,.clock-diagram-winder{margin-left:1rem}.clock-diagram-synchronizer{background:no-repeat 100% 100% url(diagram-synchronizer.png);min-height:370px}.clock-diagram-timing{background:no-repeat 100% 0 url(diagram-timing.png);min-height:370px}.clock-diagram-chimes{background:no-repeat 100% 0 url(diagram-chimes.png);min-height:790px}.clock-diagram-winder{background:no-repeat 100% 0 url(diagram-winder.png);min-height:840px}.immersive .content .clock-diagram-timing h4{padding-top:120px}.immersive .content .clock-diagram-timing p{padding-bottom:60px}.lore{margin:0 auto;max-width:var(--values-layout-content-max-width)}.immersive .content:last-of-type .lore:last-of-type{background-image:none}.lore blockquote:first-child{background-image:url(logo-rete-white.svg);background-position:top 2em center;background-repeat:no-repeat;background-size:65px;margin:0;padding-top:6em}.lore em{font:var(--font-immersive-3);font-style:normal}.lore figcaption{display:flex;flex-flow:row nowrap;justify-content:space-between;margin:-1rem var(--values-layout-margin-wide) 3rem}.lore cite{font:var(--font-flourish)}.clockmakers{background:no-repeat top 45px center/100% url(logo-winder.png)}.immersive .clockmakers h3,.immersive .clockmakers h4,.immersive .clockmakers h5{text-align:center}.immersive .clockmakers h5{font:var(--font-details)}.immersive .clockmakers div{margin:4em 0}.immersive .clockmakers a{color:var(--color-white-95)}.immersive .actionboxes{bottom:var(--values-actionbox-bottom);justify-content:flex-start;position:var(--values-actionbox-position)}.immersive .actionboxes,.immersive .actionboxes-inline{display:flex;flex-flow:var(--responsive-flex-flow);margin:0 var(--values-layout-margin-narrow)}.immersive .actionboxes-inline{justify-content:center}.immersive .actionbox,.immersive .principle{background:var(--color-iron-70);border:1px solid var(--color-white-10);border-radius:4px;margin:.75rem;padding:1rem}.immersive .actionbox{display:inline-block;max-width:600px;min-width:250px;position:relative;text-align:var(--values-actionbox-text-align)}.immersive .actionbox label{display:block;font:var(--font-heading-2);margin:0 0 .4em}.immersive .actionbox span{font:var(--font-details);padding-left:.4em}.immersive .actionbox ul{list-style-type:none;margin:0;padding:0;text-align:left}.immersive .actionbox li{font:var(--font-details);margin:12px 0;padding:0}.immersive .actionbox li a{display:block;font:var(--font-body-small)}.immersive .actionbox input{width:150px}.immersive .captions{background-color:transparent;background-image:url(icon-camera-white.svg);background-position:right top 10px;background-repeat:no-repeat;background-size:24px;bottom:0;left:1rem;margin:2rem auto;max-width:var(--values-layout-content-max-width);opacity:.8;padding:6px 0 0;position:absolute;right:1rem}.immersive .captions.visible{border-top:1px solid var(--color-white-95)}.immersive .captions p{font:var(--font-caption);margin:0 36px 6px 0;opacity:0;padding:0;text-align:left;transition:opacity .2s ease-out}.immersive .captions.visible p{opacity:1;transition:opacity .4s ease-in}:root{--wash-immersive-mission:linear-gradient(180deg,var(--color-iron-30) 10%,var(--color-iron-70) 40%,var(--color-iron-90) 90%,var(--color-iron) 100%)}.immersive-home-mission .peek:before{background:no-repeat bottom/100% var(--wash-immersive-mission),no-repeat 50%/cover url(intro-home-mission.jpg)}.immersive-home-mission.open .expanded{background:no-repeat bottom/100% url(outro-home-mission.jpg)}.immersive-home-clock .peek:before{background:no-repeat bottom/100% var(--wash-immersive-mission),no-repeat 50%/cover url(intro-home-clock.jpg)}.immersive-home-clock.open .expanded{background:no-repeat bottom/100% url(outro-home-clock.jpg)}.immersive-home-projects .peek:before{background:no-repeat bottom/100% var(--wash-immersive-mission),no-repeat 50%/cover url(intro-home-projects.jpg)}.immersive-home-projects.open .expanded{background:no-repeat bottom/100% url(outro-home-projects.jpg)}.immersive-home-participate .peek:before{background:no-repeat bottom/100% var(--wash-immersive-mission),no-repeat 50%/cover url(intro-home-participate.jpg)}.immersive-home-participate.open .expanded{background:no-repeat bottom/100% url(outro-home-participate.jpg)}:root{--wash-immersive-clock:linear-gradient(180deg,var(--color-iron-30) 0%,var(--color-iron-70) 30%,var(--color-iron) 100%);--wash-immersive-clock-expanded:linear-gradient(180deg,var(--color-iron-70) 0%,var(--color-iron-90) 30%,var(--color-iron) 100%)}.immersive-clock-what:before{background:no-repeat 100% var(--wash-immersive-clock),no-repeat top/100% url(intro-clock-what.jpg)}.immersive-clock-what.open:before{background:no-repeat 100% var(--wash-immersive-clock-expanded),no-repeat top/100% url(intro-clock-what.jpg)}.immersive-clock-what.open .expanded{background:no-repeat bottom/100% url(outro-clock-what.jpg)}.immersive-clock-why:before{background:no-repeat 100% var(--wash-immersive-clock),no-repeat top/100% url(intro-clock-why.jpg)}.immersive-clock-why.open:before{background:no-repeat 100% var(--wash-immersive-clock-expanded),no-repeat top/100% url(intro-clock-why.jpg)}.immersive-clock-why.open .expanded{background:no-repeat bottom/100% url(outro-clock-why.jpg)}.immersive-clock-how:before{background:no-repeat 100% var(--wash-immersive-clock),no-repeat top/100% url(intro-clock-how.jpg)}.immersive-clock-how.open:before{background:no-repeat 100% var(--wash-immersive-clock-expanded),no-repeat top/100% url(intro-clock-how.jpg)}.immersive-clock-how.open .expanded{background:no-repeat bottom/100% url(outro-clock-how.jpg)}.immersive-clock-where:before{background:no-repeat 100% var(--wash-immersive-clock),no-repeat top/100% url(intro-clock-where.jpg)}.immersive-clock-where.open:before{background:no-repeat 100% var(--wash-immersive-clock-expanded),no-repeat top/100% url(intro-clock-where.jpg)}
/*# sourceMappingURL=immersive.css.map*/