@charset "UTF-8";

/* Muted petrol: firm text, soft reflections. */
:root {
  --desk: #11262e;
  --desk-soft: #0c1c24;
  --ink: #14272e;
  --blue: #29575b;
  --blue-deep: #17383c;
  --line: #29575b;
  --yellow: #29575b;
  --copper: #29575b;
  --flow-period: 24s;
}
body { isolation: isolate; background: var(--desk); }
.fluid-backdrop { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.draft-strip { color: #cbdcde; }
.site-head { padding-bottom: 22px; }
.brand>span { color: #e0eaeb; }
.opening, .old-way, .views, .information, .personal {
  box-shadow: 7px 8px 0 #0b1d24b8, 0 17px 40px #00000026;
}
.opening { background: #fcfcfa; }
.old-way, .views, .information, .personal { margin-top: 44px; }
.opening:before { box-shadow: inset 0 1px 0 #7d9ba3; }
.free-note>b { background: linear-gradient(145deg, #fff 45%, #e1ebed); }
.demo-link { box-shadow: 3px 4px 0 #0a1e25, inset 0 1px 0 #fff; }
.scope-console, .core-tile {
  --light-x: 65%;
  --light-y: 35%;
  isolation: isolate;
  background: linear-gradient(125deg, #366369, #275053 42%, #183336);
  overflow: hidden;
}
.scope-console:before, .core-tile:before {
  content: "";
  position: absolute;
  inset: -85% -30%;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 30% 50%, #abcad225, transparent 45%),
    conic-gradient(from 30deg at 58% 47%, transparent 0deg 45deg, #94b9c143 66deg, #132d3450 94deg, transparent 115deg 215deg, #7fa5b045 240deg, transparent 270deg);
  border-radius: 42% 58% 63% 37%;
  filter: blur(7px);
  animation: ink-reflection var(--flow-period) ease-in-out infinite alternate;
  will-change: transform;
}
.core-tile:before { animation-delay: -9s; animation-duration: calc(var(--flow-period) * 1.3); }
.scope-console:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 320px 150px at var(--light-x) var(--light-y), #e5f1f318, transparent 75%);
}
.core-tile:after { border-color: #d8eaee0c; }
.scope-indicator { background: linear-gradient(125deg, #fff, #e8eff0); }
.range-row>button { background: linear-gradient(#fff 50%, #dfeaec); }
.range-row>button:hover { background: linear-gradient(#fff, #eaf2f3); }
.range-bed>input::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #e8f1f3 0 var(--fill), #18333d var(--fill) 100%);
}
.range-bed>input::-webkit-slider-thumb {
  background: repeating-linear-gradient(90deg, transparent 0 4px, var(--blue) 4px 6px, transparent 6px 10px) center/30px 19px no-repeat, linear-gradient(#fff 30%, #e6eff0);
}
.range-bed>input::-moz-range-thumb {
  background: repeating-linear-gradient(90deg, transparent 0 4px, var(--blue) 4px 6px, transparent 6px 10px) center/30px 19px no-repeat, linear-gradient(#fff 30%, #e6eff0);
}
.work-tile-time, .engine-tile { background: linear-gradient(125deg, #29494c, #18373a); }
.calendar-tile { background: linear-gradient(135deg, #457275, #254f54); }
.customer-tile, .article-tile, .stock-tile, .office-tile, .industry-tile { background: linear-gradient(140deg, #fff 65%, #eaf1f2); }
.work-tile { transition: box-shadow 180ms ease, border-color 180ms ease; }
.work-tile:hover { box-shadow: 4px 6px 0 var(--blue-deep), 0 5px 12px #18333d15; }
.gui-label { background: linear-gradient(105deg, #3a6569, #284d51); }
.gui-card .gui-window { background: #13282e; }
.last-brand { color: #dfecee; }
.last-word h2>span { color: #dfecee; }
.site-foot, .draft-links { color: #d9e5e8; }
.ticket-wrap:after { opacity: .1; }

@keyframes ink-reflection {
  0% { transform: translate(-7%, -5%) rotate(-23deg) scale(.95); }
  50% { transform: translate(4%, 6%) rotate(8deg) scale(1.08); }
  100% { transform: translate(9%, -4%) rotate(29deg) scale(1.03); }
}
body[data-motion="off"] .scope-console:before,
body[data-motion="off"] .core-tile:before,
body[data-hidden="true"] .scope-console:before,
body[data-hidden="true"] .core-tile:before { animation-play-state: paused; }
body[data-motion="off"] .work-tile { transition: none; }
@media(hover:hover) {
  .views-layout figure.gui-card { transition: transform 220ms ease, box-shadow 220ms ease; }
  .views-layout figure.gui-card:hover { transform: translateY(-4px) rotate(-.6deg); box-shadow: 5px 8px 0 var(--blue-deep); }
  body[data-motion="off"] .views-layout figure.gui-card { transform: none; transition: none; }
}
@media(prefers-reduced-motion:reduce) { :root { --flow-period: 32s; } }
@media(max-width:1100px) { .tiles[data-count="1"] .paper-stack { display: none!important; } }
@media(max-width:850px) {
  /* Narrow module faces keep their headings clear of decorative drawings. */
  .tiles:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]) .work-tile>:is(.index-drawing, .time-line, .material-drawing, .calendar-drawing, .stock-drawing, .connection-drawing, .industry-drawing, .engine-drawing) { display: none; }
}
@media(max-width:650px) {
  .range-bed>input::-webkit-slider-thumb, .range-bed>input::-moz-range-thumb { background-size: 21px 17px, auto; }
  .site-head { padding-bottom: 24px; }
  .scope-console:before, .core-tile:before { filter: none; }
}