/*
Theme Name: PHANTASMA Corporate
Theme URI: https://example.com/
Author: LLC PHANTASMA
Description: Readdy design converted into a standalone WordPress corporate theme for LLC PHANTASMA.
Version: 1.0.0
Text Domain: phantasma
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#fcfcfd;--bg2:#f4f4f5;--line:#e4e4e7;--muted:#71717a;--muted2:#a1a1aa;--text:#18181b;--dark:#161616;--warm:#8b6f47;
  --body:'Noto Sans JP','Outfit',sans-serif;--heading:'Outfit','Noto Sans JP',sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,select,textarea{font:inherit;color:inherit}.site-main{min-height:60vh}.container{width:min(100% - 32px,1280px);margin:auto}.container-narrow{width:min(100% - 32px,960px);margin:auto}.container-article{width:min(100% - 32px,768px);margin:auto}.label{font-family:var(--heading);font-size:12px;letter-spacing:.3em;color:var(--muted2)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:.3s}.site-header.is-scrolled,.site-header.is-open{background:rgba(252,252,253,.96);border-color:var(--line);backdrop-filter:blur(8px)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;width:min(100% - 64px,1440px);margin:auto}.brand{font-family:var(--heading);font-size:20px;font-weight:600;letter-spacing:.18em;white-space:nowrap}.desktop-nav{display:flex;gap:38px}.desktop-nav a{font-family:var(--heading);font-size:12px;letter-spacing:.22em;color:var(--muted);padding-bottom:3px}.desktop-nav a:hover,.desktop-nav a.current-menu-item{color:var(--text)}.desktop-nav a.current-menu-item{border-bottom:1px solid var(--text)}.menu-toggle{display:none;border:0;background:none;font-size:28px;width:44px;height:44px;cursor:pointer}.mobile-nav{display:none;position:fixed;left:0;right:0;top:64px;bottom:0;background:var(--bg);padding:24px;overflow:auto}.mobile-nav a{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-family:var(--heading);font-size:14px;letter-spacing:.2em;color:var(--muted)}.mobile-nav a.active{color:var(--text)}
.hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,.25),rgba(0,0,0,.4))}.hero-content{position:relative;z-index:2;text-align:center;color:#fff;padding:0 16px}.hero-kicker{font-family:var(--heading);font-size:13px;letter-spacing:.35em;color:rgba(255,255,255,.8)}.hero h1{margin:24px 0 0;font-family:var(--heading);font-size:clamp(34px,5vw,64px);line-height:1.15}.hero-ja{margin:30px 0 0;font-size:clamp(18px,2.3vw,25px);font-weight:500;letter-spacing:.14em}.hero-en{font-family:var(--heading);font-size:13px;letter-spacing:.25em;color:rgba(255,255,255,.6)}.scroll-link{position:absolute;z-index:2;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:rgba(255,255,255,.75);font:10px var(--heading);letter-spacing:.3em}
.intro{padding:108px 0;text-align:center}.intro h2{margin:24px auto 0;max-width:900px;font-size:clamp(21px,2.5vw,32px);font-weight:500;line-height:1.8}.intro p.copy{margin:24px 0 0;color:var(--muted);font-size:clamp(16px,1.7vw,18px);line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:4px;font:14px var(--heading);letter-spacing:.16em}.intro .text-link{margin-top:38px}
.business-home{padding:90px 0;background:var(--bg2)}.section-title{margin:10px 0 0;font-family:var(--heading);font-size:30px}.business-grid{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.business-card{background:var(--bg);border:1px solid var(--line);transition:.3s}.business-card:hover{border-color:#a1a1aa}.business-image{position:relative;height:225px;overflow:hidden}.business-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.business-card:hover img{transform:scale(1.05)}.business-no{position:absolute;top:16px;left:16px;background:rgba(0,0,0,.4);color:#fff;padding:5px 8px;font:12px var(--heading);letter-spacing:.12em}.business-card-body{padding:24px}.business-card-body .en{font:10px var(--heading);letter-spacing:.25em;color:var(--muted2)}.business-card h3{font-size:18px;margin:8px 0 0}.business-card p{font-size:14px;line-height:1.75;color:var(--muted)}.card-link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;font:14px var(--heading);letter-spacing:.12em}.business-all{background:var(--dark);color:#fff;padding:32px;min-height:225px;display:flex;flex-direction:column;justify-content:space-between}.business-all .en{font:10px var(--heading);letter-spacing:.25em;color:#aaa}.business-all p{font-size:20px;line-height:1.6}
.page-header{padding:140px 0 64px}.page-header h1{font-family:var(--heading);font-size:clamp(34px,4vw,52px);margin:14px 0 0}.page-header .subtitle{max-width:680px;color:var(--muted);line-height:1.8}.company-section,.business-page,.news-page,.contact-page{padding:48px 0 90px}.profile-row{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:34px 0;border-bottom:1px solid var(--line)}.profile-row .name{font:12px var(--heading);letter-spacing:.25em;color:var(--muted2)}.profile-row .value{font-size:20px;font-weight:500}.business-list{margin:0;padding:0;list-style:none}.business-list li{display:flex;gap:12px;margin:0 0 12px;line-height:1.8}.business-list li:before{content:'';width:6px;height:6px;border-radius:50%;background:#aaa;margin-top:11px;flex:none}.philosophy{padding:90px 0;background:var(--bg2)}.philosophy p{font-size:clamp(18px,2.2vw,25px);line-height:1.9}.business-stack{display:flex;flex-direction:column;gap:100px}.business-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.business-row.reverse .business-visual{order:2}.business-row.reverse .business-copy{order:1}.business-visual{position:relative;height:390px;overflow:hidden}.business-visual img{width:100%;height:100%;object-fit:cover;object-position:top}.business-copy .en{font:12px var(--heading);letter-spacing:.3em;color:var(--muted2)}.business-copy h2{font-family:var(--heading);font-size:30px;margin:10px 0 0}.business-copy p{font-size:17px;line-height:1.85;color:#52525b}.outline-link{display:inline-flex;align-items:center;gap:9px;margin-top:22px;border:1px solid var(--text);padding:12px 22px;font:13px var(--heading);letter-spacing:.14em;transition:.2s}.outline-link:hover{background:var(--text);color:#fff}.outline-link.disabled{border-color:var(--line);color:#aaa;pointer-events:none}
.category-filter{display:flex;flex-wrap:wrap;gap:8px}.category-filter a{padding:9px 15px;border-radius:999px;background:var(--bg2);font:11px var(--heading);letter-spacing:.14em;color:var(--muted)}.category-filter a.active{background:var(--dark);color:#fff}.news-list{margin:36px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.news-item{border-bottom:1px solid var(--line)}.news-item>a{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:26px 0}.news-meta time{display:block;font:12px var(--heading);letter-spacing:.1em;color:var(--muted2)}.news-cat{display:inline-block;margin-top:6px;background:var(--bg2);padding:4px 7px;font:10px var(--heading);letter-spacing:.18em;color:var(--muted2)}.news-content{display:grid;grid-template-columns:1fr 160px;gap:22px}.news-content h2{margin:0;font-size:18px}.news-content p{font-size:14px;color:var(--muted);line-height:1.7}.news-thumb{height:110px;overflow:hidden}.news-thumb img{width:100%;height:100%;object-fit:cover}.article{padding:140px 0 100px}.article h1{font-family:var(--heading);font-size:clamp(28px,3.6vw,42px);line-height:1.45}.article-image{height:330px;margin-top:30px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover}.article-body{margin-top:38px;font-size:17px;line-height:2;color:#3f3f46}.article-footer{margin-top:50px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between}
.notice{margin:0 0 28px;padding:18px 22px;background:var(--bg2);border:1px solid var(--line);font-size:14px}.notice.error{background:#faf7f1;border-color:#d7c8ae}.contact-form{display:flex;flex-direction:column;gap:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.field label{display:block;margin-bottom:10px;font:12px var(--heading);letter-spacing:.18em;color:var(--muted)}.required{color:var(--warm)}.field input,.field select{width:100%;border:0;border-bottom:1px solid #d4d4d8;background:transparent;padding:10px 0;outline:0}.field textarea{width:100%;border:1px solid #d4d4d8;background:transparent;padding:15px;outline:0;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--text)}.counter{text-align:right;font-size:12px;color:var(--muted2)}.submit-btn{align-self:flex-start;border:0;background:var(--dark);color:#fff;padding:15px 36px;font:13px var(--heading);letter-spacing:.22em;cursor:pointer}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.site-footer{border-top:1px solid var(--line);background:var(--bg2);padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{font-family:var(--heading);font-size:24px;font-weight:600;letter-spacing:.18em}.footer-sub{font:12px var(--heading);letter-spacing:.2em;color:var(--muted2)}.footer-title{font:12px var(--heading);letter-spacing:.24em;color:var(--muted2)}.footer-links{list-style:none;padding:0;margin:18px 0 0}.footer-links li{margin:11px 0}.footer-links a{font-size:14px;color:#52525b}.footer-bottom{margin-top:54px;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted2);font-size:12px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
.empty{text-align:center;color:var(--muted2);padding:70px 0}.not-found{text-align:center;padding:160px 16px 100px}
@media(max-width:900px){.business-grid{grid-template-columns:repeat(2,1fr)}.business-row{gap:32px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:767px){.header-inner{height:64px;width:min(100% - 32px,1440px)}.brand{font-size:17px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav.is-open{display:block}.page-header{padding:110px 0 44px}.intro{padding:76px 0}.business-home{padding:65px 0}.business-grid{grid-template-columns:1fr}.profile-row{grid-template-columns:1fr;gap:8px;padding:28px 0}.business-row,.business-row.reverse{grid-template-columns:1fr;gap:28px}.business-row.reverse .business-visual,.business-row.reverse .business-copy{order:initial}.business-visual{height:280px}.news-item>a{grid-template-columns:1fr;gap:12px}.news-meta{display:flex;gap:12px;align-items:center}.news-cat{margin-top:0}.news-content{grid-template-columns:1fr}.news-thumb{height:150px;grid-row:1}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{flex-direction:column;gap:8px}.article{padding-top:110px}.article-image{height:230px}.article-footer{gap:20px;align-items:flex-start}.container,.container-narrow,.container-article{width:min(100% - 32px,1280px)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
