/* HG-Architecture — reconstructed theme stylesheet.
   The original theme "lc" style.css was not preserved in the Wayback archive;
   this is a clean, minimal reconstruction driven by the markup's class names. */

html{-webkit-text-size-adjust:100%}
body{
	margin:0;
	font-family:"Franklin Gothic Medium","Arial Narrow",Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#222;
	background:#fff;
	line-height:1.6;
	font-size:15px;
}
a{color:#111;text-decoration:none}
a:hover{color:#777}
p{margin:0 0 1em}
img{vertical-align:middle}

/* ---------- Header ---------- */
.header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:22px 0 18px;
	border-bottom:1px solid #eee;
	margin-bottom:26px;
}
.header_logo img{height:26px;width:auto;display:block}
.nav-open{display:none;background:none;border:0;cursor:pointer;color:#222}

.navigation{display:flex;align-items:center}
.nav_menu .menu-menu-1-container{margin:0}
ul.menu{
	list-style:none;margin:0;padding:0;
	display:flex;align-items:center;flex-wrap:wrap;gap:2px;
}
ul.menu li{margin:0}
ul.menu li a{
	display:block;padding:6px 13px;
	font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	color:#222;white-space:nowrap;
}
ul.menu li a:hover{color:#000;background:#f5f5f5}

/* search box (toggled by JS) */
#search{margin-left:12px}
#search-inputs input[type=text]{border:1px solid #ccc;padding:5px 8px;font-size:13px}
#search-inputs input[type=submit]{border:1px solid #ccc;background:#f5f5f5;padding:5px 10px;cursor:pointer;font-size:12px}

/* ---------- Homepage hero slider ---------- */
.photo-frame{margin:0 0 30px}
.main-slide-section{position:relative}
ul.rslides{position:relative;list-style:none;margin:0;padding:0;overflow:hidden}
ul.rslides li{
	display:none;width:100%;
	min-height:58vh;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#1a1a1a;
}
ul.rslides li:first-child{display:block}
.into{display:none}

/* ---------- Project grid (home + category listings) ---------- */
/* project_recent_list = visible preview grid
   project_list = full list, hidden until .open_project (original theme JS) */
.project_recent_list,
.research_recent_list,
.project_list.is-open,
.research_list.is-open{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
	margin:0 0 40px;
}
.project_list,
.research_list{
	display:none;
}
.project_list.is-open,
.research_list.is-open{
	display:grid;
}
.thumb{margin:0;min-width:0}
.thumb a.image{display:block;color:#222}
.thumb a.image img,.thumb img.project-thumb{
	display:block;width:100%;max-width:100%;height:auto;
	aspect-ratio:407/243;object-fit:cover;background:#f0f0f0;
}
.thumb .title{
	margin:8px 0 0;font-size:13px;line-height:1.45;font-weight:600;color:#333;
}
.thumb a.image:hover .title{color:#000}
.thumb_title a{font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.thumb_more{width:100%;text-align:center;margin:10px 0 36px;float:none}
.thumb_more a.open_project,
.thumb_more a.open_research{
	display:inline-block;padding:10px 28px;
	font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
	border:1px solid #222;color:#222;background:#fff;
}
.thumb_more a.open_project:hover,
.thumb_more a.open_research:hover{background:#222;color:#fff}
.thumb_more a.is-expanded{display:none}
.index_divide{border-top:1px solid #eee;margin:8px 0 22px;clear:both;width:100%}

/* ---------- Single project / article ---------- */
.aside{float:left;width:210px;padding-right:26px}
.contents{overflow:hidden}
.cate-post-list .single_title_category{
	font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
	padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid #eee;cursor:pointer;
}
.single_left a.bullet1{
	display:block;font-size:12px;line-height:1.5;color:#555;padding:3px 0;
}
.single_left a.bullet1:hover{color:#000}

.single_title_project{
	font-size:22px;font-weight:700;line-height:1.3;margin:0 0 18px;color:#111;
}
.single_title_category+.single_left{margin-top:4px}

/* project image gallery (JS 'Swipe' library was not archived → static stack) */
#slider.swipe,.swipe{overflow:hidden;margin:0 0 24px}
.swipe-wrap{display:block}
.swipe-img{width:100%;margin:0 0 14px}
.swipe-img:empty{display:none}
.swipe-img img{display:block;width:100%;height:auto}

.contents p{font-size:15px;line-height:1.75}
.contents img{max-width:100%;height:auto;margin:0 0 14px}

/* ---------- Footer ---------- */
.footer{
	clear:both;margin-top:50px;padding:24px 0 40px;border-top:1px solid #eee;
	font-size:12px;color:#888;line-height:1.7;
}
.footer a{color:#888}
.footer a:hover{color:#333}

/* ---------- Misc / hidden helpers ---------- */
.modal_bg,.gallery_modal{display:none}
#fb-root{display:none}

/* back-to-top arrow */
.fa-angle-up{color:#999}

/* ---------- Responsive ---------- */
@media (max-width:900px){
	.project_recent_list,.research_recent_list,
	.project_list.is-open,.research_list.is-open{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
	.header{padding:16px 0}
	.project_recent_list,.research_recent_list,
	.project_list.is-open,.research_list.is-open{grid-template-columns:1fr;gap:18px}
	.aside{float:none;width:auto;padding-right:0;margin-bottom:24px}
	ul.rslides li{min-height:38vh}
	ul.menu li a{padding:6px 9px;font-size:11px}
}