@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Space+Grotesk:wght@500;700&display=swap";:root{--color-bg: #f4f1ea;--color-bg-deep: #ebe3d6;--color-surface: #fffdf8;--color-text: #1f1a17;--color-muted: #625951;--color-border: rgba(31, 26, 23, .14);--color-accent: #0f766e;--color-accent-2: #c2410c;--font-heading: "Space Grotesk", "Noto Sans JP", sans-serif;--font-body: "Noto Sans JP", "Hiragino Sans", sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 4rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--shadow-soft: 0 14px 30px rgba(31, 26, 23, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--color-text);font-family:var(--font-body);background:radial-gradient(circle at 10% -10%,rgba(15,118,110,.22),transparent 42%),radial-gradient(circle at 95% 10%,rgba(194,65,12,.2),transparent 34%),linear-gradient(160deg,var(--color-bg),var(--color-bg-deep));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.page-shell{width:min(1100px,92vw);margin:0 auto;padding:var(--space-3) 0 var(--space-6)}.site-header{position:sticky;top:var(--space-2);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.85rem 1rem;margin-bottom:var(--space-5);background:#fffdf8db;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-family:var(--font-heading);font-weight:700;letter-spacing:.08em;text-decoration:none}.site-header ul{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}.site-header a{text-decoration:none}main{display:grid;gap:var(--space-4)}.section{position:relative;background:linear-gradient(155deg,var(--color-surface),#fdf8ef);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.3rem,3vw,2.5rem);box-shadow:var(--shadow-soft);animation:section-rise .45s ease-out both}.section:nth-of-type(2){animation-delay:.06s}.section:nth-of-type(3){animation-delay:.12s}.section:nth-of-type(4){animation-delay:.18s}@keyframes section-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section h2{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem)}.section-copy{margin:0;color:var(--color-muted);line-height:1.8}.section-hero h1{margin:var(--space-1) 0 0;display:grid;gap:.2rem;font-family:var(--font-heading);font-size:clamp(2.1rem,8vw,4.4rem);line-height:1}.section-hero h1 span{font-size:clamp(1.05rem,2.8vw,1.7rem);color:var(--color-accent);letter-spacing:.03em}.eyebrow{margin:0;color:var(--color-accent-2);font-size:.82rem;font-weight:700;letter-spacing:.1em}.hero-copy{margin:var(--space-2) 0 0;max-width:58ch;color:var(--color-muted);line-height:1.8}.hero-actions{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:700;border:1px solid transparent}.btn-primary{color:#fefefe;background:linear-gradient(120deg,var(--color-accent),#0d9488)}.btn-ghost{border-color:var(--color-border);background:#fffdf8bf}.strength-list{margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-1)}.strength-list li{position:relative;padding-left:1.2rem}.strength-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.works-grid{display:grid;gap:var(--space-2)}.work-card{display:grid;gap:.9rem;padding:1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff8c}.work-card h3{margin:0;font-family:var(--font-heading);font-size:1.15rem}.work-card p{margin:0;color:var(--color-muted);line-height:1.7}.work-card a{width:fit-content;font-weight:700;text-decoration:none;color:var(--color-accent)}.work-card a:hover{text-decoration:underline}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.tag-list li{padding:.2rem .6rem;border-radius:999px;font-size:.78rem;background:#0f766e1f;color:#115e59}.mail-link{display:inline-block;margin-top:var(--space-2);color:var(--color-accent);font-weight:700;text-decoration:none}.mail-link:hover{text-decoration:underline}.contact-links{margin:var(--space-2) 0 0;list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-links a{text-decoration:none;border-bottom:1px solid transparent}.contact-links a:hover{border-bottom-color:currentColor}.site-footer{margin-top:var(--space-5);text-align:center;color:var(--color-muted)}@media(min-width:768px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card:last-child{grid-column:span 2}}@media(min-width:1024px){.page-shell{width:min(1120px,90vw)}.site-header{top:var(--space-3);padding:.9rem 1.2rem}.section{padding:clamp(1.8rem,2.6vw,2.8rem)}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card:last-child{grid-column:span 1}}