/* Şebnem Taruz Çekirdek · sayfa-102745 · 4ee30f1b40 */
/* HİZMETLERİMİZ */
.stp-mt47{margin-top:47px!important}
.stp-phero{padding:76px 0 123px!important}
.stp-phero::before{content:"Mestieri — zanaatlar"}
.stp-phero::after{content:"";position:absolute;right:-150px;top:60px;width:900px;height:700px;background:radial-gradient(ellipse at center, rgba(243,213,138,.55) 0%, rgba(243,213,138,.18) 38%, rgba(255,255,255,0) 70%);pointer-events:none}
.stp-phero-row{display:grid!important;grid-template-columns:61.8fr 38.2fr;column-gap:123px;align-items:end}
.stp-phero-row>.et_pb_column{width:auto!important;margin:0!important;float:none!important}
.stp-h1--xl{font-size:clamp(56px,6.7vw,97px)!important}
/* giriş görseli */
.sth-hfig{margin:0 0 0 47px!important}
.sth-hframe{position:relative;padding:11px;border:1px solid var(--gold);background:#fff}
.sth-hframe .stp-sfig{position:static;margin:0;padding:0;border:0;background:none}
.sth-hframe img{display:block;width:100%!important;height:auto!important;aspect-ratio:1/1.618;object-fit:cover}
.sth-hframe:not(:has(img))::before{content:"";display:block;aspect-ratio:1/1.618;background:var(--ivory)}
.sth-spiral{position:absolute;left:11px;top:11px;width:calc(100% - 22px);height:calc(100% - 22px);pointer-events:none}
.sth-hfig figcaption{display:flex;justify-content:space-between;margin-top:11px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gtext)}
/* dört zanaat */
.sth-crafts{padding:47px 0 160px!important}
.sth-crafts::before{display:none}
.sth-label{display:flex;align-items:center;gap:18px;margin:0 0 76px!important;font-size:12px!important;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gtext)!important}
.sth-label span{flex:1;height:1px;background:var(--gold)}
.sth-label i{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.sth-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:29px}
.sth-card{display:flex;flex-direction:column;color:var(--ink)!important}
.sth-img{position:relative;display:block;padding:11px;border:1px solid var(--gold);background:#fff;overflow:hidden}
.sth-img .stp-sfig{position:static;margin:0;padding:0;border:0;background:none;overflow:hidden}
.sth-img img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;transition:transform .6s ease}
.sth-card:hover .sth-img img{transform:scale(1.03)}
.sth-img:not(:has(img))::before{content:"";display:block;aspect-ratio:4/5;background:var(--ivory)}
.sth-img:not(:has(img))::after{content:attr(data-it);position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.4vw,37px);color:transparent;-webkit-text-stroke:1px var(--gold)}
.sth-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-bottom:11px;border-bottom:1px solid var(--line);font-family:var(--serif);font-style:italic;color:var(--gtext)}
.sth-meta span:first-child{font-size:20px} .sth-meta span:last-child{font-size:17px}
.sth-name{margin-top:14px;font-family:var(--serif);font-size:clamp(21px,1.9vw,26px);line-height:1.2;transition:color .2s}
.sth-card:hover .sth-name{color:var(--gtext)}
.sth-go{display:inline-flex;align-items:center;gap:11px;margin-top:18px;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.sth-card:hover .stp-arrow{transform:translateX(7px)}
@media (max-width:1100px){
.stp-phero-row{grid-template-columns:1fr;row-gap:76px}
.sth-hfig{margin:0!important;max-width:420px}
.sth-cards{grid-template-columns:1fr 1fr;row-gap:47px}
}
@media (max-width:767px){
.stp-phero{padding:29px 0 47px!important;text-align:center}
.stp-phero-row{row-gap:47px}
.stp-phero-row .et_pb_text_inner{display:flex;flex-direction:column;align-items:center}
.stp-outline--hero{font-size:97px}
.stp-h1--xl{font-size:47px!important}
.stp-phero .stp-lead{text-align:left}
.sth-hfig{max-width:none;padding:0 29px}
.sth-hframe{padding:7px} .sth-spiral{left:7px;top:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
.sth-crafts{padding:29px 0 76px!important}
.sth-label{margin-bottom:29px!important;font-size:11px!important;gap:11px}
.sth-cards{column-gap:14px;row-gap:29px}
.sth-img{padding:6px}
.sth-meta{margin-top:11px;padding-bottom:7px} .sth-meta span:first-child{font-size:15px} .sth-meta span:last-child{font-size:14px}
.sth-name{margin-top:9px;font-size:18px;min-height:2.4em}
.sth-go{margin-top:11px;font-size:11px} .sth-go .stp-arrow{display:none}
}