/* ============================================================
	   Fragata Comunicação · Tema "Doro"
	   Em homenagem a Dorotéia Fragata,
	   fundadora (1948 — 2025).
	   Φ design system · Spacing 8·13·21·34·55·89·144 · Min font 15px
	   ============================================================ */

	*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
	html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

	:root{
		/* Bege */
		--paper:    #ede5d0;
		--paper-2:  #e3d8bc;
		--paper-3:  #d6c9a8;
		--paper-foam:#f5eedb;

		/* Azul-marinho */
		--ink:      #141d2e;
		--ink-2:    #1d2c44;
		--ink-3:    #2c3f5a;
		--ink-soft: #3d536f;

		/* Acentos */
		--sage:      #6b8194;
		--sage-soft: #9eb3c5;
		--sage-deep: #4d6378;

		/* Linhas */
		--rule:        rgba(var(--paper-rgb), .10);
		--rule-strong: rgba(var(--paper-rgb), .22);
		--rule-light:  rgba(var(--paper-rgb), .10);
		--rule-light-strong:rgba(var(--paper-rgb), .28);

		/* Φ Spacing scale (Fibonacci) */
		--sp-1: 8px;
		--sp-2: 13px;
		--sp-3: 21px;
		--sp-4: 34px;
		--sp-5: 55px;
		--sp-6: 89px;
		--sp-7: 144px;

		/* Φ Type scale — min 15px */
		--fs-xs:  15px;
		--fs-sm:  16px;
		--fs-md:  17px;
		--fs-lg:  19px;
		--fs-xl:  22px;

		--shadow-soft: 0 13px 34px -13px rgba(0,0,0,.45);
		--glow-paper:  0 0 0 1px rgba(var(--paper-rgb), .15), 0 0 89px -10px rgba(var(--paper-rgb), .18), 0 0 144px -21px rgba(var(--sage-rgb), .35);

		--serif:"Funnel Display","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
		--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;

		--gutter:clamp(21px,4vw,55px);
		--ease:cubic-bezier(.2,.7,0,1);
	}

	body{
		font-family:var(--sans);
		background:var(--ink); color:var(--paper);
		font-size:var(--fs-sm); line-height:1.55; font-weight:400;
		overflow-x:hidden;
	}
	a{color:inherit; text-decoration:none}
	button{font:inherit; color:inherit; background:none; border:none; cursor:pointer}
	img,svg{display:block; max-width:100%}
	::selection{background:var(--paper); color:var(--ink)}

	/* Funnel Display não tem italic — força Inter italic em todos os acentos */
	em, i, [class*="role"], [class*="quote"], [class*="step"], [class*="ix"],
	.num-idx, .num-unit, .case .num, .section-label .num,
	.founder-eyebrow, .hero-bottom .pin, .footer-bottom .credits,
	.signoff{
		font-family:var(--sans) !important;
	}

	[id]{scroll-margin-top:89px}

	.grain{
		position:fixed; inset:0; pointer-events:none; z-index:9999;
		opacity:.06; mix-blend-mode:overlay;
		background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.93  0 0 0 0 0.89  0 0 0 0 0.81  0 0 0 0.85 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
	}

	.svg-defs{position:absolute; width:0; height:0; overflow:hidden}

	/* ---------------- Header ---------------- */
	.site-header{
		position:fixed; top:0; left:0; right:0; z-index:50;
		padding:13px var(--gutter);
		display:flex; align-items:center; justify-content:space-between; gap:21px;
		color:var(--paper);
		transition:padding .35s var(--ease);
	}
	.site-header.scrolled{padding-block:11px}

	.hdr-blur{
		position:absolute; inset:0; z-index:-1; pointer-events:none;
		opacity:0; transition:opacity .4s var(--ease);
	}
	.site-header.scrolled .hdr-blur{opacity:1}
	.hdr-blur > div{position:absolute; inset:0}
	.hdr-blur .hb-1{
		backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
		mask-image:linear-gradient(to bottom, black 0%, black 12%, transparent 28%);
		-webkit-mask-image:linear-gradient(to bottom, black 0%, black 12%, transparent 28%);
	}
	.hdr-blur .hb-2{
		backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
		mask-image:linear-gradient(to bottom, transparent 12%, black 28%, black 45%, transparent 60%);
		-webkit-mask-image:linear-gradient(to bottom, transparent 12%, black 28%, black 45%, transparent 60%);
	}
	.hdr-blur .hb-3{
		backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
		mask-image:linear-gradient(to bottom, transparent 45%, black 60%, black 75%, transparent 88%);
		-webkit-mask-image:linear-gradient(to bottom, transparent 45%, black 60%, black 75%, transparent 88%);
	}
	.hdr-blur .hb-4{
		backdrop-filter:blur(1px); -webkit-backdrop-filter:blur(1px);
		mask-image:linear-gradient(to bottom, transparent 75%, black 90%, black 100%);
		-webkit-mask-image:linear-gradient(to bottom, transparent 75%, black 90%, black 100%);
	}
	.hdr-blur .hb-tint{
		background:linear-gradient(to bottom, rgba(var(--ink-rgb), .72) 0%, rgba(var(--ink-rgb), 0) 100%);
	}

	/* Brand — gap 20% menor + alinhamento óptico ajustado */
	.brand{
		display:inline-flex; align-items:center; gap:9px;
		line-height:1;
		color:var(--paper);
	}
	.brand-logo{
		width:28px; height:28px;
		flex-shrink:0; color:currentColor;
		margin-top:-1px; /* compensa descender do italic */
	}
	.brand-name{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:22px; letter-spacing:-.005em;
		line-height:1;
		font-variation-settings:"opsz" 36;
	}

	.nav{display:flex; align-items:center; gap:21px; font-size:var(--fs-xs); letter-spacing:.005em; font-weight:500}
	.nav a{color:rgba(var(--paper-rgb), .78); transition:color .2s var(--ease)}
	.nav a:hover{color:var(--paper)}
	.nav .pill{
		padding:11px 21px; border:1px solid rgba(var(--paper-rgb), .4); border-radius:999px;
		font-weight:500; color:var(--paper);
		transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
	}
	.nav .pill:hover{background:var(--paper); color:var(--ink); border-color:var(--paper)}
	@media (max-width:860px){.nav .nav-link{display:none}}

	/* ---------------- Hero ---------------- */
	.hero{
		position:relative;
		min-height:calc(100svh - 70px);
		overflow:hidden;
		padding:89px var(--gutter) 34px;
		display:flex; flex-direction:column;
		background:
			radial-gradient(70% 50% at 0% 0%, rgba(var(--paper-rgb), .10) 0%, transparent 60%),
			radial-gradient(95% 90% at 100% 100%, rgba(7,14,28,.85) 0%, transparent 60%),
			linear-gradient(160deg, #2c3f5a 0%, #1d2c44 35%, #141d2e 70%, #0c1422 100%);
		color:var(--paper);
		isolation:isolate;
	}

	.hero-stars{
		position:absolute; inset:0; z-index:1;
		pointer-events:none; opacity:.85;
	}

	/* Aurora boreal */
	.aurora{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:2}
	.aurora-blob{
		position:absolute; border-radius:50%;
		filter:blur(89px);
		will-change:transform;
		mix-blend-mode:screen;
	}
	.aurora-blob.b1{
		width:80vw; aspect-ratio:1.2;
		background:radial-gradient(ellipse, rgba(140,170,205,.55) 0%, rgba(95,125,165,.3) 30%, transparent 65%);
		opacity:.9;
		top:-30%; left:-20%;
		animation:aurora1 22s ease-in-out infinite;
	}
	.aurora-blob.b2{
		width:70vw; aspect-ratio:1;
		background:radial-gradient(ellipse, rgba(110,140,180,.5) 0%, rgba(70,100,140,.3) 35%, transparent 65%);
		opacity:.85;
		bottom:-30%; right:-15%;
		animation:aurora2 28s ease-in-out infinite reverse;
	}
	.aurora-blob.b3{
		width:60vw; aspect-ratio:1.4;
		background:radial-gradient(ellipse, rgba(190,210,230,.4) 0%, rgba(160,190,215,.25) 35%, transparent 65%);
		opacity:.75;
		top:25%; left:25%;
		animation:aurora3 35s ease-in-out infinite;
	}
	.aurora-blob.b4{
		width:50vw; aspect-ratio:1;
		background:radial-gradient(ellipse, rgba(130,160,195,.45) 0%, rgba(100,130,170,.25) 35%, transparent 65%);
		opacity:.7;
		top:55%; right:15%;
		animation:aurora4 40s ease-in-out infinite reverse;
	}
	.aurora-blob.b5{
		width:55vw; aspect-ratio:1.2;
		background:radial-gradient(ellipse, rgba(220,225,210,.3) 0%, transparent 65%);
		opacity:.55;
		top:5%; right:5%;
		animation:aurora5 32s ease-in-out infinite;
	}
	.aurora-blob.b6{
		width:45vw; aspect-ratio:1.5;
		background:radial-gradient(ellipse, rgba(85,115,150,.5) 0%, transparent 65%);
		opacity:.6;
		bottom:10%; left:10%;
		animation:aurora6 18s ease-in-out infinite;
	}
	@keyframes aurora1{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}33%{transform:translate(15%,8%) scale(1.1) rotate(5deg)}66%{transform:translate(-8%,18%) scale(.95) rotate(-5deg)}}
	@keyframes aurora2{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}50%{transform:translate(-18%,-12%) scale(1.15) rotate(8deg)}}
	@keyframes aurora3{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}50%{transform:translate(12%,-15%) scale(1.2) rotate(-6deg)}}
	@keyframes aurora4{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-20%,8%) scale(.9)}}
	@keyframes aurora5{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}50%{transform:translate(-15%,15%) scale(1.1) rotate(8deg)}}
	@keyframes aurora6{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20%,-10%) scale(1.15)}}

	/* Mobile background — presença reduzida, mas mantida */
	@media (max-width:680px){
		.hero-stars{opacity:.5}
		.aurora-blob{opacity:.4; filter:blur(55px)}
		.ship-wrap{width:clamp(312px,96vw,456px); opacity:.18}
	}

	/* Fragata sobre ondas */
	.ship-wrap{
		position:absolute; z-index:3;
		top:50%; left:50%;
		width:clamp(456px,55vw,768px); aspect-ratio:1;
		transform:translate(-50%,-50%);
		opacity:.26;
		pointer-events:none;
		will-change:opacity;
	}
	.ship-wrap svg{width:100%; height:100%; overflow:visible}

	/* Casco boiando — balanço lento e contínuo */
	.ship-bob{transform-origin:112px 132px; animation:shipBob 7.5s ease-in-out infinite}
	@keyframes shipBob{
		0%,100%{transform:translateY(0)      rotate(-1.2deg)}
		50%    {transform:translateY(-3.5px) rotate(1.2deg)}
	}
	/* Deriva extra do barco ligada ao scroll (controlada via JS) */
	.ship-sway{transform-origin:112px 132px; will-change:transform}

	.hero-body{
		position:relative; z-index:4;
		flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center;
		gap:clamp(16px,2.5vw,41px);
		padding-block:clamp(21px,4vw,55px);
		text-align:center;
	}

	.logomark{
		display:flex; flex-direction:column; align-items:center;
		line-height:.9;
	}
	.lm-1{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:clamp(55px,12vw,165px);
		letter-spacing:-.02em;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}

	.hero-lede{
		font-family:var(--sans);
		max-width:55ch; font-size:var(--fs-md);
		color:rgba(var(--paper-rgb), .78); line-height:1.55;
		text-align:center;
	}
	.hero-lede strong{font-weight:600; color:var(--paper)}
	.hero-cta{
		display:flex; gap:13px; flex-wrap:wrap;
		justify-content:center; align-items:center;
	}

	.btn{
		display:inline-flex; align-items:center; gap:8px;
		padding:13px 21px; border-radius:999px;
		font-family:var(--sans); font-size:var(--fs-xs); font-weight:500;
		letter-spacing:.01em;
		border:1px solid currentColor;
		transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
	}
	.btn-primary{background:var(--paper); color:var(--ink); border-color:var(--paper)}
	.btn-primary:hover{background:var(--paper-foam); color:var(--sage-deep); border-color:var(--paper-foam)}
	.btn-inverse{background:transparent; color:var(--paper); border-color:rgba(var(--paper-rgb), .4)}
	.btn-inverse:hover{background:rgba(var(--paper-rgb), .1); border-color:var(--paper)}
	.btn-cream{background:var(--paper); color:var(--ink); border-color:var(--paper)}
	.btn-cream:hover{background:var(--paper-foam); color:var(--sage-deep); border-color:var(--paper-foam)}
	.btn-ghost-light{background:transparent; color:var(--paper); border-color:var(--rule-light-strong)}
	.btn-ghost-light:hover{background:rgba(var(--paper-rgb), .08)}
	.btn-arrow{font-family:var(--serif); font-style:italic; font-size:1.05em; line-height:1; padding-bottom:.05em}

	.hero-bottom{
		position:relative; z-index:4;
		display:flex; justify-content:space-between; align-items:center; gap:21px;
		font-size:var(--fs-xs); letter-spacing:.16em; text-transform:uppercase;
		color:rgba(var(--paper-rgb), .65); font-weight:500;
	}
	.hero-bottom .pin{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-sm); letter-spacing:.01em; text-transform:none;
		color:rgba(var(--paper-rgb), .92);
		font-variation-settings:"opsz" 24;
	}
	.hero-scroll{
		text-decoration:underline;
		text-underline-offset:5px;
		text-decoration-thickness:1px;
		text-decoration-color:rgba(var(--paper-rgb), .5);
		cursor:pointer;
		transition:color .25s var(--ease), text-decoration-color .25s var(--ease);
	}
	.hero-scroll:hover{
		color:var(--sage-soft);
		text-decoration-color:var(--sage-soft);
	}

	/* Marquee */
	.ticker{background:var(--ink-2); padding:13px 0; overflow:hidden; border-block:1px solid var(--rule)}
	.ticker-track{
		display:flex; gap:34px; white-space:nowrap;
		animation:tick 55s linear infinite; width:max-content;
		font-family:var(--sans); font-weight:500;
		font-size:var(--fs-xs); letter-spacing:.16em; text-transform:uppercase;
		color:rgba(var(--paper-rgb), .85);
	}
	.ticker-track > span{display:inline-flex; align-items:center; gap:34px}
	.ticker-track .dot{display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--sage-soft)}
	.ticker-track em{
		font-family:var(--serif); font-style:italic; font-weight:300;
		text-transform:lowercase; letter-spacing:0;
		color:var(--paper); font-size:1.4em; padding:0 .15em;
		font-variation-settings:"opsz" 24;
	}
	@keyframes tick{to{transform:translateX(-50%)}}

	/* Section base — Φ padding */
	.section{padding:clamp(55px,9vw,144px) var(--gutter); position:relative}
	.section.deep{background:var(--ink-2)}
	.section.deep::before{
		content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
		background:radial-gradient(60% 80% at 50% 0%, rgba(var(--sage-rgb), .10), transparent 60%);
	}

	.section-label{
		display:flex; align-items:center; gap:8px;
		font-family:var(--sans);
		font-size:var(--fs-xs); letter-spacing:.18em; text-transform:uppercase;
		font-weight:500; color:rgba(var(--paper-rgb), .55);
		margin-bottom:34px;
	}
	.section-label .bullet{display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--sage-soft)}
	.section-label .num{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-sm); text-transform:none; letter-spacing:.02em;
		color:var(--sage-soft);
		font-variation-settings:"opsz" 24;
	}

	/* Manifesto */
	.manifesto-text{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(34px,5.6vw,79px);
		line-height:1.1; letter-spacing:-.018em;
		max-width:21ch;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}
	.manifesto-text em{font-style:italic; color:var(--sage-soft)}
	.manifesto-grid{
		display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:end;
		margin-top:34px;
	}
	.manifesto-side{font-family:var(--sans); font-size:var(--fs-md); line-height:1.7; color:rgba(var(--paper-rgb), .78); max-width:50ch}
	.manifesto-side p + p{margin-top:1em}
	.manifesto-side .signoff{
		margin-top:21px; font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-lg); color:var(--paper);
		font-variation-settings:"opsz" 24;
	}
	@media (max-width:860px){.manifesto-grid{grid-template-columns:1fr; gap:21px; margin-top:21px}}

	/* Numbers */
	.numbers-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:13px}
	.num-card{
		background:rgba(var(--paper-rgb), .04);
		border:1px solid var(--rule);
		border-radius:21px;
		padding:34px 34px 34px;
		display:flex; flex-direction:column;
		gap:34px;
		min-height:309px;
		transition:background .4s var(--ease), border-color .4s var(--ease), box-shadow .5s var(--ease);
	}
	.num-card:hover{
		background:rgba(var(--paper-rgb), .09);
		border-color:var(--rule-strong);
		box-shadow:var(--glow-paper);
	}
	.num-head{display:flex; justify-content:space-between; align-items:baseline; gap:13px}
	.num-idx{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-sm); color:var(--sage-soft); letter-spacing:.02em;
		font-variation-settings:"opsz" 24;
	}
	.num-cat{
		font-family:var(--sans); font-weight:500;
		font-size:var(--fs-xs); letter-spacing:.18em; text-transform:uppercase;
		color:rgba(var(--paper-rgb), .55);
	}
	.num-value{display:flex; align-items:baseline; gap:.06em; margin-top:auto}
	.num-big{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(89px,10vw,165px); line-height:.92;
		letter-spacing:-.04em; color:var(--paper);
		font-variation-settings:"opsz" 72,"wght" 400;
	}
	.num-unit{
		font-family:var(--serif); font-style:italic; font-weight:300;
		font-size:clamp(21px,2vw,30px); color:var(--sage-soft);
		letter-spacing:.005em;
		font-variation-settings:"opsz" 24;
	}
	.num-note{
		font-family:var(--sans);
		font-size:var(--fs-sm); line-height:1.55;
		color:rgba(var(--paper-rgb), .72);
		max-width:34ch;
		padding-top:21px;
		border-top:1px solid var(--rule-light);
	}
	@media (max-width:560px){.numbers-grid{grid-template-columns:1fr; gap:var(--gutter)}}

	/* Cases — lista vertical com hover preview + glow */
	.cases-head{
		display:grid; grid-template-columns:1.3fr 1fr; gap:55px; align-items:end;
		margin-bottom:55px;
	}
	.cases-title{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(49px,7vw,102px);
		line-height:1.0; letter-spacing:-.025em;
		max-width:16ch;
		font-variation-settings:"opsz" 72,"wght" 400;
	}
	.cases-title em{font-style:italic; color:var(--sage-soft)}
	.cases-intro{font-size:var(--fs-md); line-height:1.65; color:rgba(var(--paper-rgb), .7); max-width:42ch; justify-self:end}
	@media (max-width:860px){.cases-head{grid-template-columns:1fr}.cases-intro{justify-self:start}}

	.case-list{display:flex; flex-direction:column}
	.case{
		display:grid; grid-template-columns:89px 1fr 1fr 89px;
		gap:34px; align-items:center;
		padding:34px 0; border-top:1px solid var(--rule);
		position:relative; cursor:pointer;
		transition:padding .5s var(--ease);
	}
	.case:last-child{border-bottom:1px solid var(--rule)}
	.case:hover{
		padding-left:21px; padding-right:21px;
	}
	.case .num{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-lg); color:rgba(var(--paper-rgb), .55); letter-spacing:.02em;
		font-variation-settings:"opsz" 24;
	}
	.case .ttl{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(22px,2.6vw,39px); line-height:1.1;
		letter-spacing:-.015em;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}
	.case .ttl em{font-style:italic; color:var(--sage-soft)}
	.case .meta{
		font-family:var(--sans);
		font-size:var(--fs-xs); letter-spacing:.16em; text-transform:uppercase;
		color:rgba(var(--paper-rgb), .55); font-weight:500;
	}
	.case .arrow{
		justify-self:end; width:44px; height:44px; border-radius:50%;
		border:1px solid var(--rule-strong);
		display:flex; align-items:center; justify-content:center;
		transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .4s var(--ease);
	}
	.case:hover .arrow{
		background:var(--paper); color:var(--ink); border-color:var(--paper);
		transform:rotate(-12deg);
	}
	.case .preview{
		position:absolute; right:89px; top:50%;
		width:233px; aspect-ratio:4/5;
		pointer-events:none; opacity:0;
		transform:translate(34px,-50%) scale(.94);
		transition:opacity .4s var(--ease), transform .55s var(--ease);
		border-radius:13px; overflow:hidden;
		box-shadow:0 21px 55px -13px rgba(0,0,0,.55);
	}
	.case:hover .preview{opacity:1; transform:translate(0,-50%) scale(1)}
	.case .preview-grad{position:absolute; inset:0}
	.case[data-bg="1"] .preview-grad{background:linear-gradient(135deg,#9eb3c5,#3d536f 70%,#1d2c44)}
	.case[data-bg="2"] .preview-grad{background:linear-gradient(135deg,#6b8194,#1d2c44)}
	.case[data-bg="3"] .preview-grad{background:linear-gradient(135deg,#c2d2dd,#4d6378 60%,#2c3f5a)}
	.case[data-bg="4"] .preview-grad{background:linear-gradient(135deg,#ede5d0,#6b8194 50%,#1d2c44)}
	.case[data-bg="5"] .preview-grad{background:linear-gradient(135deg,#a8c0d6,#3d536f)}
	.case[data-bg="6"] .preview-grad{background:linear-gradient(135deg,#9eb3c5,#1d2c44 80%)}
	.case .preview::after{
		content:"↳ ler o case";
		position:absolute; left:18px; bottom:16px;
		font-family:var(--serif); font-style:italic; font-weight:400;
		color:var(--paper); font-size:var(--fs-xs); letter-spacing:.01em;
		font-variation-settings:"opsz" 24;
	}
	@media (max-width:1100px){
		.case{grid-template-columns:55px 1fr 55px; gap:21px}
		.case .meta{display:none}
		.case .preview{display:none}
	}
	@media (max-width:680px){
		.case{grid-template-columns:34px 1fr 34px; gap:13px; padding:21px 0}
	}

	/* Clients */
	.clients-head{
		display:grid; grid-template-columns:1.4fr 1fr; gap:55px; align-items:end;
		margin-bottom:34px;
	}
	.clients-title{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(39px,5.7vw,79px); line-height:1.02;
		letter-spacing:-.022em; max-width:18ch;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}
	.clients-title em{font-style:italic; color:var(--sage-soft)}
	.clients-note{font-size:var(--fs-md); line-height:1.65; color:rgba(var(--paper-rgb), .7); max-width:38ch}
	@media (max-width:860px){.clients-head{grid-template-columns:1fr}}

	.logo-wall{display:grid; grid-template-columns:repeat(6,1fr); gap:8px}
	.logo-wall .lg{
		font-family:var(--sans); font-size:var(--fs-xl); font-weight:500;
		display:flex; align-items:center; justify-content:center;
		text-align:center; line-height:1.18;
		padding:13px;
		aspect-ratio:5/3; border-radius:13px;
		background:rgba(var(--paper-rgb), .04);
		border:1px solid var(--rule);
		color:rgba(var(--paper-rgb), .78);
		letter-spacing:-.005em;
		transition:color .4s var(--ease), background .4s var(--ease), border-color .4s var(--ease), box-shadow .5s var(--ease);
	}
	.logo-wall .lg:hover{
		color:var(--paper);
		background:rgba(var(--paper-rgb), .09);
		border-color:var(--rule-strong);
		box-shadow:var(--glow-paper);
	}
	.logo-wall .lg em{
		font-family:var(--serif); font-style:italic; font-weight:400;
		letter-spacing:.005em; font-size:1.15em;
		font-variation-settings:"opsz" 24;
	}
	@media (max-width:1100px){.logo-wall{grid-template-columns:repeat(4,1fr)}}
	@media (max-width:560px){.logo-wall{grid-template-columns:repeat(2,1fr); gap:var(--gutter)}}

	/* Method */
	.method-head{
		display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:end;
		margin-bottom:55px;
	}
	.method-title{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(49px,7vw,102px); line-height:1.0;
		letter-spacing:-.025em; max-width:16ch;
		color:var(--paper);
		font-variation-settings:"opsz" 72,"wght" 400;
	}
	.method-title em{font-style:italic; color:var(--sage-soft)}
	.method-intro{font-size:var(--fs-md); line-height:1.7; color:rgba(var(--paper-rgb), .78); max-width:44ch; justify-self:end}
	@media (max-width:860px){.method-head{grid-template-columns:1fr; gap:21px}.method-intro{justify-self:start}}

	.method-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:13px}
	.method-card{
		background:rgba(var(--paper-rgb), .04);
		border:1px solid var(--rule);
		border-radius:21px;
		padding:34px 21px;
		display:flex; flex-direction:column; gap:13px;
		min-height:233px;
		transition:background .4s var(--ease), border-color .4s var(--ease), box-shadow .5s var(--ease);
	}
	.method-card:hover{
		background:rgba(var(--paper-rgb), .09);
		border-color:var(--rule-strong);
		box-shadow:var(--glow-paper);
	}
	.method-card .step{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-xs); color:var(--sage-soft); letter-spacing:.04em;
		font-variation-settings:"opsz" 24;
	}
	.method-card h3{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(30px,2.8vw,39px); line-height:1.05;
		letter-spacing:-.02em; color:var(--paper);
		font-variation-settings:"opsz" 72,"wght" 400;
	}
	.method-card p{
		font-family:var(--sans); font-size:var(--fs-sm); line-height:1.6;
		color:rgba(var(--paper-rgb), .74); max-width:32ch; margin-top:auto;
	}
	@media (max-width:1100px){.method-grid{grid-template-columns:repeat(2,1fr)}}
	@media (max-width:560px){.method-grid{grid-template-columns:1fr; gap:var(--gutter)}}

	/* Services */
	.services-head{
		display:grid; grid-template-columns:1fr 1fr; gap:55px; align-items:end;
		margin-bottom:55px;
	}
	.services-title{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(49px,7vw,102px); line-height:1.0;
		letter-spacing:-.025em; max-width:16ch;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}
	.services-title em{font-style:italic; color:var(--sage-soft)}
	.services-intro{font-size:var(--fs-md); line-height:1.7; color:rgba(var(--paper-rgb), .7); max-width:42ch; justify-self:end}
	@media (max-width:860px){.services-head{grid-template-columns:1fr}.services-intro{justify-self:start}}

	.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:13px}
	.svc{
		background:rgba(var(--paper-rgb), .04);
		border:1px solid var(--rule);
		border-radius:21px;
		padding:34px 21px;
		display:flex; flex-direction:column; gap:13px;
		min-height:200px;
		transition:background .4s var(--ease), border-color .4s var(--ease), box-shadow .5s var(--ease);
	}
	.svc:hover{
		background:rgba(var(--paper-rgb), .09);
		border-color:var(--rule-strong);
		box-shadow:var(--glow-paper);
	}
	.svc .ix{
		font-family:var(--serif); font-style:italic; font-weight:400;
		color:var(--sage-soft); font-size:var(--fs-xs); letter-spacing:.04em;
		font-variation-settings:"opsz" 24;
	}
	.svc h3{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(24px,2.4vw,30px); line-height:1.1;
		letter-spacing:-.015em;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}
	.svc h3 em{font-style:italic; color:var(--sage-soft)}
	.svc p{font-family:var(--sans); font-size:var(--fs-sm); line-height:1.55; color:rgba(var(--paper-rgb), .7); max-width:38ch; margin-top:auto}
	@media (max-width:1100px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
	@media (max-width:560px){.svc-grid{grid-template-columns:1fr; gap:var(--gutter)}}

	/* Founder — Φ proportions: 1 : 1.618 */
	/* Duo (Dorotéia + Matheus lado a lado) */
	.duo-head{
		display:grid; grid-template-columns:1.3fr 1fr; gap:55px; align-items:end;
		margin-bottom:55px;
	}
	.duo-title{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(42px,5.7vw,79px); line-height:1.02;
		letter-spacing:-.022em; max-width:18ch;
		color:var(--paper);
	}
	.duo-title em{font-style:italic; color:var(--sage-soft)}
	.duo-intro{font-size:var(--fs-md); line-height:1.65; color:rgba(var(--paper-rgb), .7); max-width:42ch; justify-self:end}
	@media (max-width:860px){.duo-head{grid-template-columns:1fr; gap:21px}.duo-intro{justify-self:start}}

	.duo-grid{
		display:grid; grid-template-columns:1fr 1fr; gap:55px;
		align-items:start;
	}
	/* Layout interno do item: foto à esquerda + texto à direita */
	.duo-item{
		display:grid;
		grid-template-columns:300px 1fr;
		gap:28px;
		align-items:start;
	}
	.duo-portrait{
		aspect-ratio:1;
		width:100%;
		border-radius:13px;
		background-color:var(--ink-2);
		background-size:cover;
		background-position:center 25%;
		position:relative; overflow:hidden;
	}
	.duo-item.current .duo-portrait{background-image:url('../images/matheus.jpg')}
	.duo-item.legacy .duo-portrait{background-image:url('../images/doroteia.jpg')}
	.duo-portrait::after{
		content:""; position:absolute; inset:0;
		background:linear-gradient(180deg, transparent 65%, rgba(var(--ink-rgb), .18) 100%);
		pointer-events:none;
	}
	.duo-content{display:flex; flex-direction:column; min-width:0}
	/* Reduz tamanhos no contexto duo */
	.duo-content .founder-eyebrow{margin-bottom:13px; font-size:13px; letter-spacing:.16em}
	.duo-content .founder-name{font-size:clamp(26px,2.6vw,38px); line-height:1; letter-spacing:-.02em}
	.duo-content .founder-role{font-size:15px; margin-top:6px}
	.duo-content .founder-quote{font-size:clamp(16px,1.5vw,20px); margin-top:18px; line-height:1.3; max-width:38ch}
	.duo-content .founder-bio{font-size:15px; margin-top:18px; line-height:1.55; max-width:48ch}
	.duo-content .founder-bio p + p{margin-top:.7em}
	.duo-content .founder-links{margin-top:18px; gap:14px}
	.duo-content .founder-links a{font-size:14px}

	@media (max-width:1100px){
		.duo-item{grid-template-columns:240px 1fr; gap:22px}
	}
	@media (max-width:860px){
		.duo-grid{grid-template-columns:1fr; gap:55px}
		.duo-item{grid-template-columns:1fr; gap:21px}
		.duo-portrait{max-width:240px}
		.duo-content .founder-name{font-size:clamp(32px,6vw,48px)}
	}

	.founder{
		display:grid; grid-template-columns:1fr 1.618fr; gap:34px; align-items:start;
	}
	.founder-portrait-wrap{position:sticky; top:89px; align-self:start}
	.founder-portrait{
		aspect-ratio:4/5;
		width:100%;
		max-width:380px;
		border-radius:21px;
		background-color:var(--ink-2);
		background-image:url('../images/matheus.jpg');
		background-size:cover;
		background-position:center top;
		position:relative; overflow:hidden;
	}
	.legacy-portrait{
		background-image:url('../images/doroteia.jpg');
	}
	.legacy-portrait::before{
		content:""; position:absolute; inset:0;
		background:linear-gradient(180deg, transparent 65%, rgba(var(--ink-rgb), .18) 100%);
		pointer-events:none;
	}
	.founder-portrait::after{
		content:""; position:absolute; inset:0;
		background:linear-gradient(180deg, transparent 65%, rgba(var(--ink-rgb), .18) 100%);
	}
	.founder-body{display:flex; flex-direction:column}
	.founder-eyebrow{
		font-family:var(--sans);
		font-size:var(--fs-xs); letter-spacing:.18em; text-transform:uppercase;
		font-weight:500; color:var(--sage-soft);
		margin-bottom:21px;
		display:flex; align-items:center; gap:8px;
	}
	.founder-eyebrow::before{content:""; width:21px; height:1px; background:var(--sage)}
	.founder-name{
		font-family:var(--serif); font-weight:400;
		font-size:clamp(49px,6.5vw,102px);
		line-height:.98; letter-spacing:-.025em;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}
	.founder-name em{font-style:italic; color:var(--sage-soft)}
	.founder-role{
		margin-top:13px;
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-xl); color:rgba(var(--paper-rgb), .7);
		font-variation-settings:"opsz" 36;
	}
	.founder-quote{
		margin-top:34px;
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:clamp(24px,2.7vw,34px); line-height:1.28;
		color:var(--sage-soft);
		max-width:46ch;
		font-variation-settings:"opsz" 36,"wght" 400;
	}
	.founder-bio{
		margin-top:34px;
		font-family:var(--sans);
		font-size:var(--fs-md); line-height:1.7; color:rgba(var(--paper-rgb), .78);
		max-width:55ch;
	}
	.founder-bio p + p{margin-top:1em}
	.founder-links{
		margin-top:34px;
		display:flex; flex-wrap:wrap; gap:21px;
		font-family:var(--sans);
		font-size:var(--fs-xs); font-weight:500; letter-spacing:.005em;
	}
	.founder-links a{
		display:inline-flex; align-items:center; gap:8px;
		padding-bottom:4px;
		border-bottom:1px solid var(--rule-strong);
		transition:color .25s var(--ease), border-color .25s var(--ease);
		color:var(--paper);
	}
	.founder-links a:hover{color:var(--sage-soft); border-color:var(--sage-soft)}
	@media (max-width:860px){
		.founder{grid-template-columns:1fr; gap:21px}
		.founder-portrait-wrap{position:static}
		.founder-portrait{max-width:280px}
	}

	/* CTA */
	.cta{
		position:relative; overflow:hidden;
		padding:clamp(89px,12vw,144px) var(--gutter);
		text-align:center;
		background:linear-gradient(180deg, var(--ink-2) 0%, #0c1422 80%);
		color:var(--paper);
		isolation:isolate;
	}
	.cta .aurora{ z-index:1 }
	.cta .aurora-blob{ filter:blur(110px); mix-blend-mode:screen; opacity:.7 }
	.cta-eyebrow{
		position:relative; z-index:2;
		font-family:var(--sans);
		font-size:var(--fs-xs); letter-spacing:.21em; text-transform:uppercase;
		color:rgba(var(--paper-rgb), .55); margin-bottom:21px;
		display:flex; align-items:center; gap:8px; justify-content:center;
		font-weight:500;
	}
	.cta-eyebrow::before, .cta-eyebrow::after{content:""; width:21px; height:1px; background:var(--sage-soft)}
	.cta-title{
		position:relative; z-index:2;
		font-family:var(--serif); font-weight:400;
		font-size:clamp(55px,10vw,165px); line-height:.95;
		letter-spacing:-.025em; max-width:14ch; margin:0 auto;
		font-variation-settings:"opsz" 72,"wght" 400;
		color:var(--paper);
	}
	.cta-title em{font-style:italic; color:var(--sage-soft)}
	.cta-actions{position:relative; z-index:2; margin-top:34px; display:flex; justify-content:center; gap:13px; flex-wrap:wrap}

	/* Footer */
	.site-footer{padding:55px var(--gutter) 21px; background:#0a1120; color:var(--paper)}
	.footer-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:34px; margin-bottom:55px}
	.footer-brand{display:inline-flex; align-items:center; gap:9px; line-height:1; margin-bottom:13px}
	.footer-brand-logo{width:32px; height:32px; flex-shrink:0; color:var(--paper); margin-top:-1px}
	.footer-brand-name{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:26px; letter-spacing:-.005em; line-height:1;
		font-variation-settings:"opsz" 36;
	}
	.footer-tag{font-size:var(--fs-sm); color:rgba(var(--paper-rgb), .72); max-width:36ch; line-height:1.6}
	.footer-col h4{font-size:var(--fs-xs); letter-spacing:.18em; text-transform:uppercase; color:rgba(var(--paper-rgb), .5); margin-bottom:13px; font-weight:500}
	.footer-col ul{list-style:none}
	.footer-col li{margin-bottom:8px; font-size:var(--fs-sm)}
	.footer-col a:hover{color:var(--sage-soft)}
	.footer-bottom{
		display:flex; justify-content:space-between; align-items:center;
		padding-top:21px; border-top:1px solid var(--rule-light);
		font-size:var(--fs-xs); color:rgba(var(--paper-rgb), .5); letter-spacing:.13em;
		text-transform:uppercase; flex-wrap:wrap; gap:13px; font-weight:500;
	}
	.footer-bottom .credits{
		font-family:var(--serif); font-style:italic; font-weight:400;
		font-size:var(--fs-sm); letter-spacing:.02em; text-transform:none;
		color:rgba(var(--paper-rgb), .7);
		font-variation-settings:"opsz" 24;
	}
	.footer-bottom .credits strong{font-weight:500; color:var(--sage-soft); font-style:italic}
	@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr; gap:21px}}

	.fade-up{opacity:0; transform:translateY(21px); transition:opacity .85s var(--ease), transform .85s var(--ease)}
	.fade-up.in{opacity:1; transform:none}

	@media (prefers-reduced-motion:reduce){
		*,*::before,*::after{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important}
		.fade-up{opacity:1; transform:none}
		.lm-1{filter:none !important; animation:none !important}
		.ship-bob{animation:none !important}
		.aurora-blob{animation:none !important}
		.hero-stars{display:none !important}
	}
	/* ============================================================
	   04 — CLIENTES NA MÍDIA · carrossel duas-linhas scroll-linked
	   Layout grid: header / rails / progress — alturas controladas,
	   sem overlap entre as duas linhas.
	   ============================================================ */
	.media-scroll{
		position:relative;
		background:var(--ink);
		color:var(--paper);
	}
	.media-track-outer{
		position:relative;
		/* altura final calculada via JS; 300vh é fallback enquanto JS não roda */
		height:300vh;
	}
	.media-track-sticky{
		position:sticky; top:0;
		height:100svh;
		overflow:hidden;
		/* GRID: header (auto) | rails (1fr — espaço restante) | progress (auto) */
		display:grid;
		grid-template-rows:auto 1fr auto;
		row-gap:clamp(18px,2.4vw,30px);
		padding:clamp(28px,4.5vw,55px) 0 clamp(18px,2.4vw,28px);
	}

	/* Header sticky no topo */
	.media-scroll__head{
		padding:0 clamp(20px,5vw,55px);
		max-width:980px;
	}
	.media-scroll__head .section-label{margin-bottom:11px}
	.media-scroll__title{
		font-family:var(--serif);
		font-weight:400;
		font-size:clamp(26px,4vw,52px);
		line-height:1.05;
		letter-spacing:-.02em;
		margin:0;
		color:var(--paper);
	}
	.media-scroll__title em{
		font-style:italic;
		color:var(--sage-soft);
	}

	/* Rails: grid 2 linhas iguais, dividindo o espaço de 1fr restante */
	.media-rails{
		display:grid;
		grid-template-rows:1fr 1fr;
		row-gap:clamp(13px,1.6vw,21px);
		min-height:0; /* permite shrink dentro do parent grid */
	}
	.media-rail{
		min-height:0;
		overflow:hidden;
		display:flex;
		align-items:center;
		mask-image:linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
		-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
	}
	.media-track{
		display:flex;
		gap:clamp(13px,1.4vw,21px);
		padding:0 clamp(20px,5vw,55px);
		will-change:transform;
		align-items:stretch;
		height:100%;
	}

	/* Card: altura herdada do rail (height:100%), conteúdo via grid 60/40 */
	.media-card{
		flex:0 0 auto;
		width:clamp(240px,24vw,340px);
		height:100%;
		max-height:100%;
		display:grid;
		grid-template-rows:55% 1fr;
		background:rgba(var(--paper-rgb),.05);
		border:1px solid rgba(var(--paper-rgb),.10);
		border-radius:14px;
		overflow:hidden;
		text-decoration:none;
		color:inherit;
		transition:box-shadow .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease);
	}
	/* Hover sem translate — só border/shadow, evita gap visual */
	.media-card:hover{
		border-color:rgba(var(--paper-rgb),.28);
		background:rgba(var(--paper-rgb),.09);
		box-shadow:0 0 55px -10px rgba(var(--sage-rgb),.30), 0 14px 40px -13px rgba(0,0,0,.55);
	}

	/* Imagem: ocupa a primeira linha do grid (55% da altura do card) */
	.media-card__image{
		min-height:0;
		background-color:var(--ink-2);
		background-size:cover;
		background-position:center;
		position:relative;
		overflow:hidden;
	}
	.media-card__image::after{
		content:""; position:absolute; inset:0;
		background:linear-gradient(180deg, transparent 55%, rgba(var(--ink-rgb),.5) 100%);
	}
	/* Fallback quando não tem imagem — agora bem mais visível */
	.media-card__fallback{
		position:absolute; inset:0;
		display:flex; align-items:center; justify-content:center;
		background:
			radial-gradient(140% 90% at 30% 0%, rgba(var(--sage-rgb),.18), transparent 60%),
			linear-gradient(135deg, rgba(var(--paper-rgb),.06), rgba(var(--ink-rgb),.4) 70%);
		font-family:var(--serif);
		font-size:clamp(14px,1.2vw,17px);
		font-style:italic;
		color:rgba(var(--paper-rgb),.7);
		text-align:center;
		padding:11px 16px;
		line-height:1.22;
		z-index:1;
	}
	.media-card__play{
		position:absolute; bottom:9px; right:9px;
		width:32px; height:32px;
		border-radius:50%;
		background:rgba(var(--ink-rgb),.82);
		backdrop-filter:blur(8px);
		-webkit-backdrop-filter:blur(8px);
		display:flex; align-items:center; justify-content:center;
		color:var(--paper);
		z-index:2;
	}
	.media-card__play svg{width:14px; height:14px}

	/* Body: ocupa o restante (45%) — flex column garante título no topo, meta no fim */
	.media-card__body{
		min-height:0;
		padding:13px 15px 12px;
		display:flex;
		flex-direction:column;
		gap:6px;
		overflow:hidden;
	}
	.media-card__client{
		font-family:var(--sans);
		font-size:14px;
		letter-spacing:.14em;
		text-transform:uppercase;
		font-weight:500;
		line-height:1;
		color:var(--sage-soft);
		flex:0 0 auto;
	}
	.media-card__title{
		font-family:var(--serif);
		font-weight:400;
		font-size:clamp(14px,1.05vw,16px);
		line-height:1.22;
		letter-spacing:-.01em;
		color:var(--paper);
		margin:0;
		flex:1 1 auto;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
	}
	.media-card__meta{
		font-family:var(--sans);
		font-size:11px;
		color:rgba(var(--paper-rgb),.55);
		letter-spacing:.02em;
		flex:0 0 auto;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	/* Progress bar fixa no rodapé do sticky */
	.media-progress{
		display:flex;
		align-items:center;
		gap:21px;
		padding:0 clamp(20px,5vw,55px);
		font-family:var(--sans);
		font-size:12px;
		letter-spacing:.16em;
		text-transform:uppercase;
		color:rgba(var(--paper-rgb),.5);
		font-weight:500;
	}
	.media-progress__bar{
		flex:1;
		height:1px;
		background:rgba(var(--paper-rgb),.12);
		position:relative;
		overflow:hidden;
	}
	.media-progress__bar > span{
		position:absolute;
		inset:0 auto 0 0;
		width:0%;
		background:var(--sage-soft);
		transition:width .15s linear;
	}
	.media-progress__count{flex:0 0 auto; font-variant-numeric:tabular-nums}

	/* Mobile: cards mais estreitos, layout idêntico */
	@media (max-width:680px){
		.media-track-outer{height:400vh}
		.media-track-sticky{
			row-gap:clamp(13px,2.4vw,20px);
			padding:clamp(24px,5.5vw,40px) 0 clamp(16px,3.5vw,24px);
		}
		.media-scroll__title{font-size:clamp(22px,6vw,32px)}
		.media-rails{row-gap:clamp(11px,2.2vw,16px)}
		.media-card{width:clamp(190px,66vw,250px)}
		.media-card__body{padding:11px 13px 10px; gap:5px}
		.media-card__client{font-size:12.5px; letter-spacing:.12em}
		.media-card__title{font-size:13.5px}
		.media-card__meta{font-size:10px}
		.media-progress{font-size:10px; gap:13px}
	}

	/* Acessibilidade: prefere-reduzir-movimento, vira scroll horizontal nativo nas duas linhas */
	@media (prefers-reduced-motion:reduce){
		.media-track-outer{height:auto !important}
		.media-track-sticky{
			position:static;
			height:auto;
		}
		.media-rail{
			overflow-x:auto;
			scroll-snap-type:x mandatory;
			-webkit-overflow-scrolling:touch;
			mask-image:none;
			-webkit-mask-image:none;
		}
		.media-track{transform:none !important}
		.media-card{scroll-snap-align:start}
	}