#toolset {
	display: none;	
}

body {
	background-color: #fff;
	color: #27fea8;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	color: rgba(39, 254, 168, 1);
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 4.5rem;
    list-style-type: decimal-leading-zero;
}

ol > li {
    padding-left: 0.75rem;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(39, 254, 168, 1);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: 1.4rem;
    vertical-align: bottom;
}

.gallery_image_caption {
    margin-top: 0.8em;
    margin-bottom: 3.0rem;
    font-size: 1.2rem;
	line-height: 1.3;
	font-family: "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(39, 254, 168, 1);
    letter-spacing: 0.03em;
    text-align: left;
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.4rem;
	font-weight: 365;
	color: rgba(39, 254, 168, 1);
	font-family: "Diatype Variable", Icons;
	font-style: normal;
	line-height: 1.2;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] bodycopy a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: rgba(39, 254, 168, 1);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {
	
}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Diatype Variable", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 4.7rem;
	line-height: 0.9;
	color: rgba(39, 254, 168, 1);
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] h1 a {
	color: rgba(39, 254, 168, 1);
}

[data-predefined-style="true"] h2 {
	font-family: "Diatype Variable", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(39, 254, 168, 1);
	font-size: 2.1rem;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] h2 a {
	color: rgba(39, 254, 168, 1);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.3;
	font-family: "Monument Grotesk Mono Variable", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(39, 254, 168, 1);
    letter-spacing: 0.03em;
	font-variation-settings: 'slnt' 0, 'MONO' 1;
}

[data-predefined-style="true"] small a {
	color: rgba(39, 254, 168, 1);
}

[data-predefined-style="true"] small a:hover {
}


/**
 * Breakpoints
 */

[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: rgb(0, 0, 0)/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 85%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 3rem /*!main_margin*/;
	padding-bottom: 3rem /*!main_margin*/;
	padding-left: 3rem /*!main_margin*/;
	padding-right: 3rem /*!main_margin*/;
}

[data-css-preset] .backdrop {
	width: 100% /*!background_cover*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 84%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.9rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1.8rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.925rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1.85rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: 0.4rem;
    font-size: 1.2rem;
	font-weight: 500;
	color: rgba(39, 254, 168, 1);
	font-family: "Diatype Variable", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: center;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.thumbnails .thumbnail:hover .title {
	
}

.thumbnails .tags {
    margin-top: 0rem;
    margin-bottom: 1.5rem;
    font-size: 1rem;
	font-weight: 400;
	color: rgba(39, 254, 168, 1);
	font-family: "Monument Grotesk Mono", Icons;
	font-style: normal;
	line-height: 0.7;
    text-align: center;
    padding: 0 1rem 0 1rem;
}

.thumbnails .tags a {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
    color: rgba(39, 254, 168, 1);
    text-decoration: none;
}

.thumbnails .tags a:hover {
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu Button
 */

[data-css-preset] #site_menu_button {
	color: rgba(39, 254, 168, 1);
	line-height: 1;
	font-size: 24px /*!site_menu_button*/;
	padding: 6px;
	line-height: 1;
	background: rgba(33, 32, 46, 0);
	position: fixed;
	top: 1.65rem /*!site_menu_button*/;
	right: 2rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
	font-size: 20px;
}

#site_menu_button.custom_icon {
	width: 40px;
	height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/**
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.5);
    background: transparent;
	font-size: 24px;
    font-style: normal;
	font-weight: 400;
    line-height: 1.;
    position: fixed;
	padding: 6px;
	right: 2rem /*!shop_button*/;
	top: 1.5rem /*!shop_button*/;
}

#shop_button.text {
	font-family: Diatype, Icons;
	font-size: 1.4rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	font-style: normal;
    line-height: 1.2;
    letter-spacing: .03em;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 20px;
}

/**
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: Diatype, Icons;
	font-style: normal;
	font-weight: 400;
	margin-bottom: 1rem;
	font-size: 1.4rem;
	line-height: 1.2;
	color: rgba(0, 0, 0, 0.85);
}

.shop_product .dropdown {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,0.6);
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 2.2rem .8rem 1rem;
	font-style: normal;
	font-weight: 400;
    color: rgba(0, 0, 0, 0.85);
}

.shop_product .button {
	font-family: Diatype, Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.85);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1.3;
    padding: .8rem 1rem 0.9rem;
	font-style: normal;
	font-weight: 400;
    border: 0;
}

.shop_product .button:hover {
    color: #fff;
    border-bottom: 0;
}

/**
 * Image Zoom
 */

