:root{--color-accent: #c0392b;--color-accent-hover: #a93226;--color-text: #1a1a1a;--color-muted: #6b7280;--color-border: #e5e7eb;--color-bg: #faf8f3;--color-section: #ffffff;--content-width: 1100px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:16px;line-height:1.75;color:var(--color-text);background:var(--color-bg);scrollbar-gutter:stable}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.3}.content-wrap{max-width:var(--content-width);margin:0 auto;padding:0 2rem}.hero{background:var(--color-accent);padding:7rem 0 6rem;position:relative;overflow:hidden;color:#fff}.hero-watermark{position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);pointer-events:none;user-select:none}.hero-watermark svg{height:clamp(6rem,18vw,17rem);width:auto;display:block;fill:#ffffff0f}.hero-tagline{font-size:clamp(2.2rem,5.5vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:.5rem}.hero-sub{font-size:clamp(.85rem,1.8vw,1rem);font-weight:700;letter-spacing:.2em;margin-bottom:3.5rem;opacity:.8}.hero-logo{margin-bottom:2rem}.hero-logo svg{height:clamp(1.8rem,4.5vw,3rem);width:auto;display:block}.hero-desc{font-size:.95rem;opacity:.85;max-width:540px;line-height:2}.section{padding:5rem 0}.section-title{font-size:1.7rem;font-weight:700;margin-bottom:2rem}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.work-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 16px #00000012;transition:box-shadow .2s,transform .2s;color:var(--color-text);display:block}.work-card:hover{box-shadow:0 8px 28px #00000021;transform:translateY(-3px);text-decoration:none}.work-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover}.work-thumb-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--color-border)}.work-card-body{padding:.85rem 1rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.work-cat{font-size:.72rem;color:var(--color-accent);font-weight:600;letter-spacing:.05em;display:block;margin-bottom:.2rem}.work-title{font-size:.92rem;font-weight:500;line-height:1.4}.work-icon{width:28px;height:28px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0}.form-grid{display:flex;flex-direction:column;gap:1.25rem}.form-field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.form-required{color:var(--color-accent);margin-left:.2rem}.form-field input,.form-field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:6px;font-family:inherit;font-size:.95rem;background:#fff;color:var(--color-text);transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-accent)}.form-consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;color:var(--color-muted);cursor:pointer}.form-consent input[type=checkbox]{margin-top:.25rem;accent-color:var(--color-accent);flex-shrink:0}.form-submit{display:block;width:100%;padding:.875rem;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.form-submit:hover{background:var(--color-accent-hover)}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-msg{padding:1rem;border-radius:6px;font-size:.9rem}.form-msg.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-msg.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.prose h2{font-size:1.1rem;font-weight:700;border-left:3px solid var(--color-accent);padding-left:.75rem;margin:2.5rem 0 1rem}.prose ul,.prose ol{padding-left:1.5rem;color:var(--color-muted);display:flex;flex-direction:column;gap:.4rem}.prose p{color:var(--color-muted);margin-bottom:.75rem}.two-col{display:grid;grid-template-columns:1fr 2fr;align-items:start}.two-col-gap-3{gap:3rem}.two-col-gap-4{gap:4rem}@media(max-width:640px){.two-col{grid-template-columns:1fr}}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--color-muted)}.text-small{font-size:.85rem}.nav-links{display:flex;gap:2rem;font-size:.9rem}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px}.hamburger span{display:block;width:24px;height:2px;background:var(--color-text);transition:all .3s}@media(max-width:900px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hamburger{display:flex}.nav-links{display:none;position:fixed;top:56px;left:0;right:0;background:#fff;flex-direction:column;gap:0;border-bottom:1px solid var(--color-border);z-index:999}.nav-links.open{display:flex}.nav-links a{padding:1rem 2rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.works-grid{grid-template-columns:1fr}}