:root{--mz-ink:#0f2138;--mz-ink-soft:#1f3556;--mz-paper:#f6f1e8;--mz-paper-deep:#ede4d3;--mz-white:#fff;--mz-text:#2a2a2a;--mz-text-soft:#5a5852;--mz-mute:#9a958c;--mz-line:rgba(15,33,56,.12);--mz-line-soft:rgba(15,33,56,.06);--mz-accent:#a48556;--font-serif-en:'Cormorant Garamond' , serif;--font-serif-jp:'Shippori Mincho' , serif;--font-sans-jp:'Noto Sans JP' , sans-serif;--max-w:1240px;--pad-x:clamp(24px,5vw,64px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family: var(--font-sans-jp);font-weight:400;color:var(--mz-text);background:var(--mz-white);line-height:1.75;-webkit-font-smoothing:antialiased;letter-spacing:.02em}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--mz-line-soft)}.site-header__inner{max-width:var(--max-w);margin:0 auto;padding:22px var(--pad-x);display:flex;justify-content:space-between;align-items:center}.site-logo{display:flex;flex-direction:column;line-height:1}.site-logo__en{font-family: var(--font-serif-en);font-weight:500;font-size:22px;color:var(--mz-ink);letter-spacing:.04em}.site-logo__jp{font-family: var(--font-serif-jp);font-size:10px;color:var(--mz-text-soft);margin-top:4px;letter-spacing:.2em}.site-nav{display:flex;gap:36px;align-items:center}.site-nav__link{font-family: var(--font-serif-en);font-size:14px;font-weight:500;color:var(--mz-ink);letter-spacing:.08em;position:relative;padding:4px 0;transition:color .3s}.site-nav__link:hover{color:var(--mz-accent)}.site-nav__cta{font-family: var(--font-sans-jp);font-size:13px;font-weight:500;color:var(--mz-white);background:var(--mz-ink);padding:12px 22px;border-radius:1px;transition:background .3s;letter-spacing:.05em}.site-nav__cta:hover{background:var(--mz-ink-soft)}.section{padding:clamp(80px,12vw,160px) 0}.section__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x)}.eyebrow{font-family: var(--font-serif-en);font-style:italic;font-size:14px;color:var(--mz-accent);font-weight:400;letter-spacing:.1em;margin-bottom:20px;display:inline-block}.section__label{font-family: var(--font-serif-en);font-size:11px;color:var(--mz-mute);letter-spacing:.3em;text-transform:uppercase;margin-bottom:28px;display:flex;align-items:center;gap:16px}.section__label::before{content:'';width:32px;height:1px;background:var(--mz-mute);display:inline-block}.section__title{font-family: var(--font-serif-jp);font-weight:500;font-size:clamp(28px,4vw,42px);color:var(--mz-ink);line-height:1.5;letter-spacing:.04em;margin-bottom:24px}.section__title em{font-style:normal;color:var(--mz-accent)}.section__lede{font-family: var(--font-sans-jp);font-size:15px;font-weight:400;color:var(--mz-text-soft);line-height:2;max-width:640px}.hero{padding-top:120px;padding-bottom:clamp(80px,12vw,140px);position:relative;overflow:hidden}.hero__bg-mark{position:absolute;top:18%;right:-3%;font-family: var(--font-serif-en);font-style:italic;font-size:clamp(180px,28vw,380px);color:var(--mz-paper);z-index:0;line-height:.9;letter-spacing:-.04em;user-select:none;pointer-events:none}.hero__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center}.hero__copy{padding-top:20px}.hero__eyebrow{font-family: var(--font-serif-en);font-style:italic;font-size:15px;color:var(--mz-accent);letter-spacing:.1em;margin-bottom:28px;display:flex;align-items:center;gap:12px}.hero__eyebrow::before{content:'';width:24px;height:1px;background:var(--mz-accent)}.hero__title{font-family: var(--font-serif-jp);font-weight:500;font-size:clamp(34px,5.2vw,60px);line-height:1.45;color:var(--mz-ink);letter-spacing:.04em;margin-bottom:36px}.hero__title span{display:block}.hero__title em{font-style:normal;position:relative;color:var(--mz-ink)}.hero__title em::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:6px;background:var(--mz-paper);z-index:-1}.hero__lede{font-family: var(--font-sans-jp);font-size:15px;line-height:2.1;color:var(--mz-text-soft);margin-bottom:44px;max-width:480px}.hero__actions{display:flex;gap:20px;align-items:center}.btn{display:inline-flex;align-items:center;gap:12px;font-family: var(--font-sans-jp);font-size:14px;font-weight:500;padding:18px 32px;border-radius:1px;transition:all .35s cubic-bezier(.22,1,.36,1);letter-spacing:.06em;cursor:pointer;border:1px solid transparent}.btn--primary{background:var(--mz-ink);color:var(--mz-white)}.btn--primary:hover{background:var(--mz-ink-soft);transform:translateY(-2px)}.btn--ghost{color:var(--mz-white);background:var(--mz-ink-soft);border-color:transparent}.btn--ghost:hover{background:var(--mz-ink);border-color:transparent}.btn__arrow{display:inline-block;transition:transform .3s}.btn:hover .btn__arrow{transform:translateX(4px)}.hero__visual{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:220px 220px;gap:16px;position:relative}.hero__photo{background:var(--mz-paper);background-size:cover;background-position:center;position:relative;overflow:hidden}.hero__photo--1{grid-row: 1 / 3;background-image:linear-gradient(135deg,rgba(15,33,56,.15),rgba(15,33,56,.3)) , url(https://images.unsplash.com/photo-1493514789931-586cb221d7a7?w=900&q=80);background-size:cover}.hero__photo--2{background-image:linear-gradient(135deg,rgba(15,33,56,.1),rgba(15,33,56,.25)) , url(https://images.unsplash.com/photo-1528360983277-13d401cdc186?w=600&q=80)}.hero__photo--3{background-image:linear-gradient(135deg,rgba(15,33,56,.1),rgba(15,33,56,.25)) , url(https://images.unsplash.com/photo-1542013936693-884638332954?w=600&q=80)}.hero__caption{position:absolute;bottom:-36px;right:0;font-family: var(--font-serif-en);font-style:italic;font-size:12px;color:var(--mz-mute);letter-spacing:.08em}.concept{background:var(--mz-paper);position:relative}.concept__inner{max-width:var(--max-w);margin:0 auto;padding:clamp(80px,11vw,140px) var(--pad-x);display:grid;grid-template-columns:.4fr .6fr;gap:clamp(40px,6vw,100px);align-items:start}.concept__head .section__label::before{background:var(--mz-mute)}.concept__head .section__title{font-size:clamp(26px,3.6vw,40px);margin-bottom:0}.concept__body p{font-family: var(--font-serif-jp);font-size:17px;line-height:2.2;color:var(--mz-text);margin-bottom:28px;letter-spacing:.04em}.concept__body p:last-child{margin-bottom:0}.concept__body strong{font-weight:600;color:var(--mz-ink);position:relative;background:linear-gradient(transparent 65%,rgba(164,133,86,.25) 65%);padding:0 2px}.concept__sign{margin-top:48px;font-family: var(--font-serif-en);font-style:italic;font-size:14px;color:var(--mz-text-soft);letter-spacing:.08em}.projects{background:var(--mz-white)}.projects__head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:80px}.projects__lede{font-family: var(--font-sans-jp);font-size:15px;color:var(--mz-text-soft);line-height:2;max-width:480px;justify-self:end}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,50px) clamp(20px,2.5vw,36px)}.project-card{display:block;cursor:pointer}.project-card__image{aspect-ratio: 4 / 3;background:var(--mz-paper);background-size:cover;background-position:center;margin-bottom:28px;overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-card__image{transform:scale(.99)}.project-card__image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,33,56,.15));pointer-events:none}.project-card__num{font-family: var(--font-serif-en);font-style:italic;font-size:14px;color:var(--mz-accent);letter-spacing:.1em;margin-bottom:14px;display:block}.project-card__name{font-family: var(--font-serif-jp);font-weight:600;font-size:22px;color:var(--mz-ink);margin-bottom:8px;letter-spacing:.04em}.project-card__tag{font-family: var(--font-serif-en);font-size:12px;color:var(--mz-mute);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}.project-card__desc{font-family: var(--font-sans-jp);font-size:14px;line-height:1.95;color:var(--mz-text-soft)}.project-card__link{display:inline-flex;align-items:center;gap:10px;font-family: var(--font-serif-en);font-size:13px;color:var(--mz-ink);margin-top:18px;border-bottom:1px solid var(--mz-line);padding-bottom:4px;transition:color .3s , border-color .3s}.project-card:hover .project-card__link{color:var(--mz-accent);border-color:var(--mz-accent)}.pj-1{background-image:url(https://mz-craft.net/wp/wp-content/themes/cocoon-child-master/images/project___00005storegate.jpg)}.pj-2{background-image:url(https://mz-craft.net/wp/wp-content/themes/cocoon-child-master/images/project___00001kyokokusya.jpg)}.pj-3{background-image:url(https://mz-craft.net/wp/wp-content/themes/cocoon-child-master/images/project___00003serowbaka.jpg)}.pj-4{background-image:url(https://mz-craft.net/wp/wp-content/themes/cocoon-child-master/images/product__node-c.jpg)}.pj-5{background-image:url(https://mz-craft.net/wp/wp-content/themes/cocoon-child-master/images/project_yoriai.jpg)}.pj-6{background-image:url(https://mz-craft.net/wp/wp-content/themes/cocoon-child-master/images/project_g-links.jpg)}.project-flagship{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,5vw,80px);margin-bottom:clamp(60px,8vw,100px);align-items:center;cursor:pointer}.project-flagship__image{aspect-ratio: 4 / 3;background:var(--mz-paper);background-image:url(https://mz-craft.net/wp/wp-content/themes/cocoon-child-master/images/project___00004kurashi.jpg);background-size:cover;background-position:center;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1)}.project-flagship:hover .project-flagship__image{transform:scale(.99)}.project-flagship__image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,33,56,.15));pointer-events:none}.project-flagship__copy{padding:20px 0}.project-flagship__num{font-family: var(--font-serif-en);font-style:italic;font-size:14px;color:var(--mz-accent);letter-spacing:.1em;margin-bottom:14px;display:block}.project-flagship__tag{font-family: var(--font-serif-en);font-size:12px;color:var(--mz-mute);letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px}.project-flagship__name{font-family: var(--font-serif-jp);font-weight:600;font-size:clamp(28px,3.5vw,36px);color:var(--mz-ink);margin-bottom:18px;letter-spacing:.04em;line-height:1.4}.project-flagship__desc{font-family: var(--font-sans-jp);font-size:15px;line-height:2;color:var(--mz-text-soft);margin-bottom:24px}.project-flagship__link{display:inline-flex;align-items:center;gap:10px;font-family: var(--font-serif-en);font-size:13px;color:var(--mz-ink);border-bottom:1px solid var(--mz-line);padding-bottom:4px;transition:color .3s , border-color .3s}.project-flagship:hover .project-flagship__link{color:var(--mz-accent);border-color:var(--mz-accent)}.services{background:var(--mz-ink);color:var(--mz-white)}.services .section__label{color:rgba(255,255,255,.5)}.services .section__label::before{background:rgba(255,255,255,.4)}.services .section__title{color:var(--mz-white)}.services__head{margin-bottom:80px}.services__lede{font-family: var(--font-sans-jp);font-size:15px;color:rgba(255,255,255,.7);line-height:2;max-width:580px;margin-top:20px}.services__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12)}.service-item{background:var(--mz-ink);padding:48px 44px;display:flex;flex-direction:column;gap:16px;transition:background .4s;cursor:default}.service-item:hover{background:#16294a}.service-item__num{font-family: var(--font-serif-en);font-style:italic;font-size:13px;color:var(--mz-accent);letter-spacing:.1em}.service-item__name{font-family: var(--font-serif-jp);font-weight:500;font-size:22px;color:var(--mz-white);letter-spacing:.04em}.service-item__name-en{font-family: var(--font-serif-en);font-style:italic;font-size:14px;color:rgba(255,255,255,.55);letter-spacing:.1em;margin-top:-8px}.service-item__desc{font-family: var(--font-sans-jp);font-size:14px;line-height:1.95;color:rgba(255,255,255,.7);margin-top:8px}.service-item--feature{background:linear-gradient(135deg,#14253f,#1a2f50);grid-column:span 2;padding:56px 50px}.service-item--feature .service-item__name{font-size:28px}.service-item--feature .service-item__desc{font-size:15px;max-width:720px}.service-item--feature .mz-badge{display:inline-block;font-family: var(--font-sans-jp);font-size:11px;color:var(--mz-accent)!important;background:transparent!important;background-image:none!important;border:1px solid var(--mz-accent)!important;padding:4px 12px;letter-spacing:.1em;align-self:flex-start;box-shadow:none!important}.process{background:var(--mz-paper)}.process__head{margin-bottom:80px}.process__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative}.process__steps::before{content:'';position:absolute;top:40px;left:8%;right:8%;height:1px;background:var(--mz-line)}.process-step{text-align:left;position:relative}.process-step__num{width:80px;height:80px;border-radius:50%;background:var(--mz-white);display:flex;align-items:center;justify-content:center;font-family: var(--font-serif-en);font-style:italic;font-size:32px;color:var(--mz-ink);margin-bottom:28px;border:1px solid var(--mz-line);position:relative;z-index:1}.process-step__name{font-family: var(--font-serif-jp);font-weight:600;font-size:18px;color:var(--mz-ink);margin-bottom:12px;letter-spacing:.04em}.process-step__desc{font-family: var(--font-sans-jp);font-size:13px;line-height:1.9;color:var(--mz-text-soft)}.about{background:var(--mz-white)}.about__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,100px);align-items:center}.about__image{aspect-ratio: 4 / 5;background:var(--mz-paper);background-image:url(https://images.unsplash.com/photo-1528360983277-13d401cdc186?w=900&q=80);background-size:cover;background-position:center}.about__copy{padding:40px 0}.about__title{font-family: var(--font-serif-jp);font-weight:500;font-size:clamp(24px,3vw,32px);color:var(--mz-ink);line-height:1.6;letter-spacing:.04em;margin-bottom:32px}.about__body p{font-family: var(--font-sans-jp);font-size:14px;line-height:2.1;color:var(--mz-text-soft);margin-bottom:20px}.about__meta{margin-top:36px;padding-top:28px;border-top:1px solid var(--mz-line);display:grid;grid-template-columns:auto 1fr;gap:12px 28px;font-family: var(--font-sans-jp);font-size:13px;line-height:1.7}.about__meta dt{color:var(--mz-mute);letter-spacing:.1em;font-size:11px;padding-top:4px}.about__meta dd{color:var(--mz-text)}.cta-section{background:var(--mz-paper-deep);position:relative;overflow:hidden}.cta-section__bg-mark{position:absolute;bottom:-10%;left:-3%;font-family:'Anton','Impact','Helvetica Neue Condensed',sans-serif;font-weight:400;font-style:normal;font-size:clamp(180px,26vw,360px);color:rgba(15,33,56,.06);line-height:.9;letter-spacing:.02em;text-transform:uppercase;user-select:none;pointer-events:none}.cta-section__inner{max-width:880px;margin:0 auto;padding:clamp(80px,11vw,140px) var(--pad-x);text-align:center;position:relative;z-index:1}.cta-section__eyebrow{font-family: var(--font-serif-en);font-style:italic;font-size:15px;color:var(--mz-accent);letter-spacing:.1em;margin-bottom:24px}.cta-section__title{font-family: var(--font-serif-jp);font-weight:500;font-size:clamp(28px,4vw,40px);color:var(--mz-ink);line-height:1.55;letter-spacing:.04em;margin-bottom:24px}.cta-section__lede{font-family: var(--font-sans-jp);font-size:15px;line-height:2;color:var(--mz-text-soft);margin-bottom:48px;max-width:580px;margin-left:auto;margin-right:auto}.cta-section .btn{margin:0 auto}.cta-section__note{margin-top:28px;font-family: var(--font-sans-jp);font-size:12px;color:var(--mz-mute);letter-spacing:.05em}.site-footer{background:var(--mz-ink);color:rgba(255,255,255,.7);padding:80px 0 36px}.site-footer__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x)}.site-footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;margin-bottom:60px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.1)}.site-footer__logo-en{font-family: var(--font-serif-en);font-size:28px;font-weight:500;color:var(--mz-white);letter-spacing:.04em;margin-bottom:16px;display:block}.site-footer__tagline{font-family: var(--font-serif-jp);font-size:13px;color:rgba(255,255,255,.65);line-height:1.9;letter-spacing:.04em}.site-footer__heading{font-family: var(--font-serif-en);font-size:12px;color:rgba(255,255,255,.5);letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}.site-footer__list{list-style:none;display:flex;flex-direction:column;gap:12px}.site-footer__list a,.site-footer__list span{font-family: var(--font-sans-jp);font-size:13px;color:rgba(255,255,255,.7);transition:color .3s}.site-footer__list a:hover{color:var(--mz-white)}.site-footer__bottom{display:flex;justify-content:space-between;align-items:center;font-family: var(--font-serif-en);font-size:11px;color:rgba(255,255,255,.45);letter-spacing:.1em}.section__title,.project-flagship__name,.project-card__name,.service-item__name,.process-step__name,.about__title,.cta-section__title,.projects h2,.services h2,.process h2,.about h2,.cta-section h2,.concept h2{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;border-left:none!important;border-bottom:none!important;border-top:none!important;border-right:none!important;padding-left:0!important;padding-right:0!important;padding-top:0!important;padding-bottom:0!important;box-shadow:none!important;text-shadow:none!important}.project-flagship__name,.project-card__name,.service-item__name,.process-step__name{padding-top:0!important}@media (max-width:960px){.site-nav{display:none}.site-nav__cta{display:inline-flex}.hero__inner{grid-template-columns:1fr}.hero__visual{grid-template-rows:180px 180px;margin-top:40px}.hero__bg-mark{top:8%;font-size:32vw}.concept__inner{grid-template-columns:1fr;gap:40px}.projects__head{grid-template-columns:1fr}.projects__lede{justify-self:start}.project-flagship{grid-template-columns:1fr;gap:30px}.projects__grid{grid-template-columns:1fr}.services__list{grid-template-columns:1fr}.service-item--feature{grid-column:span 1}.process__steps{grid-template-columns:repeat(2,1fr)}.process__steps::before{display:none}.about__inner{grid-template-columns:1fr}.site-footer__top{grid-template-columns:1fr;gap:36px}.site-footer__bottom{flex-direction:column;gap:12px}}@media (max-width:560px){.hero__visual{grid-template-columns:1fr;grid-template-rows:200px 200px 200px}.hero__photo--1{grid-row:auto}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{justify-content:center}}