.content img.image-zoom:active {
    opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 1) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
	font-family: "Monument Grotesk Mono", Icons;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3.5rem 0;
    text-align: center;
    font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
    line-height: 1.3;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    color: white;
}

/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 0px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 2px;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 0px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 2px;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 2px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 3px;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
   stroke-width: 2px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 3px;
}

/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/**
 * Audio Player
 */

.audio-player {
    max-width: 26rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: transparent;
    font-size: 1.4rem;
    line-height: 1.2;
    font-family: Diatype, Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/* =========================================================
   REDESIGN CLEAN v2 — minimalista, clean (padrão) + dark
   Remover este bloco inteiro volta ao layout anterior.
   ========================================================= */
:root{
  --rf-bg:#f4f4f1; --rf-card:#ffffff; --rf-ink:#161616; --rf-muted:#74746e;
  --rf-line:#e3e2dc; --rf-line-strong:#d2d1ca; --rf-accent:#0e9f68;
  --rf-head:rgba(244,244,241,.88);
  --rf-font:"Diatype Variable","Diatype",Icons;
  --rf-ease:cubic-bezier(.2,.7,.2,1);
}
html[data-theme="dark"]{
  --rf-bg:#101011; --rf-card:#17171a; --rf-ink:#e9e9e6; --rf-muted:#8b8b86;
  --rf-line:#26262a; --rf-line-strong:#34343a; --rf-accent:#27fea8;
  --rf-head:rgba(16,16,17,.86);
}
html, body, .page_background, .main_container{ background-color:var(--rf-bg) !important; transition:background-color .3s var(--rf-ease); }
body{ color:var(--rf-ink) !important; }
bodycopy, [data-predefined-style="true"] bodycopy{
  font-family:var(--rf-font) !important; color:var(--rf-ink) !important;
  font-size:14px !important; line-height:1.6 !important; letter-spacing:0 !important;
}
bodycopy a, .page a.active{ color:var(--rf-ink) !important; text-decoration:none; }
bodycopy a:hover{ color:var(--rf-accent) !important; }
hr{ background:var(--rf-line) !important; }
:focus-visible{ outline:2px solid var(--rf-accent) !important; outline-offset:3px; border-radius:3px; }

/* ---------- MENU ---------- */
.pinned_top .page_container{ background:var(--rf-head) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--rf-line); }
.pinned_top .page_background{ background:transparent !important; }
.pinned_top hr, .pinned_top br{ display:none !important; }
.pinned_top .page{ padding-top:0 !important; padding-bottom:0 !important; }
.rf-nav{ display:flex; justify-content:space-between; align-items:center; min-height:52px; text-align:left !important; }
.rf-nav a{ color:var(--rf-ink) !important; }
.rf-logo{ font-weight:600; font-size:14px; letter-spacing:-.01em; }
.rf-links{ display:flex; align-items:center; gap:22px; font-size:13px; }
.rf-links a{ color:var(--rf-muted) !important; transition:color .2s; min-height:44px; display:inline-flex; align-items:center; }
.rf-links a:hover, .rf-logo:hover{ color:var(--rf-accent) !important; }
.rf-theme{ appearance:none; background:transparent; border:1px solid var(--rf-line-strong); color:var(--rf-muted);
  font:500 12px/1 var(--rf-font); padding:7px 10px; border-radius:99px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; min-height:30px; transition:border-color .2s,color .2s; }
.rf-theme:hover{ color:var(--rf-ink); border-color:var(--rf-ink); }
.rf-theme i{ width:10px; height:10px; border-radius:50%; border:1px solid currentColor; background:linear-gradient(90deg,currentColor 50%,transparent 50%); display:inline-block; }

