section{
		padding: 14px;	
	}
	p{
		font-family: var(--sans);
		font-size: 16px;
		line-height: 1.2;
	}
	:root {
		--serif: 'Fraunces', Georgia, serif;
		--sans: 'DM Sans', sans-serif;
		--black: #0A0A0A;
		--ink: #161616;
		--dark: #1C1C1C;
		--white: #FFFFFF;
		--off: #F5F5F2;
		--rule: #D6D6D2;
		--body: #363636;
		--sub: #5A5A56;
		--orange: #000000;
		--orange2: #1A1A1A;
		--accent: #ef7f1a;
		--ease: cubic-bezier(0.22, 1, 0.36, 1);
	}
	.tm-about{
		--tm-black:#0a0a0a;
		--tm-white:#ffffff;
		--tm-gray-100:#efefef;
		--tm-gray-300:#cfcfcf;
		--tm-gray-500:#7a7a7a;
		--tm-gray-700:#3a3a3a;
		--serif: 'Fraunces', Georgia, serif;
    	--sans: 'DM Sans', sans-serif;
		font-family:var(--serif);
		color:var(--tm-black);
		background:var(--tm-white);
		-webkit-font-smoothing:antialiased;
	}
	.tm-about *{ box-sizing:border-box; }
	.tm-about h1,.tm-about h2,.tm-about h3{font-family: var(--serif);font-size: 40px;font-weight: 300;
		line-height: 1.2;color: var(--white);letter-spacing: 1.1px;}

	/* ==========================================================
	   ANIMATION BASE
	   (.tm-js is added by a tiny inline script, so without JS
	   everything stays visible)
	   ========================================================== */
	@keyframes tmUp   { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:none} }
	@keyframes tmLeft { from{opacity:0;transform:translateX(-28px)} to{opacity:1;transform:none} }
	@keyframes tmZoom { from{transform:scale(1.14)} to{transform:scale(1)} }
	@keyframes tmLine { from{transform:scaleX(0)} to{transform:scaleX(1)} }

	.tm-js .tm-reveal{ opacity:0; }
	.tm-js .tm-reveal.is-in{ animation:tmUp .9s var(--ease) var(--d,0s) both; }
	.tm-js .tm-reveal-left.is-in{ animation-name:tmLeft; }

	/* HERO */
	.tm-hero{position:relative;background:var(--tm-black);color:var(--tm-white);overflow:hidden;
		min-height:600px;display:flex;align-items:flex-end;padding:0;}
	.tm-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
	.tm-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
		transform-origin:center;animation:tmZoom 2.4s var(--ease) both;}
	.tm-hero-bg::after{content:'';position:absolute;inset:0;
		background:
			linear-gradient(90deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.6) 45%, rgba(10,10,10,0.2) 100%),
			linear-gradient(180deg, rgba(10,10,10,0.1) 40%, rgba(10,10,10,0.95) 100%);}
	/* soft orange glow, bottom-left */
	.tm-hero::before{content:'';position:absolute;left:-120px;bottom:-160px;width:460px;height:460px;z-index:1;
		background:radial-gradient(circle, rgba(239,127,26,0.28) 0%, rgba(239,127,26,0) 70%);
		animation:tmGlow 6s ease-in-out infinite alternate;pointer-events:none;}
	.tm-hero-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:110px 14px 34px;}
	.tm-hero-eyebrow{font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--tm-gray-300);margin-bottom:18px;
		font-weight:500;display:flex;align-items:center;gap:14px;}
	.tm-hero-eyebrow::before{content:'';width:28px;height:1px;background:var(--accent);}
	.tm-hero h1{position:relative;padding-bottom:18px;margin:0 0 26px;}
	.tm-hero h1::after{content:'';position:absolute;left:0;bottom:0;width:72px;height:3px;background:var(--accent);
		transform-origin:left;transform:scaleX(0);animation:tmLine 1s var(--ease) .9s forwards;}
	.tm-hero-cols{display:grid;grid-template-columns:1fr 1fr;gap:36px;position:relative;
		border-top:1px solid rgba(255,255,255,0.15);padding-top:22px;}
	.tm-hero-cols::before{content:'';position:absolute;left:0;top:-1px;height:1px;width:100%;
		background:var(--accent);transform-origin:left;transform:scaleX(0);
		animation:tmLine 1.4s var(--ease) .6s forwards;}
	.tm-hero p.tm-hero-sub{color:var(--tm-gray-300);font-family:var(--sans);padding:0 0 0 14px;margin:0;
		border-left:2px solid rgba(239,127,26,0.7);}
	.tm-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
	.tm-hero-chips span{font-family:var(--sans);font-size:13px;color:var(--tm-white);
		padding:7px 14px;border:1px solid rgba(255,255,255,0.28);border-radius:30px;
		backdrop-filter:blur(4px);background:rgba(255,255,255,0.06);
		transition:background .3s ease,border-color .3s ease,color .3s ease,transform .4s var(--ease);}
	.tm-hero-chips span:hover{background:var(--accent);border-color:var(--accent);color:var(--tm-black);transform:translateY(-3px);}
	@keyframes tmGlow{from{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}

	/* ABOUT INTRO with side image */
	.tm-intro{ background: #eeecec;border-bottom:1px solid var(--tm-gray-100); }
	.tm-intro-grid{display:grid;grid-template-columns:340px 1fr;gap:28px;}
	.tm-intro-label{font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--tm-gray-500);
		font-weight:600;padding-top:6px;position:sticky;top:100px;align-self:start;}
	.tm-intro-label span{display:block;font-family:'Fraunces', Georgia, serif;font-size:40px;color:var(--tm-black);
		font-weight:400;letter-spacing:0;text-transform:none;margin-bottom:14px;line-height:1;
		transition:color .4s ease;}
	.tm-intro-label:hover span{ color:var(--accent); }
	.tm-intro-img{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--tm-black);box-shadow:14px 14px 0 -2px rgba(239,127,26,0.9);margin-right:14px;}
	.tm-intro-img img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05);
		transition:transform 1.2s var(--ease), filter .8s ease;}
	.tm-intro-img:hover img{ transform:scale(1.05); }
	/* image wipes open when it scrolls into view */
	.tm-js .tm-intro-img{ clip-path:inset(0 0 100% 0); transition:clip-path 1.3s var(--ease); }
	.tm-js .tm-intro-img.is-in{ clip-path:inset(0 0 0 0); }
	.tm-js .tm-intro-img img{ transform:scale(1.25); }
	.tm-js .tm-intro-img.is-in img{ transform:scale(1); }
	.tm-js .tm-intro-img.is-in:hover img{ transform:scale(1.06); }

	.tm-intro-body p{color:var(--tm-black);;margin:0 0 10px;}
	.tm-intro-body p:first-of-type{font-size:16px;font-family: var(--sans);color:var(--tm-black);line-height:1.2;}
	.tm-intro-body p:last-child{ margin-bottom:0; }
	.tm-intro-body p.tm-closing {font-family: 'Fraunces', Georgia, serif;font-size: 18px;line-height: 1.45;color: var(--tm-black);
		border-top: 1px solid var(--tm-gray-100);position:relative;}
	.tm-intro-body p.tm-closing::before{
		content:'';position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--accent);
		transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .4s;
	}
	.tm-intro-body p.tm-closing.is-in::before{ transform:scaleX(1); }

	/* Full-bleed strip image between sections */
	.tm-strip{position:relative;height:340px;overflow:hidden;background:var(--tm-black);}
	.tm-strip img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) brightness(0.7) saturate(1.05);
		transform:translate3d(0,var(--py,0px),0) scale(1.18);will-change:transform;}
	.tm-strip-text{position:absolute;inset:0;display:flex;align-items:center;
		justify-content:center;text-align:center;background:rgba(10,10,10,0.35);}
	.tm-strip-text p{font-family: var(--sans);font-size:20px;color:var(--tm-white);}

	/* MISSION / VISION */
	.tm-mv{ background:var(--tm-black); color:var(--tm-white); }
	.tm-mv-grid{display:grid;grid-template-columns:1fr 1fr;}
	.tm-mv-card {border-left: 1px solid rgba(255,255,255,0.12);padding: 10px;position:relative;
		transition:background .5s ease;}
	.tm-mv-card::before{
		content:'';position:absolute;left:0;top:0;height:2px;width:100%;background:var(--accent);
		transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease);
	}
	.tm-mv-card:hover{ background:rgba(255,255,255,0.04); }
	.tm-mv-card:hover::before{ transform:scaleX(1); }
	.tm-mv-card:first-child{ border-left:none; }
	.tm-mv-index{font-size:14px;letter-spacing:0.16em;text-transform:uppercase;color:var(--tm-gray-300);font-weight:600;margin-bottom:5px;}
	.tm-mv-card h3{font-size:20px;color:var(--tm-white);}
	.tm-mv-card p {font-size: 18px;font-family: var(--sans);line-height: 1.2;color: var(--tm-gray-300);margin: 0;}

	/* WHAT WE STAND FOR */
	.tm-section-head {margin-bottom: 5px;display: flex;align-items: baseline;justify-content: space-evenly;gap: 14px;
		border-bottom: 1px solid var(--tm-gray-100);position:relative;}
	.tm-section-head::after{
		content:'';position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--accent);
		transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .3s;
	}
	.tm-section-head.is-in::after{ transform:scaleX(1); }
	.tm-about h2{font-family: var(--serif);font-size: 40px;font-weight: 300;line-height: 1.2;color: #ef7f1a;
		letter-spacing: 1.1px;}
	.tm-section-head span{font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--tm-gray-500);
		font-weight:600;white-space:nowrap;}
	.tm-stand-list {display: flex;flex-direction: column;justify-content: space-evenly;}
	.tm-stand-row{display:grid;grid-template-columns:60px 170px 240px 1fr;gap:10px;align-items:center;padding:10px;
		border-bottom:1px solid var(--tm-gray-100);transition:background .3s ease;}
	.tm-stand-row:hover{ background:var(--tm-gray-100); }
	.tm-stand-num{font-family:'Fraunces', Georgia, serif;font-size:22px;color:var(--tm-gray-500);font-weight:400;
		transition:color .3s ease, transform .5s var(--ease);}
	.tm-stand-thumb{width:170px;height:110px;overflow:hidden;background:var(--tm-black);}
	.tm-stand-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);
		transition:transform .7s var(--ease), filter .5s ease;}
	.tm-stand-row h3{font-size:18px;line-height:1.2;color:#696767;
		transition:color .3s ease, transform .5s var(--ease);}
	.tm-stand-row p{font-size:18px;color:var(--tm-gray-700);line-height:1.2;margin:0;}
	.tm-stand-row:hover .tm-stand-num{ color:var(--accent); transform:translateX(4px); }
	.tm-stand-row:hover h3{ color:var(--accent); transform:translateX(4px); }
	.tm-stand-row:hover .tm-stand-thumb img{ transform:scale(1.1); filter:saturate(1.15) contrast(1.05); }

	@media (max-width: 900px){
		.tm-hero{ min-height:520px; }
		.tm-hero-inner{ padding-top:80px; }
		.tm-hero-cols{ grid-template-columns:1fr; gap:18px; }
		.tm-intro-img{ box-shadow:8px 8px 0 -2px rgba(239,127,26,0.9); }
		.tm-about h1, .tm-about h2, .tm-about h3{
			font-size: 30px;
			margin-bottom: 0;
		}
		.tm-intro-grid{ grid-template-columns:1fr; gap:28px; }
		.tm-intro-label{ position:static; }
		.tm-intro-img{ aspect-ratio:16/9; margin-top:24px; }
		.tm-strip{ height:220px; }
		.tm-strip-text p{ font-size:20px; }
		.tm-mv-grid{ grid-template-columns:1fr; }
		.tm-mv-card{ border-left:none; border-top:1px solid rgba(255,255,255,0.12); }
		.tm-mv-card:first-child{ border-top:none; }
		.tm-stand-row{ grid-template-columns:1fr; gap:14px; }
		.tm-stand-thumb{ width:100%; height:180px; }
		.tm-section-head{ flex-direction:column; align-items:flex-start; gap:10px; }
	}
	@media (max-width: 768px){
	section.tm-stand .tm-stand-list > .tm-stand-row {
    width: 48%;
    padding: 0;
}
		section.tm-stand .tm-stand-list {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
	}
	@media (max-width: 767px){
	section.tm-stand .tm-stand-list > .tm-stand-row {
    width: 100%;
    padding: 0;
}
}

	/* touch devices: no hover-only colour changes needed */
	@media (hover: none){
		.tm-stand-row:hover{ background:transparent; }
	}

	/* respect "reduce motion" setting */
	@media (prefers-reduced-motion: reduce){
		.tm-js .tm-reveal{ opacity:1; animation:none !important; }
		.tm-js .tm-intro-img{ clip-path:none; transition:none; }
		.tm-js .tm-intro-img img{ transform:none; }
		.tm-hero-bg img, .tm-hero::before, .tm-hero h1::after, .tm-hero-cols::before{ animation:none; }
		.tm-hero h1::after, .tm-hero-cols::before{ transform:scaleX(1); }
		.tm-strip img{ transform:scale(1.05); }
		.tm-about *, .tm-about *::before, .tm-about *::after{ transition-duration:.01ms !important; }
	}