/* Sample work — architecture sector: four website themes and two social media sets.
   Shared layout (.sector, .themes, .pg, .socset, .sp) lives in ornek-lojistik.css. */
.themes.two{grid-template-columns:1fr 1fr}

/* 1 — frame-house builder: grey rounded panels, dark cards */
.mf{background:#F3F3F4;color:#1B1C1E}
.mf .top{display:grid;grid-template-columns:1.25fr 1fr;gap:1.4cqw;padding:2cqw}
.mf .pn{background:#E7E7EA;border-radius:3cqw;padding:0 0 4cqw}
.mf .nv{padding:3cqw 5cqw;font-size:1.1cqw;color:#777;justify-content:flex-start;gap:5cqw}
.mf .nv b{font-size:1.2cqw;line-height:1;color:#1B1C1E;font-weight:700}
.mf h3{font-weight:500;font-size:3.5cqw;line-height:1.12;letter-spacing:-.02em;padding:2cqw 5cqw 0}
.mf .pn p{padding:1.4cqw 5cqw 0;max-width:42cqw;color:#666}
.mf .bt.d{background:#1B1C1E;color:#fff;padding:1.4cqw 3.4cqw}
.mf .pn .bt{margin:3cqw 5cqw 0}
.mf .stt{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;padding:4cqw 5cqw 0}
.mf .stt div{background:#fff;border-radius:1.6cqw;padding:2cqw 1.6cqw 1.4cqw;font-size:.95cqw;color:#777}
.mf .stt b{display:block;font-size:3cqw;font-weight:400;color:#1B1C1E;letter-spacing:-.03em}
.mf .top>.ph{border-radius:3cqw;min-height:44cqw}
.mf .top>.ph span{position:absolute;z-index:2;top:2.4cqw;background:#fff;border-radius:99px;padding:.7cqw 1.8cqw;font-size:1cqw}
.mf .top>.ph span:nth-of-type(1){left:2.4cqw}
.mf .top>.ph span:nth-of-type(2){right:2.4cqw}
.mf .tech{display:grid;grid-template-columns:1.2fr 1fr;gap:5cqw;padding:6cqw 7cqw;align-items:center}
.mf h4{font-weight:500;font-size:3cqw;line-height:1.15;letter-spacing:-.02em}
.mf .tech p{color:#666;margin-top:1.6cqw;max-width:34cqw}
.mf .dk3{display:grid;gap:1.2cqw}
.mf .dk3>div{background:#2A2B2E;color:#fff;border-radius:1.6cqw;padding:1cqw;display:grid;grid-template-columns:6.4cqw 1fr;gap:1.6cqw;align-items:center}
.mf .dk3 .ph{height:6.4cqw;border-radius:1cqw}
.mf .dk3 strong{font-size:1.25cqw;font-weight:600;display:block}
.mf .dk3 span{font-size:1cqw;color:#B7B8BC}
.mf .cat{margin:0 2cqw;background:#E7E7EA;border-radius:3cqw;padding:4cqw 5cqw}
.mf .cat .g{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw;margin:2.6cqw 0}
.mf .cat .ph{height:22cqw;border-radius:1.6cqw;color:#fff}
.mf .cat .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%)}
.mf .cat .ph span{position:absolute;z-index:2;left:1.4cqw;right:1.4cqw;bottom:1.4cqw;font-size:1.05cqw;line-height:1.3}
.mf .cat .ph span b{display:block;font-size:1.25cqw;font-weight:600}
.mf .pay{padding:6cqw 7cqw}
.mf .pay h4{text-align:center;margin-bottom:3cqw}
.mf .pay .g{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}
.mf .pay .g div{background:#E7E7EA;border-radius:1.6cqw;padding:2cqw;min-height:15cqw;font-size:1cqw;color:#666}
.mf .pay .g div:nth-child(even){background:#2A2B2E;color:#B7B8BC}
.mf .pay strong{display:block;font-size:1.35cqw;color:#1B1C1E;margin-bottom:1.2cqw;font-weight:600}
.mf .pay .g div:nth-child(even) strong{color:#fff}
.mf .s3{display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;padding:0 7cqw 6cqw}
.mf .s3 b{font-size:3cqw;font-weight:300;color:#B4B5BA;border:1px dashed #B4B5BA;border-radius:.8cqw;padding:0 1.2cqw;margin-right:1.6cqw;vertical-align:middle}
.mf .s3 strong{font-size:1.3cqw;font-weight:600}
.mf .s3 p{font-size:1.05cqw;color:#666;margin-top:1.4cqw}
.mf .fo{padding:0 7cqw 3cqw;color:#888}

/* 2 — interior design studio: white ground, gold accent, project carousel */
.mi{background:#F4F4F3;color:#1A1A1A}
.mi .nv b{font-weight:700;letter-spacing:.2em;font-size:1.4cqw}
.mi .nv i{background:#1A1A1A;color:#fff}
.mi .hd2{display:grid;grid-template-columns:auto 1fr;gap:5cqw;padding:4cqw 12cqw 0;align-items:start}
.mi .kp{display:inline-flex;align-items:center;gap:.6cqw;font-size:.9cqw;font-weight:600;letter-spacing:.1em;border:1px solid #DDD;border-radius:99px;padding:.5cqw 1.2cqw;background:#fff;white-space:nowrap}
.mi .kp:before{content:"";width:.5cqw;height:.5cqw;border-radius:50%;background:#B8975A}
.mi h3,.mi h4{font-weight:600;font-size:3.6cqw;line-height:1.08;letter-spacing:-.03em}
.mi h3 em,.mi h4 em{font-style:normal;color:#B8975A}
.mi .hd2 p{color:#666;margin-top:1.4cqw;max-width:36cqw;font-size:1.2cqw}
.mi .car{display:grid;grid-template-columns:repeat(5,1fr);gap:1.6cqw;margin:4cqw -8cqw 0;align-items:center}
.mi .car .ph{height:26cqw;border-radius:1.8cqw}
.mi .car>div:nth-child(odd) .ph{height:30cqw}
.mi .car .ph span{position:absolute;z-index:2;left:1.2cqw;top:1.2cqw;font-size:.8cqw;letter-spacing:.08em;background:rgba(0,0,0,.25);color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:99px;padding:.3cqw 1cqw}
.mi .car strong{display:block;font-size:1.6cqw;margin-top:1.4cqw;letter-spacing:-.02em}
.mi .car small{letter-spacing:0;font-weight:400;color:#777;font-size:1cqw;margin-top:.4cqw}
.mi .gh{position:relative;height:27cqw;margin-top:3cqw}
.mi .gh b{position:absolute;left:0;right:0;top:0;text-align:center;font-size:19cqw;font-weight:700;letter-spacing:-.04em;line-height:1;color:#E3E3E1;white-space:nowrap}
.mi .gh .ph{position:absolute;left:6cqw;right:6cqw;bottom:2cqw;height:13cqw;border-radius:1cqw;box-shadow:0 3cqw 4cqw -3cqw rgba(0,0,0,.5)}
.mi .tst{padding:5cqw 12cqw;background:#EDEDEB}
.mi .tst .g{display:grid;grid-template-columns:1fr 1.1fr;gap:4cqw;margin-top:3cqw;align-items:center}
.mi .tst .ph{height:24cqw;border-radius:1.6cqw}
.mi .rt{display:flex;gap:1.6cqw;align-items:center;padding-bottom:2cqw;border-bottom:1px solid #D8D8D5;font-size:1cqw;font-weight:600}
.mi .rt b{font-size:3cqw;letter-spacing:-.03em}
.mi .rt i{font-style:normal;background:#B8975A;color:#fff;border-radius:.4cqw;padding:.1cqw .8cqw;font-size:.9cqw;letter-spacing:.2em}
.mi .qt{font-size:1.5cqw;font-weight:500;line-height:1.4;margin:2cqw 0}
.mi .who2{font-size:1.1cqw;font-weight:600}
.mi .who2 span{display:block;font-weight:400;color:#777;font-size:.95cqw}
.mi .lgs{display:flex;justify-content:space-between;padding:3cqw 8cqw;font-size:1.1cqw;letter-spacing:.24em;color:#8A8A87;background:#EDEDEB;font-weight:600}
.mi .end{padding:3cqw 12cqw 0;text-align:center;background:#EDEDEB}
.mi .end .ph{height:22cqw;border-radius:2cqw 2cqw 0 0;margin-top:3cqw}
.mi .fo{background:#1A1A1A;color:rgba(255,255,255,.6);padding:2.4cqw 5cqw}

/* 3 — design studio: giant black wordmark behind the house, serif-italic accents */
.mh{background:#F4F4F2;color:#0E0E0E}
.mh .hb{position:relative;height:96cqw;background:linear-gradient(#E9E9E6,#D8D8D4);overflow:hidden}
.mh .nv{padding:2.4cqw}
.mh .nv span{gap:.8cqw}
.mh .nv em{font-style:normal;border:1px solid #AAA;border-radius:99px;padding:.6cqw 1.6cqw;font-size:1.05cqw}
.mh .nv em:first-child{background:#0E0E0E;color:#fff;border-color:#0E0E0E}
.mh .nv i{box-shadow:inset 0 0 0 1px #0E0E0E;font-weight:500;font-size:1.05cqw}
.mh .c3{display:flex;justify-content:space-between;padding:5cqw 2.4cqw 0;font-size:1.05cqw;line-height:1.3;position:relative;z-index:2}
.mh .wm{position:absolute;left:1cqw;top:16cqw;font-size:42cqw;font-weight:500;letter-spacing:-.05em;line-height:.9;color:#0A0A0A;white-space:nowrap}
.mh .hb .ph{position:absolute;left:0;right:0;bottom:0;height:62cqw;-webkit-mask-image:linear-gradient(transparent 0,#000 36%);mask-image:linear-gradient(transparent 0,#000 36%)}
.mh .pl{position:absolute;z-index:2;left:2.4cqw;bottom:2.4cqw;display:flex;gap:1cqw;font-size:1.05cqw;color:#fff;align-items:center}
.mh .pl span{padding:.6cqw 1.6cqw;border-radius:99px}
.mh .pl span:last-child{background:#fff;color:#0E0E0E}
.mh .loc{position:absolute;z-index:2;right:2.4cqw;bottom:2.8cqw;color:#fff;font-size:1.05cqw}
.mh .mix{padding:8cqw 2.4cqw 3cqw;font-size:6cqw;line-height:1;letter-spacing:-.03em;font-weight:400;max-width:86cqw}
.mh .mix em,.mh .cxn em{font-family:"Fraunces",serif;font-style:italic;font-weight:400;letter-spacing:-.02em}
.mh .prd{display:grid;grid-template-columns:22cqw 1fr;gap:6cqw;align-items:end;padding:0 0 0 2.4cqw}
.mh .prd small{letter-spacing:.04em;margin-bottom:1.6cqw}
.mh .prd small:before{content:"● "}
.mh .prd p{font-size:1.1cqw;margin-bottom:2.4cqw}
.mh .prd .bt{border:1px solid #0E0E0E;padding:.7cqw 1.8cqw;font-size:1.05cqw;font-weight:500;margin-bottom:5cqw}
.mh .prd .ph{height:36cqw}
.mh .n3{display:grid;grid-template-columns:1.6fr 1fr 1fr;padding:4cqw 2.6cqw 6cqw;font-size:1.3cqw;color:#8A8A86;border-bottom:1px solid #D9D9D5;margin:0 2.4cqw}
.mh .n3 b{display:block;font-size:6cqw;font-weight:500;letter-spacing:-.04em;color:#0E0E0E;line-height:1.1}
.mh .cxn{padding:7cqw 2.4cqw 4cqw;font-size:7cqw;font-weight:600;letter-spacing:-.04em;line-height:1}
.mh .two{display:grid;grid-template-columns:1fr 1.2fr;gap:6cqw;padding:0 2.4cqw 6cqw 20cqw;font-size:1.1cqw}
.mh .fo{padding:0 2.4cqw 3cqw;color:#8A8A86}

/* 4 — nature homes: white wordmark over the photo, staggered cards */
.mn{background:#F6F5F2;color:#191919}
.mn .hb{position:relative;height:62cqw;color:#fff;overflow:hidden}
.mn .hb>.ph{position:absolute;inset:0}
.mn .hb:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,30,40,.35),rgba(20,30,40,0) 40%,rgba(20,30,40,.45));z-index:1}
.mn .wm{position:absolute;left:0;right:0;top:4cqw;text-align:center;font-size:36cqw;font-weight:500;letter-spacing:-.06em;line-height:.9;color:#fff;z-index:2;opacity:.94}
.mn .hb .nv{position:relative;z-index:3;padding:1.6cqw 2cqw}
.mn .nv span{gap:.6cqw}
.mn .nv em{font-style:normal;border:1px solid rgba(255,255,255,.7);border-radius:99px;padding:.4cqw 1.4cqw;font-size:.95cqw}
.mn .nv em:first-child{background:#fff;color:#191919}
.mn .nv i{border:1px solid rgba(255,255,255,.7);font-weight:500;font-size:.95cqw;padding:.4cqw 1.4cqw}
.mn .tl,.mn .tr2{position:absolute;z-index:3;top:8cqw;font-size:1.05cqw;line-height:1.5}
.mn .tl{left:2cqw}
.mn .tr2{right:2cqw;text-align:right}
.mn .gl{position:absolute;z-index:3;right:14cqw;bottom:9cqw;width:17cqw;background:rgba(255,255,255,.24);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5);border-radius:1.4cqw;padding:1.4cqw;font-size:.9cqw}
.mn .gl b{display:block;font-size:1.1cqw;margin-bottom:.6cqw}
.mn .br{position:absolute;z-index:3;right:2cqw;bottom:2.4cqw;max-width:27cqw;text-align:right;font-size:1.1cqw}
.mn .trs{padding:4cqw 5cqw;text-align:center;font-size:1.2cqw}
.mn .trs div{display:flex;justify-content:space-between;margin-top:2.6cqw;font-size:1.5cqw;font-weight:600;color:#8D8F99}
.mn .trs div span:before{content:"◆ ";font-size:1.1cqw}
.mn .wy{padding:4cqw 3cqw 0}
.mn .kp2{display:inline-block;font-size:.9cqw;background:#fff;border-radius:.6cqw;padding:.5cqw 1.2cqw;margin-bottom:1.6cqw}
.mn .wy h4{font-size:3.4cqw;font-weight:500;letter-spacing:-.03em;line-height:1.1;display:flex;justify-content:space-between;align-items:flex-end}
.mn .wy h4 small{font-size:1.1cqw;letter-spacing:0;font-weight:600}
.mn .wy .g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2cqw;margin-top:4cqw;align-items:start}
.mn .wy .ph{height:28cqw;border-radius:2cqw}
.mn .wy .g>div:nth-child(2){margin-top:10cqw}
.mn .wy .g>div:nth-child(2) .ph{height:22cqw;border-radius:0}
.mn .wy .g span{display:flex;justify-content:space-between;font-size:1.2cqw;margin-top:1.4cqw}
.mn .wy .g i{font-style:normal}
.mn .who{margin:4cqw 3cqw 0;background:#fff;border-radius:3cqw;padding:4cqw 6cqw;display:grid;grid-template-columns:1.2fr 1fr;gap:6cqw;align-items:center}
.mn .who>.ph{height:30cqw;border-radius:2cqw}
.mn .who h4{font-size:3.2cqw;font-weight:500;letter-spacing:-.03em;margin-bottom:3cqw}
.mn .who div .ph{height:16cqw;border-radius:2cqw}
.mn .who p{color:#777;font-size:1.15cqw;margin-top:2cqw}
.mn .lks{margin:2cqw 1.6cqw;background:#1B1B1B;color:#fff;border-radius:2cqw;padding:2.4cqw 4cqw;display:flex;justify-content:space-between;align-items:center}
.mn .lks>b{font-size:4cqw;font-weight:600;letter-spacing:-.03em}
.mn .lks div{display:flex;gap:1cqw}
.mn .lks .ph{width:9cqw;height:6cqw;border-radius:.8cqw}
.mn .fo{padding:0 3cqw 3cqw;color:#888}

/* social set — Koru Yapı: photo-led, cream and sage */
.sk .lg{font-family:"Fraunces",serif;font-weight:400;letter-spacing:.3em;font-size:4.4cqw}
.sk h5{font-weight:300}
.sk .cr{background:#FAF7F2;color:#2E2B26}
.sk .gn{background:#74845A;color:#FAF7F2}
.sk .dk:before{background:linear-gradient(0deg,rgba(30,24,18,.9),rgba(30,24,18,.08) 60%,rgba(30,24,18,.42))}
.sk .card{background:#FAF7F2;color:#2E2B26}
.sk h5 em{color:#74845A}
.sk .dk h5 em,.sk .gn h5 em{color:inherit}
.sk li{border-color:rgba(46,43,38,.2)}
.sk li:before{color:#74845A}
.sk .pill{background:#74845A;color:#fff}

/* social set — KARE Studio: black, lime, condensed capitals */
.s-kare .lg{font-family:var(--disp);font-weight:800;font-size:4.6cqw;letter-spacing:.04em}
.s-kare .lg:before{content:"";display:inline-block;width:3cqw;height:3cqw;background:#C6F135;margin-right:1.6cqw;vertical-align:-.3cqw}
.s-kare h5{font-family:var(--disp);font-weight:800;font-size:13.5cqw;line-height:.9;text-transform:uppercase;font-variation-settings:"wdth" 62}
.s-kare h5 em{font-style:normal;color:#C6F135}
.s-kare p{max-width:62cqw}
.s-kare .bk{background:#0E0F0C;color:#fff}
.s-kare .lt{background:#EDEDE8;color:#0E0F0C}
.s-kare .lt h5 em{color:#7FA600}
.s-kare .dk:before{background:linear-gradient(0deg,rgba(14,15,12,.94),rgba(14,15,12,.3))}
.s-kare .pill{background:#C6F135;color:#0E0F0C}
.s-kare .arc:after{content:"";position:absolute;right:-62cqw;top:2cqw;width:100cqw;height:100cqw;border-radius:50%;border:1.2cqw solid #C6F135;box-shadow:0 0 14cqw rgba(198,241,53,.55),inset 0 0 14cqw rgba(198,241,53,.25);z-index:1}
.s-kare .half{position:absolute;left:0;right:0;bottom:0;height:44%}
.s-kare img{filter:grayscale(1)}
.socwrap+.socwrap{margin-top:56px}