/* ---------- HOME ---------- */
.rf-hero{ display:none; }
body.homepage .rf-hero{ display:block; padding:56px 0 8px; max-width:520px; text-align:left !important; }
.rf-hero p{ font-size:20px !important; line-height:1.35 !important; letter-spacing:-.01em; margin:0; color:var(--rf-ink) !important; }
.rf-hero p span{ color:var(--rf-muted); }
body.homepage .pinned_top .page_container{ border-bottom-color:transparent; background:transparent !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
.thumbnails .content{ padding-top:36px !important; padding-bottom:80px !important; }
.thumbnails [thumbnails]{
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;
  padding:0 !important; margin-left:-0.79rem !important; margin-right:-0.79rem !important;
}
.thumbnail[data-id="37144183"]{ display:none !important; }
.thumbnails [thumbnails] > .thumbnail{
  width:auto !important; max-width:none !important; float:none !important; margin:0 !important;
  padding:8px 8px 12px !important; background:var(--rf-card); border:1px solid var(--rf-line); border-radius:6px;
  transition:border-color .25s var(--rf-ease), transform .35s var(--rf-ease);
  animation:rfIn .5s var(--rf-ease) both;
}
.thumbnails [thumbnails] > .thumbnail:hover{ border-color:var(--rf-line-strong); transform:translateY(-2px); }
.thumbnail .thumb_image{ position:relative !important; overflow:hidden; border-radius:3px; background:var(--rf-line); aspect-ratio:16/10; height:auto !important; padding:0 !important; }
.thumbnail .thumb_image img{ position:absolute !important; inset:0; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; }
.thumbnails [thumbnails]{ align-items:start; }
.thumbnail .thumb_image img{ transition:transform .6s var(--rf-ease); }
.thumbnail:hover .thumb_image img{ transform:scale(1.025); }
.thumbnail .title, .thumbnail .title span{
  text-align:left !important; margin:10px 2px 0 !important; padding:0 !important;
  font-family:var(--rf-font) !important; font-size:13px !important; font-weight:500 !important; color:var(--rf-ink) !important; line-height:1.3 !important;
}
.thumbnail .tags, .thumbnail .tags a{
  text-align:left !important; margin:2px 2px 0 !important; padding:0 !important;
  font-family:var(--rf-font) !important; font-size:12px !important; color:var(--rf-muted) !important;
  letter-spacing:0 !important; text-transform:none !important; line-height:1.3 !important;
}
@keyframes rfIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.thumbnails [thumbnails] > .thumbnail:nth-child(2){animation-delay:.04s}.thumbnails [thumbnails] > .thumbnail:nth-child(3){animation-delay:.08s}
.thumbnails [thumbnails] > .thumbnail:nth-child(4){animation-delay:.12s}.thumbnails [thumbnails] > .thumbnail:nth-child(5){animation-delay:.16s}
.thumbnails [thumbnails] > .thumbnail:nth-child(6){animation-delay:.2s}.thumbnails [thumbnails] > .thumbnail:nth-child(n+7){animation-delay:.24s}

/* ---------- PROJETO: painel de info + galeria ---------- */
.content_container .page bodycopy{ max-width:100% !important; margin:0 !important; box-sizing:border-box; }
.content_container .page .page_content{ max-width:100%; }
.rf-project{ display:grid; grid-template-columns:280px minmax(0,1fr); gap:32px; align-items:start; padding:36px 0 80px; text-align:left !important; }
.rf-info{ position:sticky; top:72px; background:var(--rf-card); border:1px solid var(--rf-line); border-radius:6px; padding:20px; }
.rf-info h1{ font-family:var(--rf-font) !important; font-size:20px !important; line-height:1.2 !important; letter-spacing:-.01em; font-weight:500 !important; color:var(--rf-ink) !important; margin:0 0 4px; }
.rf-info small, [data-predefined-style="true"] bodycopy .rf-info small{ display:block; font-family:var(--rf-font) !important; font-size:12px !important; color:var(--rf-muted) !important; letter-spacing:0 !important; text-transform:none !important; margin:0 0 16px; }
.rf-info p{ font-size:13px !important; line-height:1.6 !important; margin:0 0 12px; color:var(--rf-ink); }
.rf-info .rf-meta{ border-top:1px solid var(--rf-line); margin-top:16px; padding-top:14px; display:flex; flex-direction:column; gap:10px; }
.rf-pending{ display:inline-flex; align-items:center; gap:6px; align-self:flex-start; font-size:11px; line-height:1; color:var(--rf-muted); border:1px dashed var(--rf-line-strong); border-radius:99px; padding:5px 9px; }
.rf-pending:before{ content:""; width:6px; height:6px; border-radius:50%; background:#e0a526; }
.rf-next{ display:flex; justify-content:space-between; gap:12px; font-size:12px; }
.rf-next a{ color:var(--rf-muted) !important; }
.rf-next a:hover{ color:var(--rf-accent) !important; }
.rf-gallery{ display:flex; flex-direction:column; gap:16px; }
.rf-gallery img, .content .rf-gallery img{
  display:block; width:100% !important; max-width:100% !important; height:auto !important; box-sizing:border-box;
  margin:0 !important; padding:8px; background:var(--rf-card); border:1px solid var(--rf-line); border-radius:6px;
  cursor:zoom-in; transition:border-color .25s var(--rf-ease);
}
.rf-gallery.rf-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.rf-gallery.rf-grid-3{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.rf-gallery img:hover{ border-color:var(--rf-line-strong); }
.gallery_image_caption{ font-family:var(--rf-font) !important; color:var(--rf-muted) !important; font-size:12px !important; }

.rf-empty{ display:flex; align-items:center; justify-content:center; min-height:320px; border:1px dashed var(--rf-line-strong); border-radius:6px; color:var(--rf-muted); font-size:12px; background:repeating-linear-gradient(135deg,transparent 0 10px,var(--rf-line) 10px 11px); }
.rf-media{ position:relative; aspect-ratio:16/9; background:#000; border:1px solid var(--rf-line); border-radius:6px; overflow:hidden; }
.rf-media iframe{ position:absolute; inset:0; width:100% !important; height:100% !important; }

/* ---------- VISUALIZADOR (sempre escuro) ---------- */
.rf-viewer{ position:fixed; inset:0; z-index:99999; background:rgba(8,8,9,.94); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:opacity .3s var(--rf-ease),visibility .3s; color:#e9e9e6; font-family:var(--rf-font); touch-action:none; }
.rf-viewer.on{ opacity:1; visibility:visible; }
.rf-stage img{ cursor:zoom-in; transform-origin:50% 50%; }
.rf-viewer.zoomed .rf-stage img{ cursor:grab; }
.rf-viewer.zoomed .rf-v-prev, .rf-viewer.zoomed .rf-v-next, .rf-viewer.zoomed .rf-v-bottom{ opacity:0; pointer-events:none; }
.rf-v-prev, .rf-v-next, .rf-v-bottom{ transition:opacity .25s; }
.rf-stage{ position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.rf-stage img{ position:absolute; max-width:min(92vw,1600px); max-height:82vh; object-fit:contain; border-radius:3px; user-select:none; -webkit-user-drag:none;
  transition:opacity .45s var(--rf-ease), transform .55s var(--rf-ease); will-change:transform,opacity; }
.rf-v-top{ position:absolute; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 18px; font-size:12px; color:#9a9a95; z-index:2; }
.rf-v-title{ flex:1; }
.rf-v-bottom{ position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:center; gap:6px; padding:18px; z-index:2; }
.rf-v-dot{ width:6px; height:6px; border-radius:50%; background:#3a3a3f; border:0; padding:0; cursor:pointer; transition:background .25s, width .25s; }
.rf-v-dot.on{ background:#27fea8; width:18px; border-radius:99px; }
.rf-v-btn{ appearance:none; border:1px solid #2e2e33; background:rgba(20,20,22,.6); color:#e9e9e6; width:44px; height:44px; border-radius:50%; cursor:pointer; font:400 18px/1 var(--rf-font);
  display:flex; align-items:center; justify-content:center; transition:border-color .2s, background .2s; }
.rf-v-btn:hover{ border-color:#27fea8; background:rgba(39,254,168,.08); }
.rf-v-prev, .rf-v-next{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; }
.rf-v-prev{ left:18px; } .rf-v-next{ right:18px; }

/* ---------- IDIOMA ---------- */
html[data-lang="pt"] .rf-en{ display:none !important; }
html:not([data-lang="pt"]) .rf-pt{ display:none !important; }
.rf-lang{ appearance:none; background:transparent; border:1px solid var(--rf-line-strong); border-radius:99px; padding:2px; display:inline-flex; align-items:center; gap:2px; cursor:pointer; min-height:30px; }
.rf-lang b{ font:500 11px/1 var(--rf-font); color:var(--rf-muted); padding:6px 7px; border-radius:99px; transition:background .2s,color .2s; }
html:not([data-lang="pt"]) .rf-lang b[data-l="en"], html[data-lang="pt"] .rf-lang b[data-l="pt"]{ background:var(--rf-ink); color:var(--rf-bg); }
.rf-links{ gap:18px; }

/* ---------- OUTROS PROJETOS (abaixo de cada página) ---------- */
body:not(.homepage) .thumbnails .content{ padding-top:24px !important; }
body:not(.homepage) .thumbnails [thumbnails]{ margin-top:0 !important; padding-top:0 !important; }
body:not(.homepage) .thumbnails .content:before{ content:"Other projects"; display:block; font:500 13px/1.2 var(--rf-font); letter-spacing:-.005em; color:var(--rf-ink); border-top:1px solid var(--rf-line); padding:28px 0 0; margin:0 -0.79rem 20px; }
html[data-lang="pt"] body:not(.homepage) .thumbnails .content:before{ content:"Outros projetos"; }
body[data-page-id="37144183"] .thumbnails .content:before{ content:"Projects"; }
html[data-lang="pt"] body[data-page-id="37144183"] .thumbnails .content:before{ content:"Projetos"; }
body:not(.homepage) .thumbnails [thumbnails]{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
body:not(.homepage) .thumbnails [thumbnails] > .thumbnail{ padding:6px 6px 10px !important; }
.rf-project{ padding-bottom:48px; }

/* ---------- ABOUT ---------- */
.rf-about{ display:grid; grid-template-columns:minmax(220px,320px) minmax(0,580px); column-gap:56px; row-gap:28px; align-items:stretch; padding:40px 0 56px; text-align:left !important; }
.rf-about > .rf-cta{ grid-column:2; }
.rf-about-text > :last-child{ margin-bottom:0 !important; }
.rf-about-photo{ display:flex; flex-direction:column; margin:0; background:var(--rf-card); border:1px solid var(--rf-line); border-radius:6px; padding:8px; min-height:0; }
.rf-about-photo img, .content .rf-about-photo img{ display:block; flex:1 1 0; min-height:0; width:100% !important; height:auto !important; object-fit:cover; object-position:50% 30%; border-radius:3px; margin:0 !important; }
.rf-info small span{ font-family:var(--rf-font) !important; letter-spacing:0 !important; text-transform:none !important; }
.rf-about-cap{ display:flex; justify-content:space-between; font-size:12px; color:var(--rf-muted); padding:10px 4px 2px; }
.rf-lead{ font-size:22px !important; line-height:1.3 !important; letter-spacing:-.012em; margin:0 0 28px !important; color:var(--rf-ink); }
.rf-lead span{ color:var(--rf-muted); }
.rf-label{ display:block; font-size:11px; line-height:1; letter-spacing:.07em; text-transform:uppercase; color:var(--rf-muted); margin:0 0 10px; }
.rf-now{ background:var(--rf-card); border:1px solid var(--rf-line); border-radius:6px; padding:16px 18px; margin:0 0 28px; }
.rf-now p{ margin:0 !important; }
.rf-about p{ font-size:14px; line-height:1.65; margin:0 0 14px; }
.rf-block{ margin:0 0 28px; }
.rf-clients{ display:flex; flex-wrap:wrap; gap:6px; }
.rf-clients span{ font-size:12px; line-height:1; border:1px solid var(--rf-line-strong); border-radius:99px; padding:7px 11px; color:var(--rf-ink); }
.rf-cta{ display:flex; flex-wrap:wrap; gap:10px; border-top:1px solid var(--rf-line); padding-top:24px; }
bodycopy .rf-cta a{ display:inline-flex; align-items:center; min-height:40px; padding:0 18px; border-radius:99px; border:1px solid var(--rf-line-strong); font-size:13px; color:var(--rf-ink) !important; transition:border-color .2s, background .2s, color .2s; }
bodycopy .rf-cta a:hover{ border-color:var(--rf-ink); color:var(--rf-ink) !important; }
bodycopy .rf-cta a.rf-primary{ background:var(--rf-ink); border-color:var(--rf-ink); color:var(--rf-bg) !important; }
bodycopy .rf-cta a.rf-primary:hover{ background:var(--rf-accent); border-color:var(--rf-accent); color:#0b0b0c !important; }

/* ---------- RESPONSIVO ---------- */
@media (max-width:1024px){
  .thumbnails [thumbnails]{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rf-project{ grid-template-columns:1fr; gap:16px; padding-top:20px; }
  .rf-info{ position:static; }
  body:not(.homepage) .thumbnails [thumbnails]{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .rf-about{ grid-template-columns:1fr; gap:24px; padding-top:24px; }
  .rf-about-photo{ max-width:340px; }
  .rf-about-photo img, .content .rf-about-photo img{ flex:none; aspect-ratio:4/5; }
  .rf-about > .rf-cta{ grid-column:auto; }
}
@media (max-width:640px){
  .rf-links{ gap:14px; font-size:12px; }
  .rf-links .rf-hide-m{ display:none !important; }
  .rf-theme span{ display:none; }
  body.homepage .rf-hero{ padding-top:28px; }
  .rf-hero p{ font-size:17px !important; }
  .thumbnails .content{ padding-top:20px !important; }
  .thumbnails [thumbnails]{ gap:10px; }
  .thumbnails [thumbnails] > .thumbnail{ padding:5px 5px 9px !important; }
  .thumbnail .title, .thumbnail .title span{ font-size:12px !important; margin-top:7px !important; }
  .thumbnail .tags, .thumbnail .tags a{ font-size:11px !important; }
  .rf-gallery{ gap:10px; }
  .rf-gallery.rf-grid, .rf-gallery.rf-grid-3{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .rf-gallery img, .content .rf-gallery img{ padding:4px; }
  .rf-info{ padding:16px; }
  body:not(.homepage) .thumbnails [thumbnails]{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .rf-lead{ font-size:19px !important; }
  .rf-links{ gap:10px; }
  .rf-lang b{ padding:6px 6px; }
  .rf-v-prev, .rf-v-next{ display:none; }
  .rf-stage img{ max-width:100vw; max-height:76vh; border-radius:0; }
}
@media (prefers-reduced-motion:reduce){
  .thumbnails [thumbnails] > .thumbnail{ animation:none; }
  .rf-stage img, .rf-viewer, .thumbnail, .thumbnail img{ transition:none !important; }
}

/* =========================================================
   v5 — ajustes do Rafael: só escuro (preto + verde), tipografia
   verde como antes, corte seco (sem cards, sem bordas, sem cantos
   arredondados) e imagens estáticas.
   ========================================================= */
:root, html[data-theme="dark"], html[data-theme="light"]{
  --rf-bg:#000000; --rf-card:transparent; --rf-ink:#27fea8; --rf-muted:rgba(39,254,168,.62);
  --rf-line:rgba(39,254,168,.28); --rf-line-strong:rgba(39,254,168,.5); --rf-accent:#ffffff;
  --rf-head:#000000;
  --rf-mono:"Monument Grotesk Mono",Icons;
}
html, body, .page_background, .main_container{ background-color:#000 !important; }
::selection{ background:#27fea8; color:#000; }

/* tipografia: títulos em Diatype verde, rótulos e menu em mono verde (como o site anterior) */
.rf-nav, .rf-links, .rf-links a, .rf-lang b,
.thumbnail .tags, .thumbnail .tags a,
.rf-info small, .rf-info small span, [data-predefined-style="true"] bodycopy .rf-info small,
.rf-next, .rf-next a, .rf-label, .rf-about-cap, .rf-clients, .rf-clients span,
body:not(.homepage) .thumbnails .content:before{
  font-family:var(--rf-mono) !important; letter-spacing:.02em !important;
}
.rf-logo{ font-family:var(--rf-font) !important; }
.rf-links a, .rf-next a{ color:var(--rf-ink) !important; opacity:.7; transition:opacity .2s; }
.rf-links a:hover, .rf-next a:hover, .rf-logo:hover{ opacity:1; color:#fff !important; }

/* menu: sem bloco/borda, só uma linha fina */
.pinned_top .page_container{ background:#000 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; border-bottom:1px solid var(--rf-line) !important; }
body.homepage .pinned_top .page_container{ border-bottom-color:transparent !important; }
.rf-theme{ display:none !important; }
.rf-lang{ border:0 !important; padding:0 !important; border-radius:0 !important; background:none !important; gap:8px !important; }
.rf-lang b{ padding:4px 0 !important; border-radius:0 !important; background:none !important; color:var(--rf-muted) !important; font-weight:400 !important; }
html:not([data-lang="pt"]) .rf-lang b[data-l="en"], html[data-lang="pt"] .rf-lang b[data-l="pt"]{ background:none !important; color:var(--rf-ink) !important; text-decoration:underline; text-underline-offset:4px; }

/* home: corte seco, sem card */
.thumbnails [thumbnails] > .thumbnail{
  background:none !important; border:0 !important; border-radius:0 !important; padding:0 !important;
  transform:none !important; animation:none !important;
}
.thumbnails [thumbnails] > .thumbnail:hover{ transform:none !important; }
.thumbnail .thumb_image{ border-radius:0 !important; background:#0d0d0d !important; }
.thumbnail .thumb_image img{ transition:opacity .25s !important; }
.thumbnail:hover .thumb_image img{ transform:none !important; opacity:.85; }
.thumbnails [thumbnails]{ gap:28px 16px !important; }
.thumbnail .title, .thumbnail .title span{ color:var(--rf-ink) !important; font-weight:400 !important; }
.thumbnail .tags, .thumbnail .tags a{ color:var(--rf-muted) !important; font-size:12px !important; }

/* "Outros projetos" */
body:not(.homepage) .thumbnails [thumbnails] > .thumbnail{ padding:0 !important; }
body:not(.homepage) .thumbnails .content:before{ color:var(--rf-ink) !important; font-weight:400 !important; }

/* páginas de projeto: painel sem caixa, galeria sem moldura */
.rf-info{ background:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; }
.rf-info .rf-meta{ border-top:1px solid var(--rf-line) !important; }
.rf-info p{ color:var(--rf-ink) !important; }
.rf-pending{ border-radius:0 !important; border:1px dashed var(--rf-line-strong) !important; color:var(--rf-muted) !important; font-family:var(--rf-mono) !important; }
.rf-gallery img, .content .rf-gallery img{
  padding:0 !important; border:0 !important; border-radius:0 !important; background:none !important;
  cursor:default !important; -webkit-user-drag:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none;
}
.rf-gallery{ gap:12px !important; }
.rf-gallery.rf-grid, .rf-gallery.rf-grid-3{ gap:12px !important; }
.rf-empty{ border-radius:0 !important; background:none !important; border:1px dashed var(--rf-line) !important; color:var(--rf-muted) !important; font-family:var(--rf-mono) !important; }
.rf-media{ border:0 !important; border-radius:0 !important; }
.rf-viewer{ display:none !important; }

/* About: sem caixas */
.rf-about-photo{ background:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; }
.rf-about-photo img, .content .rf-about-photo img{ border-radius:0 !important; -webkit-user-drag:none; user-select:none; }
.rf-about-cap{ padding:10px 0 0 !important; color:var(--rf-muted) !important; }
.rf-now{ background:none !important; border:0 !important; border-left:1px solid var(--rf-ink) !important; border-radius:0 !important; padding:2px 0 2px 16px !important; }
.rf-lead, .rf-about p{ color:var(--rf-ink) !important; }
.rf-lead span{ color:var(--rf-muted) !important; }
.rf-clients{ gap:4px 0 !important; }
.rf-clients span{ border:0 !important; border-radius:0 !important; padding:0 !important; color:var(--rf-ink) !important; font-size:12px !important; }
.rf-clients span:not(:last-child):after{ content:"/"; margin:0 7px; color:var(--rf-muted); }
.rf-cta{ border-top:1px solid var(--rf-line) !important; gap:24px !important; }
bodycopy .rf-cta a, bodycopy .rf-cta a.rf-primary{
  background:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; min-height:40px;
  color:var(--rf-ink) !important; font-family:var(--rf-mono) !important; font-size:13px !important; text-decoration:underline; text-underline-offset:5px;
}
bodycopy .rf-cta a:hover, bodycopy .rf-cta a.rf-primary:hover{ background:none !important; color:#fff !important; }
.rf-hero p{ color:var(--rf-ink) !important; }
.rf-hero p span{ color:var(--rf-muted) !important; }
:focus-visible{ outline-color:#fff !important; }

/* tag "Aguardando arquivos originais" escondida */
.rf-pending{ display:none !important; }

/* celular: imagens grandes, uma por linha */
@media (max-width:640px){
  body.homepage .thumbnails [thumbnails]{ grid-template-columns:1fr !important; gap:32px !important; }
  .rf-gallery.rf-grid, .rf-gallery.rf-grid-3{ grid-template-columns:1fr !important; gap:10px !important; }
  .rf-about-photo{ max-width:none !important; }
}

/* imagens horizontais ocupam a linha inteira na grade */
.rf-gallery.rf-grid img.rf-wide{ grid-column:1 / -1; }