@layer foundation, layout, component, project, utility;@layer project{.p-project__hero{--hero-min-sp:420px;--hero-min:560px;--hero-bg:#0b2a44;--hero-overlay:linear-gradient(0deg,rgb(0 30 54 / 92%) 0%,rgb(0 30 54 / 40%) 50%,rgb(0 30 54 / 15%) 100%)}.p-project__hero-body{gap:24px;justify-content:space-between;padding-block:28px 44px;color:var(--color-white)}.p-project__hero-text{display:flex;flex-direction:column;gap:12px;max-width:760px}.p-project__tag{align-self:flex-start}.p-project__title{font-size:var(--fs-28);line-height:1.12}.p-project__lead{font-size:var(--fs-17);line-height:1.6;color:var(--color-on-photo)}.p-project__meta{border-bottom:1px solid var(--color-line)}.p-project__meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:28px}.p-project__meta-list > div{display:flex;min-width:0;overflow-wrap:anywhere;flex-direction:column;gap:4px}.p-project__meta-list dt{font-size:var(--fs-12);font-weight:600;color:var(--color-muted);letter-spacing:0.1em}.p-project__meta-list dd{font-size:var(--fs-16);font-weight:700}.p-project__meta-accent{color:var(--color-red)}.p-project__meta-todo{color:var(--color-note-ink)}.p-project__layout{--section-pt-sp:40px;--section-pb-sp:40px;--section-pt:56px;--section-pb:56px;display:flex;flex-direction:column;gap:56px;align-items:stretch}.p-project__article{display:flex;flex:1 1 0;flex-direction:column;gap:22px;min-width:0}.p-project__h2{font-size:var(--fs-30);line-height:1.25;color:var(--color-navy)}.p-project__h3{margin-top:12px;font-size:var(--fs-22);color:var(--color-navy)}.p-project__text{font-size:var(--fs-17);line-height:1.8;color:var(--color-ink-strong)}.p-project__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none}.p-project__steps li{display:flex;min-width:0;overflow-wrap:anywhere;gap:12px;align-items:center;padding:14px;font-size:var(--fs-15);font-weight:600;background:var(--color-surface);border-radius:10px}.p-project__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p-project__shot{overflow:hidden;border-radius:10px;aspect-ratio:4 / 3}.p-project__shot--main{grid-column:span 2;background:var(--color-line)}.p-project__shot--main img{width:100%;height:100%;object-fit:cover}.p-project__shot--todo{display:grid;place-items:center;padding:12px;font-size:var(--fs-13);color:var(--color-muted-weak);text-align:center;background:var(--color-surface-image);border:1px dashed #c9c2b8}.p-project__quote{display:flex;flex-direction:column;gap:14px;padding:28px;margin-top:12px;color:var(--color-white);background:var(--color-navy);border-radius:var(--radius-lg)}.p-project__quote-mark{font-family:var(--font-heading);font-size:var(--fs-44);line-height:0.6;color:var(--color-sky)}.p-project__quote blockquote{font-size:var(--fs-18);line-height:1.6}.p-project__quote figcaption{font-size:var(--fs-14);color:var(--color-on-navy-soft)}.p-project__aside{display:flex;flex-direction:column;gap:16px}.p-project__products{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid var(--color-line);border-radius:var(--radius-lg)}.p-project__products-title{font-size:var(--fs-13);font-weight:700;color:var(--color-muted);letter-spacing:0.1em}.p-project__product{display:flex;gap:12px;align-items:center;color:var(--color-ink)}.p-project__product-thumb{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:56px;height:72px;background:var(--color-surface-image);border-radius:var(--radius-sm)}.p-project__product-thumb img{width:auto;height:64px}.p-project__product-thumb--icon{color:var(--color-navy);background:var(--color-tint)}.p-project__product-text{display:flex;flex-direction:column;gap:2px}.p-project__product-text b{font-size:var(--fs-15)}.p-project__product-text span{font-size:var(--fs-13);color:var(--color-muted)}.p-project__cta{display:flex;flex-direction:column;gap:12px;padding:22px;background:var(--color-surface);border-radius:var(--radius-lg)}.p-project__cta-title{font-family:var(--font-heading);font-size:var(--fs-18);font-weight:700;color:var(--color-navy)}.p-project__cta-text{font-size:var(--fs-14);line-height:1.55;color:var(--color-ink-soft)}.p-project__others{--section-pt-sp:40px;--section-pb-sp:40px;--section-pt:64px;--section-pb:80px}.p-project__others-inner{display:flex;flex-direction:column;gap:24px}.p-project__others-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;list-style:none}@media (width >= 600px) and (width <= 860px){.p-project__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.p-project__others-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width >= 861px){.p-project__title{font-size:var(--fs-46)}.p-project__meta-list{grid-template-columns:repeat(5,minmax(0,1fr))}.p-project__layout{flex-direction:row;align-items:flex-start}.p-project__steps{grid-template-columns:repeat(3,minmax(0,1fr))}.p-project__gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:220px 220px}.p-project__shot{aspect-ratio:auto}.p-project__shot--main{grid-area:span 2 / span 2}.p-project__aside{position:sticky;top:24px;flex:0 0 340px}.p-project__others-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}}