.od{--n:3;--sg:24px;--z:#F4EFE7;--y:#FBF8F3;--t:#2B2620;--s:#7D7365;--c:#E3DACC;--a:#2B2620;--a2:#A8784A;--zemin:#E6DCCB;background:var(--z);color:var(--t);font-family:'Karla',system-ui,sans-serif}.od h1,.od h2,.od h4,.od-logo,.od-oa b{font-family:'Libre Caslon Text',Georgia,serif;font-weight:400}.od-ust{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px max(32px,calc(50% - 680px));border-bottom:1px solid var(--c);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--z) 94%,transparent);backdrop-filter:blur(8px)}.od-ust nav{display:flex;gap:28px}.od-ust nav a{font-size:14px;color:var(--s)}.od-ust nav a:hover{color:var(--t)}.od-logo{display:grid;justify-items:center;font-size:30px;line-height:1}.od-logo small{font-family:'Karla',sans-serif;font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--a2);margin-top:5px}.od-sag{display:flex;justify-content:flex-end;align-items:center;gap:16px;font-size:13px;color:var(--s)}.od-sag span{display:flex;align-items:center;gap:6px}.od-sag svg{width:16px;height:16px}.od-sag button{position:relative;width:44px;height:44px;border:1px solid var(--c);border-radius:50%;background:var(--y);display:grid;place-items:center;color:var(--t)}.od-sag .t-say{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:var(--t);color:#fff;font-size:10.5px;display:grid;place-items:center}.od-bas{text-align:center;padding:70px 24px 40px;display:grid;gap:14px;justify-items:center}.od-bas small{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--a2)}.od-bas h1{font-size:clamp(36px,5cqi,68px);line-height:1.05;max-width:18ch}.od-bas p{color:var(--s);max-width:46ch}.od-odalar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:0 max(32px,calc(50% - 680px))}.od-oda{grid-column:span 2;display:grid;gap:12px;transition:transform .4s}.od-oda.o0,.od-oda.o1{grid-column:span 3}.od-oda:hover{transform:translateY(-6px)}.od-sahne{position:relative;aspect-ratio:16/10;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#EFE8DD 0 64%,var(--zemin) 64%);display:block}.od-oda.o0 .od-sahne,.od-oda.o1 .od-sahne{aspect-ratio:16/9}.od-sahne>span{position:absolute;bottom:14%;border-radius:4px;overflow:hidden;box-shadow:0 26px 24px -20px rgba(60,40,20,.55);transition:transform .5s}.od-sahne img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.od-sahne .p0{left:8%;width:48%;aspect-ratio:1;z-index:2}.od-sahne .p1{left:50%;width:30%;aspect-ratio:1;bottom:20%}.od-sahne .p2{right:5%;width:22%;aspect-ratio:1;bottom:12%;z-index:3}.od-oda:hover .p0{transform:translateX(-6px)}.od-oda:hover .p2{transform:translateX(6px)}.od-zemin{position:absolute;left:0;right:0;bottom:0;height:36%;background:repeating-linear-gradient(90deg,rgba(120,90,60,.07) 0 2px,transparent 2px 90px)}.od-oa{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.od-oa b{font-size:24px}.od-oa small{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--s)}.od-oa svg{width:16px;height:16px}.od-set{margin:80px 0 0;padding:56px max(32px,calc(50% - 680px));background:var(--t);color:#F1EADF}.od-set h2{font-size:clamp(28px,3cqi,40px);margin-bottom:26px}.od-set>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.od-sk{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:14px;border:1px solid rgba(241,234,223,.18);border-radius:4px;transition:background .3s}.od-sk:hover{background:rgba(241,234,223,.06)}.od-sk>span:first-child{width:120px;height:120px;border-radius:2px;overflow:hidden;background:#EFE8DD}.od-sk img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.od-sb{display:grid;gap:2px}.od-sb em{font-style:normal;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--a2)}.od-sb b{font-family:'Libre Caslon Text',serif;font-weight:400;font-size:20px;line-height:1.2}.od-sb small{font-size:12.5px;opacity:.7}.od-sb i{font-style:normal;margin-top:6px;font-size:17px}.od-bol{padding:70px max(32px,calc(50% - 680px)) 0;scroll-margin-top:90px}.od-bol h2{font-size:34px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--c)}.od-izg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.od-k{display:grid;gap:14px}.od-kf{position:relative;aspect-ratio:5/4;background:#EFE8DD;border-radius:4px;overflow:hidden}.od-kf img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.od-k:hover .od-kf img{transform:scale(1.05)}.od-kb{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.od-kb h4{font-size:20px}.od-kb b{font-weight:500;color:var(--s)}.od .t-ekle{height:42px;padding:0 16px 0 12px;border-radius:2px;border:1px solid var(--t);background:none;color:var(--t);font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.od .t-ekle:hover{background:var(--t);color:#fff}.od-alt{display:grid;justify-items:center;gap:8px;margin-top:80px;padding:40px 16px 50px;border-top:1px solid var(--c);color:var(--s);font-size:13px}.od-alt .od-logo{color:var(--t)}@container (max-width:900px){.od-odalar{grid-template-columns:repeat(2,minmax(0,1fr))}.od-oda,.od-oda.o0,.od-oda.o1{grid-column:span 1}.od-oda.o0{grid-column:span 2}.od-set>div{grid-template-columns:minmax(0,1fr)}.od-izg{grid-template-columns:repeat(2,minmax(0,1fr))}.od-sag span{display:none}}@container (max-width:600px){.od-ust{grid-template-columns:1fr auto;padding:12px 16px}.od-ust nav{display:none}.od-logo{justify-items:start;font-size:24px}.od-bas{padding:40px 16px 26px}.od-bas h1{font-size:34px}.od-odalar{padding:0 16px;gap:14px}.od-oa b{font-size:18px}.od-set{margin-top:50px;padding:36px 16px}.od-sk{grid-template-columns:90px 1fr}.od-sk>span:first-child{width:90px;height:90px}.od-bol{padding:46px 16px 0}.od-izg{grid-template-columns:minmax(0,1fr);gap:28px}}.od-odalar{display:flex;flex-wrap:wrap}.od-oda{flex:1 1 calc((100% - 36px)/3);min-width:0}.od-oda.o0,.od-oda.o1{flex-basis:calc((100% - 18px)/2)}.od-set>div{display:flex;flex-wrap:wrap}.od-set>div>a{flex:1 1 calc((100% - 40px)/3);min-width:0}@container (max-width:900px){.od-oda{flex-basis:calc((100% - 18px)/2)}.od-oda.o0{flex-basis:100%}.od-set>div>a{flex-basis:100%}}@container (max-width:600px){.od-oda{flex-basis:calc((100% - 14px)/2)}}