/*
Theme Name: LLAN
Theme URI: https://llan.co.th/
Author: LLAN Asset
Author URI: https://llan.co.th/
Description: Corporate theme for LLAN Asset Co., Ltd. — a dark, editorial one-page presence built around the "Crafting Your Legacy" statement. Styled with Tailwind utility classes written inline in the templates; this stylesheet only carries the theme header and the few rules Tailwind cannot express inline.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: llan
Tags: one-column, custom-logo, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, full-width-template
*/

/* Layout and appearance live in the templates as Tailwind utility classes.
   Only markup generated by WordPress itself — which we cannot add classes to —
   is styled here. The @font-face rules for Gotham are printed by
   llan_font_face_css() in functions.php, and only when the files are present. */

html, body {
   font-family: gotham, sans-serif;
}

.wp-caption { max-width: 100%; }

.wp-caption-text,
.wp-element-caption {
	margin-top: 0.5em;
	color: #6d7b86;
	font-size: 0.82rem;
}

.alignleft { float: left; margin: 0.4em 1.5em 1em 0; }
.alignright { float: right; margin: 0.4em 0 1em 1.5em; }
.aligncenter { display: block; margin-inline: auto; }

.sticky,
.bypostauthor { position: relative; }

/* Opening animation — the state the page holds before GSAP takes over.
   Scoped to .llan-anim, which is only set when the animation can run, and the
   colour is repeated here so the veil is already painted on first frame rather
   than waiting for Tailwind's runtime. */
.llan-anim [data-llan-intro] { visibility: hidden; }

.llan-anim [data-llan-veil] {
	opacity: 1;
	background-color: #0a1d2c;
}

/* Scroll reveal — hidden until scroll.js hands the opening state to GSAP.
   Lifted by the script itself, or by the head guard's timeout if it never
   loaded, so nothing can be stranded invisible. */
.llan-scroll [data-llan-head],
.llan-scroll [data-llan-frame],
.llan-scroll [data-llan-reveal],
.llan-scroll [data-llan-connect] { opacity: 0; }