/* Daylight Build Observatory: deck, orbit map, signal bands, experiment board, weather windows, review deck, signal ribbon and protocol request. */
:root{--chalk:#f5f2e9;--graphite:#25303a;--sun:#f4c94b;--sky:#5cb7d6;--red:#e95c57;--mist:#e5edf0;--line:rgba(37,48,58,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--chalk);color:var(--graphite);font:16px/1.58 Manrope,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}.frame{width:min(1240px,calc(100% - 48px));margin:auto}h1,h2,h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;line-height:.86;letter-spacing:-.05em}h2{font-size:clamp(3.3rem,6.5vw,7rem);margin:0 0 20px}.eyebrow{margin:0 0 15px;color:var(--sun);font:500 .7rem/1.35 'DM Mono',monospace;letter-spacing:.095em}.eyebrow.blue{color:var(--sky)}.btn{min-height:50px;border-radius:0;font-weight:800;padding:11px 18px}.btn-sun{background:var(--sun);border-color:var(--sun);color:var(--graphite)}.obs-head{background:rgba(245,242,233,.96);border-bottom:1px solid var(--line);z-index:10}.navbar{min-height:72px}.navbar>.frame{display:flex;align-items:center;width:min(1240px,calc(100% - 48px))}.brand{display:flex;align-items:center;gap:10px;color:var(--graphite);text-decoration:none}.brand img{width:43px;height:43px}.brand span{display:grid;line-height:1}.brand b{font-size:1.04rem}.brand small{margin-top:5px;font:500 .55rem 'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.nav-link{color:var(--graphite)!important;font-size:.86rem;font-weight:800}.header-contact{background:transparent!important;border:0!important}.navbar-toggler{border:1px solid var(--graphite);border-radius:0}.offcanvas{background:var(--graphite);color:#fff}.offcanvas-header .btn-close{filter:invert(1)}.offcanvas-body{display:grid;align-content:start}.offcanvas-body a{display:flex;align-items:center;min-height:58px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);font-weight:800}.observation-deck{position:relative;min-height:790px;overflow:hidden;color:#fff;background:var(--graphite)}.observation-deck>img,.deck-shade{position:absolute;inset:0;width:100%;height:100%}.observation-deck>img{object-fit:cover}.deck-shade{background:linear-gradient(90deg,rgba(37,48,58,.91),rgba(37,48,58,.55),rgba(37,48,58,.08))}.deck-copy{position:relative;z-index:1;padding:118px 0 110px}.deck-copy h1{max-width:800px;margin:0 0 25px;font-size:clamp(5rem,10vw,10.5rem)}.deck-copy h1 em{color:var(--sun);font-style:italic}.deck-copy>p:not(.eyebrow){max-width:560px;color:rgba(255,255,255,.84);font-size:1.1rem}.deck-copy .btn{margin-top:20px}.station-rail{position:absolute;z-index:1;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(1240px,calc(100% - 48px));border-top:1px solid rgba(255,255,255,.35)}.station-rail span{padding:15px 0;color:rgba(255,255,255,.82);font:500 .65rem 'DM Mono',monospace}.station-rail span:last-child{text-align:right}.orbit-map{padding:125px 0;background:var(--chalk)}.orbit-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:86px;align-items:center}.orbit-copy>p:not(.eyebrow){max-width:490px}.orbit-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:34px}.orbit-controls button{display:flex;align-items:center;gap:9px;min-height:56px;padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--graphite);font-weight:800;text-align:left}.orbit-controls button i{font-size:1.2rem}.orbit-controls button.active{background:var(--graphite);color:var(--sun);border-color:var(--graphite)}.orbit-device{position:relative;display:grid;place-items:center;min-height:620px}.orbit-device>img{position:relative;z-index:2;width:62%;aspect-ratio:1/1.12;object-fit:cover;border-radius:48% 48% 10% 10%;box-shadow:0 0 0 12px var(--chalk),0 0 0 13px var(--graphite)}.orbit-ring{position:absolute;border:1px solid var(--graphite);border-radius:50%}.ring-one{width:94%;height:75%;transform:rotate(-18deg)}.ring-two{width:64%;height:112%;border-color:var(--sky);transform:rotate(36deg)}.orbit-dot{position:absolute;z-index:3;width:20px;height:20px;border-radius:50%}.dot-one{top:15%;right:10%;background:var(--red)}.dot-two{bottom:15%;left:8%;background:var(--sun)}.orbit-readout{position:absolute;z-index:4;right:-20px;bottom:12px;max-width:360px;padding:22px;background:#fff;box-shadow:7px 7px 0 var(--graphite)}.orbit-readout p:first-child{margin:0 0 7px;color:var(--sky);font:500 .65rem 'DM Mono',monospace}.orbit-readout h3{margin:0 0 9px;font-size:2.2rem}.orbit-readout p:last-child{margin:0;font-size:.88rem}.signal-strip{padding:0 0 115px;background:var(--chalk)}.strip-heading{display:grid;grid-template-columns:1fr 1.35fr;gap:65px;align-items:end;margin-bottom:30px}.signal-bands{display:grid;grid-template-columns:repeat(4,1fr)}.band{min-height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:var(--graphite)}.band span{font:500 .67rem 'DM Mono',monospace}.band p{max-width:150px;margin:10px 0;font:400 1.8rem/.92 'Instrument Serif',serif}.band i{font-size:2rem}.band-input{background:var(--sun)}.band-event{background:var(--sky)}.band-record{background:var(--mist)}.band-release{background:var(--red);color:#fff}.strip-figure{display:grid;grid-template-columns:1fr 1fr;background:var(--graphite);color:#fff}.strip-figure img{width:100%;height:440px;object-fit:cover}.strip-figure>div{display:flex;flex-direction:column;justify-content:center;padding:52px}.strip-figure h3{font-size:clamp(2.6rem,4.7vw,5rem);margin:0 0 17px}.strip-figure p:last-child{max-width:390px;color:rgba(255,255,255,.75)}.experiment-table{padding:120px 0;background:var(--sky)}.table-top{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:end;margin-bottom:36px}.table-top h2{max-width:810px}.table-top>p{margin:0 0 8px}.table-board{position:relative;min-height:690px;overflow:hidden;background:var(--chalk);box-shadow:12px 12px 0 var(--graphite)}.table-board>img{width:100%;height:100%;min-height:690px;object-fit:cover;filter:saturate(.84)}.measure-card{position:absolute;max-width:250px;padding:17px;background:#fff;color:var(--graphite);box-shadow:4px 4px 0 var(--graphite);transform:rotate(-3deg)}.measure-card span{display:block;margin-bottom:9px;color:var(--red);font:500 .65rem 'DM Mono',monospace}.measure-card b{display:block;font-size:1.04rem}.measure-card small{display:block;margin-top:6px}.m-one{left:7%;top:11%}.m-two{right:8%;top:38%;transform:rotate(4deg);background:var(--sun)}.m-three{left:18%;bottom:13%;background:var(--mist);transform:rotate(-1deg)}.table-caption{position:absolute;right:0;bottom:0;padding:16px 20px;background:var(--graphite);color:#fff;font:500 .64rem 'DM Mono',monospace}.weather-windows{padding:120px 0;background:var(--graphite);color:#fff}.weather-intro{max-width:1050px;margin-bottom:60px}.weather-intro h2{font-size:clamp(3.7rem,7vw,8rem)}.weather-stack{display:grid;gap:0}.weather-card{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:340px;overflow:hidden;border-top:1px solid rgba(255,255,255,.35)}.weather-card:last-child{border-bottom:1px solid rgba(255,255,255,.35)}.weather-card img{width:100%;height:340px;object-fit:cover}.weather-card>div{padding:40px 50px}.weather-card p{margin:0 0 8px;color:var(--sun);font:500 .67rem 'DM Mono',monospace}.weather-card h3{margin:0 0 18px;font-size:clamp(2.5rem,4.1vw,4.3rem)}.weather-card span{font-size:.9rem;color:rgba(255,255,255,.8)}.weather-overcast{grid-template-columns:.9fr 1.1fr}.weather-overcast img{order:2}.weather-overcast>div{order:1;text-align:right}.weather-release>div{background:var(--red);align-self:stretch;display:grid;align-content:center}.review-deck{padding:120px 0;background:var(--chalk)}.review-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:78px;align-items:center}.review-stage{position:relative;padding:30px 30px 80px;background:var(--graphite);box-shadow:12px 12px 0 var(--sun)}.stage-rails:before,.stage-rails:after{content:"";position:absolute;z-index:1;width:12px;height:100%;top:0;background:var(--sun)}.stage-rails:before{left:40px}.stage-rails:after{right:40px}.review-stage>img{position:relative;z-index:2;width:100%;height:540px;object-fit:cover}.stage-card{position:absolute;z-index:3;right:-28px;bottom:25px;width:min(390px,78%);padding:25px;background:#fff;box-shadow:5px 5px 0 var(--red)}.stage-card p:first-child{margin:0 0 7px;color:var(--red);font:500 .64rem 'DM Mono',monospace}.stage-card h3{margin:0 0 10px;font-size:2.2rem}.stage-card p:last-child{margin:0;font-size:.88rem}.dial{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.dial button{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border:0;background:transparent;color:var(--graphite);font-weight:800;border-bottom:2px solid var(--line)}.dial button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--mist);font:500 .68rem 'DM Mono',monospace}.dial button.active{border-color:var(--graphite)}.dial button.active span{background:var(--sun)}.signal-index{padding:120px 0;background:var(--sun)}.index-copy{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:end}.index-copy h2{font-size:clamp(3.5rem,6vw,6.5rem)}.index-copy>p:last-child{margin:0 0 11px}.index-ribbon{display:flex;gap:0;margin-top:44px;overflow-x:auto;border:1px solid var(--graphite)}.term-card{display:flex;flex:0 0 285px;min-height:250px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:19px;border:0;border-right:1px solid var(--graphite);text-align:left;color:var(--graphite)}.term-card:last-child{border-right:0}.term-card span{font:500 .67rem 'DM Mono',monospace}.term-card b{font:400 2.7rem/.9 'Instrument Serif',serif}.term-card small{font-size:.82rem}.term-sun{background:#fff}.term-blue{background:var(--sky)}.term-red{background:var(--red);color:#fff}.term-dark{background:var(--graphite);color:#fff}.index-image{display:grid;grid-template-columns:1fr .75fr;align-items:end;margin-top:34px;background:var(--mist)}.index-image img{width:100%;height:340px;object-fit:cover}.index-image p{max-width:340px;padding:35px;margin:0;font:400 2.2rem/.98 'Instrument Serif',serif}.observation-request{padding:120px 0;background:var(--mist)}.request-layout{display:grid;grid-template-columns:.78fr 1.22fr;align-items:stretch}.protocol-poster{display:flex;flex-direction:column;padding:55px;background:var(--red);color:#fff}.protocol-poster strong{font:400 8rem/.7 'Instrument Serif',serif;color:var(--sun)}.protocol-poster h2{margin:12px 0 30px;font-size:clamp(3.4rem,5vw,5.3rem)}.protocol-poster div{border-top:1px solid rgba(255,255,255,.5)}.protocol-poster div p{margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.5)}.protocol-poster div b{color:var(--sun)}.protocol-poster small{margin-top:auto;padding-top:25px;color:rgba(255,255,255,.8)}.request-layout form{display:grid;align-content:start;gap:9px;padding:55px;background:#fff}.request-layout form h2{font-size:clamp(3rem,5vw,5.3rem);margin-bottom:25px}.request-layout label{font-size:.88rem;font-weight:800}.form-control{min-height:53px;border:1px solid var(--line);border-radius:0;padding:10px;font-size:16px}.consent{margin:10px 0;font-size:.8rem!important}.observatory-close{position:relative;min-height:620px;display:grid;align-items:center;overflow:hidden;color:#fff;background:var(--graphite)}.observatory-close>img,.close-shade{position:absolute;inset:0;width:100%;height:100%}.observatory-close>img{object-fit:cover}.close-shade{background:linear-gradient(90deg,rgba(37,48,58,.90),rgba(37,48,58,.12))}.close-copy{position:relative;z-index:1}.close-copy h2{max-width:850px;font-size:clamp(4.3rem,8vw,8.7rem)}footer{padding:43px 0;background:var(--graphite);color:#fff}.footer-layout{display:grid;grid-template-columns:1.05fr 1.2fr 1fr auto;gap:30px;align-items:center}.footer-brand{color:#fff}.footer-layout p{margin:0;color:rgba(255,255,255,.72);font-size:.86rem}.footer-layout nav{display:flex;flex-wrap:wrap;gap:14px}.footer-layout nav a{color:#fff;text-decoration:none;font-size:.82rem}.footer-layout small{font:500 .63rem 'DM Mono',monospace;white-space:nowrap}.cookie{position:fixed;z-index:100;bottom:17px;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;background:var(--graphite);color:#fff;border-left:8px solid var(--sun)}.cookie p{margin:0;font-size:.85rem}.modal-content{border:3px solid var(--graphite);border-radius:0}.modal-header{border-bottom:1px solid var(--line)}.modal-body{padding:35px}.modal-body h2{font-size:4rem}.modal-prompt{margin-top:22px;padding:17px;background:var(--sun);font-weight:800}@media(max-width:980px){.orbit-grid,.review-layout,.index-copy,.request-layout{grid-template-columns:1fr}.strip-heading,.table-top{grid-template-columns:1fr}.orbit-device{min-height:530px}.review-layout{gap:55px}.footer-layout{grid-template-columns:1fr 1fr}.weather-card,.weather-overcast{grid-template-columns:1fr 1fr}.weather-overcast img{order:0}.weather-overcast>div{order:0;text-align:left}.weather-card>div{padding:30px}.stage-card{right:12px}.experiment-table{padding:90px 0}}@media(max-width:575px){.frame,.navbar>.frame{width:calc(100% - 24px)}.navbar>.frame{width:calc(100% - 24px)}.observation-deck{min-height:735px}.deck-copy{padding:79px 0}.deck-copy h1{font-size:4.8rem}.station-rail{width:calc(100% - 24px);grid-template-columns:1fr 1fr}.station-rail span{padding:8px 0;font-size:.5rem}.station-rail span:nth-child(even){text-align:right}.orbit-map,.signal-strip,.weather-windows,.review-deck,.signal-index,.observation-request{padding:72px 0}.orbit-controls{grid-template-columns:1fr 1fr}.orbit-controls button{font-size:.82rem}.orbit-device{min-height:490px}.orbit-device>img{width:68%}.orbit-readout{right:0;bottom:0;width:85%;padding:18px}.orbit-readout h3{font-size:1.85rem}.signal-bands{grid-template-columns:1fr 1fr}.band{min-height:160px}.strip-figure{grid-template-columns:1fr}.strip-figure img{height:300px}.strip-figure>div{padding:34px 20px}.table-board,.table-board>img{min-height:510px}.measure-card{max-width:180px;padding:12px;font-size:.8rem}.m-one{left:4%;top:6%}.m-two{right:3%;top:41%}.m-three{left:8%;bottom:10%}.weather-intro h2{font-size:3.8rem}.weather-card,.weather-overcast{grid-template-columns:1fr;min-height:0}.weather-card img{height:260px}.weather-card>div{padding:29px 20px}.weather-overcast img{order:0}.weather-overcast>div{order:0;text-align:left}.review-stage{padding:18px 18px 90px}.stage-rails:before{left:28px}.stage-rails:after{right:28px}.review-stage>img{height:390px}.stage-card{right:0;bottom:17px;width:88%;padding:18px}.stage-card h3{font-size:1.8rem}.index-ribbon{margin-left:-12px;margin-right:-12px}.term-card{flex-basis:238px;min-height:220px}.index-image{grid-template-columns:1fr}.index-image img{height:260px}.index-image p{padding:25px;font-size:1.9rem}.protocol-poster,.request-layout form{padding:35px 20px}.protocol-poster strong{font-size:7rem}.footer-layout{grid-template-columns:1fr;gap:19px}.footer-layout nav{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.footer-layout nav a{display:flex;align-items:center;min-height:44px}.cookie{left:7px;right:7px;bottom:7px;align-items:flex-start;flex-direction:column}.cookie .btn{width:100%}.modal-body h2{font-size:3.1rem}}
