.creations-hero{min-height:min(860px,100svh);padding:clamp(8.5rem,15vw,12rem) var(--pad) clamp(4rem,8vw,7rem);display:flex;align-items:center;background:#1b2c22;color:var(--white);position:relative;overflow:hidden}
.creations-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 43%,rgba(182,122,91,.2),transparent 33%),linear-gradient(120deg,rgba(19,39,30,.98) 0 52%,rgba(19,39,30,.7) 75%)}
.creations-hero .content-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(300px,.72fr);align-items:center;gap:clamp(2.5rem,7vw,7rem)}
.creations-copy h1{max-width:9ch;margin:.1em 0 .25em}
.creations-copy>p:not(.eyebrow){max-width:610px;font-size:clamp(1.12rem,1.5vw,1.4rem);color:rgba(255,254,250,.82)}
.creations-mark{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 30px 80px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.15);transform:rotate(2deg)}
.creations-intro{max-width:900px}
.creations-intro h2{max-width:14ch}
.creation-projects{margin-top:clamp(3rem,7vw,6rem)}
.creation-project{padding:clamp(3rem,7vw,6rem) 0;border-top:1px solid rgba(36,56,45,.18)}
.project-heading{display:grid;grid-template-columns:1fr minmax(280px,.72fr);gap:clamp(1.5rem,5vw,5rem);align-items:end;margin-bottom:2rem}
.project-heading h3{font-size:clamp(2rem,4vw,4rem);line-height:.98;margin:.18em 0 0;max-width:12ch}
.project-heading>p{margin:0;max-width:580px;color:rgba(36,56,45,.78)}
.project-kicker,.finished-card span{font-size:.65rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase;color:#95644d;margin:0}
.before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem)}
.before-after figure{margin:0;position:relative}
.before-after img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#e4dfd4}
.before-after figcaption{position:absolute;left:.8rem;bottom:.8rem;padding:.55rem .8rem;border-radius:100px;background:rgba(24,42,32,.88);color:#fff;font-size:.63rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.finished-heading{padding-top:clamp(3rem,7vw,6rem);border-top:1px solid rgba(36,56,45,.18);margin-bottom:2rem}
.finished-heading h2{max-width:12ch;margin:.15em 0 0}
.finished-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem)}
.finished-card{border:1px solid rgba(36,56,45,.14);border-radius:12px;overflow:hidden;background:#fffefa}
.finished-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e4dfd4;transition:transform .5s ease}
.finished-card:hover img{transform:scale(1.018)}
.finished-card.portrait img{object-position:center 42%}
.finished-card>div{padding:1.25rem 1.35rem 1.5rem}
.finished-card h3{font-size:clamp(1.55rem,2.3vw,2.2rem);margin:.25em 0 0}
.craft-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);margin-top:3rem}
.craft-principles article{padding:clamp(1.7rem,3vw,2.7rem);background:var(--forest)}
.craft-principles span{font-size:.65rem;font-weight:750;letter-spacing:.15em;color:var(--linen)}
.craft-principles h3{font-size:clamp(1.6rem,2.2vw,2.3rem);margin:.65rem 0}
.craft-principles p{margin:0;color:rgba(255,254,250,.76)}
.marketplace-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(36,56,45,.16);border-radius:14px;background:rgba(255,254,250,.42)}
.marketplace-panel h2{font-size:clamp(2.3rem,4.6vw,4.6rem);margin-bottom:.2em}
.marketplace-panel p{max-width:670px;margin:0}
.marketplace-pending{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.35rem;border:1px dashed rgba(36,56,45,.45);border-radius:100px;font-size:.7rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:var(--forest);opacity:.75}
.marketplace-link{background:var(--forest);border-color:var(--forest);color:var(--white);white-space:nowrap}
@media(max-width:900px){.creations-hero .content-inner{grid-template-columns:1fr}.creations-mark{width:min(470px,85vw);margin:auto}.project-heading,.craft-principles{grid-template-columns:1fr}.finished-grid{grid-template-columns:1fr 1fr}.marketplace-panel{grid-template-columns:1fr;align-items:start}.marketplace-pending{white-space:normal;text-align:center}}
@media(max-width:600px){.creations-hero{padding-top:8rem}.creations-hero .content-inner{gap:2rem}.creations-copy h1{font-size:clamp(3.2rem,17vw,5.3rem)}.before-after,.finished-grid{grid-template-columns:1fr}.marketplace-pending{width:100%}}