/* Colour revision: preserve composition, restore saturation and visible grain. */
.hero-atmosphere{inset:0;opacity:1;filter:none;mask-image:none;background-image:url("assets/tatumo-atmosphere.png");background-position:center right;background-size:cover}
:root[data-theme="dark"] .hero-atmosphere{inset:0;opacity:1;filter:none;mask-image:none;background-image:url("assets/tatumo-atmosphere-dark-colour.png");background-position:center right}
.hero-copy{position:relative;z-index:1}
.hero-atmosphere:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 62%,#f6f3ea00 68%,#f6f3eaf0 91%,#f6f3ea 100%)}
:root[data-theme="dark"] .hero-atmosphere:after{background:none}
.hero-description{color:#33332f}.intro-note{color:#474742}.hero-product figcaption,.hero-bottom{color:#33332f}
.hero-bottom{border-color:#10101024}.screenshot-button{box-shadow:0 22px 65px #1116}
:root[data-theme="dark"] .hero-description{color:#deded7}
:root[data-theme="dark"] .hero-copy .intro-note{color:#c6c6bf}
:root[data-theme="dark"] .hero-product figcaption,:root[data-theme="dark"] .hero-bottom{color:#d8d8d1}
:root[data-theme="dark"] .hero-copy{text-shadow:0 2px 18px #0004}
:root[data-theme="dark"] .hero-bottom{border-color:#ffffff2b}
:root[data-theme="dark"] .site-nav{--lg-scene-background:url("assets/tatumo-atmosphere-dark-colour.png");--lg-opacity:.4}
.workspace-section{position:relative}
.workflow-section{position:relative;isolation:isolate;background:#0c0d0f;color:#f6f3ea;overflow:hidden}
.workflow-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/tatumo-atmosphere-dark-colour.png") 65% 45%/cover;opacity:.92}
.workflow-section:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#0c0d0f99,transparent 65%)}
.workflow-intro p,.workflow p{color:#eeede5}
.step-number,.closing-brand{color:#d2d2cf}
.workflow li,.closing{border-color:#ffffff40}
:root[data-theme="dark"] .workflow-section{background:#0c0d0f;color:#f6f3ea}
:root[data-theme="dark"] .workflow-intro p,:root[data-theme="dark"] .workflow p{color:#eeede5}
:root[data-theme="dark"] .hero-actions .button,.closing .button,:root[data-theme="dark"] .closing .button{background:#f23a1d;color:#fff}
:root[data-theme="dark"] .hero-actions .button:hover,.closing .button:hover,:root[data-theme="dark"] .closing .button:hover{background:#d92d14}
@media(min-width:761px) and (max-width:1000px){
.hero-atmosphere,:root[data-theme="dark"] .hero-atmosphere{inset:0;opacity:1;background-position:55% center}
:root[data-theme="dark"] .hero-atmosphere:after{background:linear-gradient(100deg,#07090ccc,transparent 78%)}
}
@media(max-width:760px){
.hero-atmosphere{inset:0;opacity:1;background-position:42% center}
:root[data-theme="dark"] .hero-atmosphere{inset:0;opacity:1;background-position:36% center}
:root[data-theme="dark"] .hero-atmosphere:after{background:linear-gradient(100deg,#07090c66,transparent 85%)}
.hero-bottom{align-items:start}.hero-product figcaption{line-height:1.6}
.workflow-section:before{background-position:52% center;opacity:.9}
.workflow-section:after{background:linear-gradient(100deg,#0c0d0fcc,#0c0d0f10 90%)}
}