/*
Theme Name: Yuzo Azu
Theme URI: https://yuzo-azu.com/
Author: Yuzo Azu
Author URI: https://yuzo-azu.com/
Description: Minimal white-based portfolio theme for Yuzo Azu — graphic & product designer. Red (#E0301E) accent, Archivo + Noto Sans JP. Includes a "Work" custom post type for the portfolio.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
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: yuzo-azu
*/

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:#FCFCFA;color:#141414;-webkit-font-smoothing:antialiased;font-family:'Archivo',sans-serif;}
a{color:inherit;}
img{max-width:100%;}
input,textarea{font-family:'Noto Sans JP','Archivo',sans-serif;}
::placeholder{color:#C2BEB2;}

/* Logo + nav hover (red) — kept in CSS so :hover is never overridden by inline color */
.ya-logo{color:#141414;transition:color .2s ease;}
.ya-logo:hover{color:#E0301E;}
.ya-nav a{color:#141414;transition:color .2s ease;}
.ya-nav a:hover{color:#E0301E;}
.ya-nav a.is-current,.ya-nav a.is-current:hover{color:#A7A296;}

/* Works list rows */
.ya-work-row{color:#141414;transition:color .2s ease;}
.ya-work-row:hover{color:#E0301E;}

/* Get in touch link */
.ya-getintouch{color:#141414;border-bottom:1px solid #141414;transition:color .2s ease,border-color .2s ease;}
.ya-getintouch:hover{color:#E0301E;border-color:#E0301E;}

/* Contact form */
.ya-input{transition:border-color .2s ease,box-shadow .2s ease;}
.ya-input:focus{border-color:#E0301E;box-shadow:0 0 0 3px rgba(224,48,30,0.12);}
.ya-send{transition:transform .3s ease;}
.ya-send:hover{transform:translateY(-2px);}

/* ---------- Responsive / SP ---------- */
/* Tablet: collapse the two-column split layouts to one column. */
@media (max-width: 900px) {
	.ya-split { grid-template-columns: 1fr !important; gap: clamp(28px,5vw,44px) !important; }
	.ya-portrait { max-width: 460px; }
}
/* Phone */
@media (max-width: 768px) {
	.ya-header { padding: 16px 20px !important; position: relative; z-index: 101; }
	/* Hero: stack headline above the meta/profile block. */
	.ya-hero { grid-template-columns: 1fr !important; gap: 26px !important; }
	/* Works grid: from a row of slivers to a vertical stack of images. */
	#works .ya-tiles { flex-direction: column !important; height: auto !important; gap: 10px !important; }
	#works .ya-tile { flex-basis: auto !important; width: 100% !important; height: 60vw !important; min-height: 220px; max-height: 360px; }

	/* Hamburger menu */
	.ya-burger { display: flex !important; }
	.ya-nav {
		position: fixed !important; inset: 0 !important;
		flex-direction: column !important; justify-content: center !important; align-items: center !important;
		gap: 30px !important; background: #FCFCFA; z-index: 100;
		font-size: 30px; font-weight: 600; letter-spacing: -0.01em;
		opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease;
	}
	body.ya-menu-open .ya-nav { opacity: 1; visibility: visible; }
	body.ya-menu-open { overflow: hidden; }
	/* Burger → X */
	body.ya-menu-open .ya-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	body.ya-menu-open .ya-burger span:nth-child(2) { opacity: 0; }
	body.ya-menu-open .ya-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}