/*
Theme Name: Picasso Marnero
Author: Picasso Marnero
Description: Picasso Marnero için özel tema. Renkler, yazı tipleri, görseller ve iletişim bilgileri Görünüm › Özelleştir › Picasso tema ayarları’ndan; ürünler ve projeler yönetim panelindeki menülerden düzenlenir. Tasarım ve animasyonlar tema dosyalarındadır, panelden değiştirilemez.
Version: 1.4.3
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: picasso-marnero
*/

/* Yerleşim: kübist kolaj. Fotoğraflar Voronoi parçalarına bölünür ve kaydırdıkça birleşir; sabitlenen yatay oda galerisi, WebGL ahşap alanı.
   Renk: siyah ağırlıklı zemin, logo turuncusu (#F17E02) vurgu, beyaz metin ve açık bölümler. Yazı: tek aile, Archivo. */
:root{
  /* Renkler ve yazı tipleri Görünüm › Özelleştir’den gelir (functions.php: pm_css_vars). Buradakiler yedek değerlerdir. */
  --black:#000000;--graphite:#161616;--white:#FFFFFF;--light:#F2F2F2;--orange:#F17E02;--orange-deep:#D46400;--grey:#575757;--wood:#120C08;
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --gut:max(clamp(16px,4vw,56px),env(safe-area-inset-left,0px));
  --gut-r:max(clamp(16px,4vw,56px),env(safe-area-inset-right,0px));
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 .6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color-scheme:light;
}
:root{
  --white-86:color-mix(in srgb,var(--white) 86%,transparent);--white-72:color-mix(in srgb,var(--white) 72%,transparent);--white-50:color-mix(in srgb,var(--white) 50%,transparent);--white-35:color-mix(in srgb,var(--white) 35%,transparent);--white-18:color-mix(in srgb,var(--white) 18%,transparent);
  --black-80:color-mix(in srgb,var(--black) 80%,transparent);--black-55:color-mix(in srgb,var(--black) 55%,transparent);--black-50:color-mix(in srgb,var(--black) 50%,transparent);--black-14:color-mix(in srgb,var(--black) 14%,transparent);--black-0:color-mix(in srgb,var(--black) 0%,transparent);
  --blend:#FFFFFF;--shadow:color-mix(in srgb,var(--black) 45%,transparent);--gap:clamp(10px,1.3vw,18px);
}
*,*::before,*::after{box-sizing:border-box}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--black);color:var(--black);font:400 1.05rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:75;background:var(--black)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.process :focus-visible,.objects :focus-visible{outline-color:var(--black)}
p,h1,h2,h3,ul,ol,dl,dd,figure,blockquote{margin:0}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.wrap{max-width:1600px;margin-inline:auto;padding-left:var(--gut);padding-right:var(--gut-r)}
.label{display:inline-flex;align-items:center;gap:.6rem;font:600 .875rem/1.2 var(--f-body);letter-spacing:.01em}
.label::before{content:"";flex:none;width:.6rem;height:.6rem;background:var(--orange)}
em{font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--orange)}
.h-mega{font:700 clamp(2.9rem,min(11.2vw,19svh),13rem)/.9 var(--f-display);letter-spacing:-.035em}
.h-big{font:650 clamp(2.2rem,6.2vw,7rem)/1 var(--f-display);letter-spacing:-.03em;text-wrap:balance;overflow-wrap:break-word}
.h-giant{font:650 clamp(2.2rem,9.2vw,11rem)/.98 var(--f-display);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
.h-big em,.h-giant em,.h-mega em{font-weight:inherit;letter-spacing:inherit}
.pill-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.05rem 1.6rem;border-radius:999px;background:var(--orange);color:var(--black);font:600 1rem/1 var(--f-body);text-decoration:none;border:0;cursor:pointer}
.pill-btn::after{content:"";width:.55rem;height:.55rem;background:var(--black);transition:transform .4s}
.pill-btn:hover::after{transform:rotate(45deg)}

/* yükleme */
.loader{position:fixed;inset:0;z-index:100;background:var(--black);color:var(--white);display:grid;place-items:center;clip-path:inset(0 0 0 0);animation:ldout .9s cubic-bezier(.7,0,.2,1) 2.6s forwards}
@keyframes ldout{to{clip-path:inset(0 0 100% 0);visibility:hidden}}
.ld-c{display:grid;justify-items:center;gap:1.4rem}
.ld-grid{display:grid;grid-template-columns:repeat(3,18px);gap:5px}
.ld-grid i{width:18px;height:18px;background:var(--white);animation:ldsq 1.3s cubic-bezier(.7,0,.2,1) infinite alternate}
.ld-grid i:nth-child(5){background:var(--orange)}
@keyframes ldsq{from{transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(.5);opacity:.25}to{transform:none;opacity:1}}
.ld-num{font:700 clamp(4.5rem,16vw,13rem)/.8 var(--f-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ld-cap{font:400 1.2rem/1.2 var(--f-body);color:var(--white-72)}
.ld-corner{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));font:500 .85rem/1 var(--f-body);letter-spacing:.01em;color:var(--white-72)}
.ld-corner.l{left:var(--gut)}
.ld-corner.r{right:var(--gut-r)}

/* imleç */
.cur{display:none}
.has-cur .cur{display:block}
.has-cur,.has-cur a,.has-cur button,.has-cur label,.has-cur select,.has-cur input{cursor:none}
.cur-dot,.cur-ring{position:fixed;left:0;top:0;z-index:96;pointer-events:none}
.cur-dot{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--orange)}
.cur-ring{width:44px;height:44px;margin:-22px 0 0 -22px;border:1px solid var(--blend);mix-blend-mode:difference;display:grid;place-items:center;transition:width .35s,height .35s,margin .35s,background .35s,border-color .35s}
.cur-ring.hov{width:70px;height:70px;margin:-35px 0 0 -35px}
.cur-ring.big{width:104px;height:104px;margin:-52px 0 0 -52px;background:var(--orange);border-color:var(--orange);mix-blend-mode:normal;border-radius:50%}
.cur-label{font:600 .8rem/1 var(--f-body);color:var(--black);opacity:0;transition:opacity .2s}
.cur-ring.big .cur-label{opacity:1}

/* üst bar ve menü */
.hdr{position:fixed;top:0;left:0;z-index:70;padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-left:var(--gut)}
.brand{display:block;background:var(--black);padding:9px 12px}
.brand img{height:34px;width:auto}
.hdr-r{position:fixed;top:0;right:0;z-index:71;height:calc(env(safe-area-inset-top,0px) + 80px);padding-top:env(safe-area-inset-top,0px);padding-right:var(--gut-r);display:flex;align-items:center;gap:2.2rem;color:var(--white);--blend:var(--white);transition:color .3s}
.menu-open .hdr-r{mix-blend-mode:normal;color:var(--white)}
.menu-open .menu-btn{color:var(--white)}
.hdr-nav{display:flex;gap:1.7rem;font:600 .9rem/1 var(--f-body);letter-spacing:.005em}
.hdr-nav a{text-decoration:none}
.menu-btn{display:inline-flex;align-items:center;gap:.8rem;background:none;border:0;padding:.4rem 0;font:600 .9rem/1 var(--f-body);letter-spacing:.005em;cursor:pointer;color:var(--blend)}
.burger{display:grid;gap:5px;width:24px}
.burger i{display:block;height:2px;background:currentColor;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.menu-open .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-open .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.mo{position:fixed;inset:0;z-index:65;background:var(--graphite);color:var(--white);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);align-items:end;gap:2rem;padding-left:var(--gut);padding-right:var(--gut-r);padding-top:calc(env(safe-area-inset-top,0px) + 110px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px);clip-path:circle(0% at calc(100% - 70px) 40px);visibility:hidden;transition:clip-path .9s cubic-bezier(.77,0,.18,1),visibility 0s .9s}
.mo.open{clip-path:circle(160% at calc(100% - 70px) 40px);visibility:visible;transition:clip-path .9s cubic-bezier(.77,0,.18,1),visibility 0s}
.mo-links{display:grid}
.mo-links a{display:block;height:1.2em;overflow:hidden;font:650 calc(clamp(2.2rem,min(6.4vw,8svh),7rem)*var(--fz,1))/1.2 var(--f-display);letter-spacing:-.03em;text-decoration:none}
.mo-links span{display:block;transition:transform .55s cubic-bezier(.7,0,.2,1)}
.mo-links span::after{content:attr(data-t);display:block;padding-top:.3em;color:var(--orange)}
.mo-links a:hover span,.mo-links a:focus-visible span{transform:translateY(-1.5em)}
.mo-info{display:grid;gap:1rem;font-size:.95rem;color:var(--white-72);padding-bottom:.6rem}
.mo-info a{color:var(--white)}
@media (max-width:760px){.hdr-nav{display:none}.mo{grid-template-columns:1fr;align-content:end}}

/* giriş */
.hero{position:relative;height:100svh;min-height:560px;background:var(--black);color:var(--white);overflow:hidden;isolation:isolate}
.shards{position:absolute;inset:0;z-index:0}
.shards-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sh{position:absolute;inset:0;will-change:transform}
.sh img{position:absolute;inset:-4%;width:108%;height:108%;max-width:none;object-fit:cover;will-change:transform;user-select:none;-webkit-user-drag:none}
.sh .tint{position:absolute;inset:0;opacity:0;pointer-events:none}
.t0{background:var(--black);mix-blend-mode:saturation}
.t1{background:var(--orange);mix-blend-mode:overlay}
.t2{background:var(--black);mix-blend-mode:multiply}
.t3{background:var(--white);mix-blend-mode:soft-light}
.t4{background:var(--orange)}
.sh svg{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;overflow:visible}
.sh svg polygon{fill:none;stroke:var(--white);stroke-width:1.2}
.hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--black) 38%,transparent) 0%,color-mix(in srgb,var(--black) 18%,transparent) 45%,color-mix(in srgb,var(--black) 0%,transparent) 70%),linear-gradient(180deg,color-mix(in srgb,var(--black) 82%,transparent) 0%,color-mix(in srgb,var(--black) 42%,transparent) 30%,color-mix(in srgb,var(--black) 30%,transparent) 50%,color-mix(in srgb,var(--black) 62%,transparent) 82%,color-mix(in srgb,var(--black) 86%,transparent) 100%)}
.hero-type{position:absolute;z-index:2;left:var(--gut);right:var(--gut-r);top:calc(env(safe-area-inset-top,0px) + clamp(84px,13vh,140px));display:grid;gap:clamp(1rem,2.4vh,1.8rem)}
.kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font:500 .875rem/1.3 var(--f-body);letter-spacing:.01em;color:var(--white-86);border-top:1px solid var(--white-35);padding-top:.8rem}
.h-mega .ln{display:block;overflow:hidden;padding:.04em 0 .2em;margin:-.04em 0 -.2em}
.h-mega .ln>span{display:block}
.h-mega .ln-2{padding-left:clamp(2.5rem,16vw,20rem)}
.h-mega em{color:var(--orange)}
.hero-foot{position:absolute;z-index:2;left:var(--gut);right:var(--gut-r);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(18px,4vh,40px));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem}
.hero-lead{max-width:38ch;font-size:clamp(1rem,1.2vw,1.15rem);color:var(--white-86)}
.hero-act{display:grid;justify-items:end;gap:1rem}
.scroll-hint{display:flex;align-items:center;gap:.7rem;font:500 .85rem/1 var(--f-body);letter-spacing:.01em;color:var(--white-86)}
.scroll-hint i{width:1px;height:34px;background:var(--white-35);position:relative;overflow:hidden}
.scroll-hint i::after{content:"";position:absolute;left:0;top:-40%;width:1px;height:40%;background:var(--orange);animation:drip 1.8s cubic-bezier(.7,0,.2,1) infinite}
@keyframes drip{to{top:100%}}
.hero-end{position:absolute;z-index:2;left:var(--gut);right:var(--gut-r);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(18px,4vh,40px));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;opacity:0;pointer-events:none;color:var(--white)}
.hero-cap{font:600 .875rem/1.3 var(--f-body);letter-spacing:.01em;color:var(--white);text-shadow:0 0 14px color-mix(in srgb,var(--black) 70%,transparent),0 1px 2px color-mix(in srgb,var(--black) 50%,transparent)}
.hero-end .h-big em{color:inherit}
@media (max-width:760px){.h-mega{font-size:clamp(2.9rem,14vw,13rem)}.hero-foot{grid-template-columns:1fr}.hero-act{justify-items:start}.kicker span:nth-child(2){display:none}}

/* manifesto */
.manifest{background:var(--black);color:var(--white);padding-block:clamp(6rem,18vh,12rem)}
.mf{display:grid;gap:clamp(2rem,5vh,3.5rem)}
.mf-text{font:600 clamp(1.7rem,4vw,4.3rem)/1.16 var(--f-display);letter-spacing:-.02em;max-width:19em}
.mf-text b,.mf-text .em{font-weight:inherit;color:var(--orange)}
.mf-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.mf-facts li{border:1px solid var(--white-35);border-radius:999px;padding:.55rem 1rem;font:500 .9rem/1 var(--f-body)}

/* odalar */
.rooms{position:relative;background:var(--graphite);color:var(--white);overflow-x:clip}
.rooms-pin{position:relative;padding-block:clamp(5rem,14vh,9rem)}
.rooms-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.2rem 2rem;margin-bottom:clamp(2.5rem,7vh,5rem)}
.rooms-head>div{display:grid;gap:1rem}
.rooms-head .h-big em{color:var(--orange)}
.rooms-hint{font:500 .875rem/1 var(--f-body);letter-spacing:.01em;color:var(--white-72);font-variant-numeric:tabular-nums}
.track{display:grid;gap:clamp(4rem,10vh,7rem);padding-left:var(--gut);padding-right:var(--gut-r)}
.room{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);align-items:center}
.room-end{grid-template-columns:1fr;justify-items:start;align-content:center;gap:2rem}
.room-end .h-big em{color:var(--orange)}
.art{position:relative;aspect-ratio:3/4;width:100%;max-width:560px}
.pl{position:absolute;overflow:hidden;will-change:transform}
.pl>img,.pl>svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pl.g>img{filter:grayscale(1) contrast(1.15) brightness(1.05)}
.pl.m{mix-blend-mode:screen}
.pl.sq,.pl.circ{aspect-ratio:1}
.pl.circ{border-radius:50%}
.pl .lb{position:absolute;left:6px;bottom:6px;font:600 .72rem/1 var(--f-body);letter-spacing:.01em;background:var(--white);color:var(--black);padding:.32rem .42rem}
.c-orange{background:var(--orange)}.c-black{background:var(--black)}.c-white{background:var(--white)}.c-clay{background:#B4673F}
.c-brass,.k-brass{background:linear-gradient(135deg,#7E5E2A 0%,#D9BB76 32%,#9C7A3C 52%,#EBD39A 72%,#8A6A32 100%)}
.k-linen{background-color:#D8CFBF;background-image:repeating-linear-gradient(0deg,rgba(36,24,15,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 3px)}
.k-velvet{background:radial-gradient(120% 90% at 28% 18%,color-mix(in srgb,var(--c) 66%,#fff) 0%,var(--c) 46%,color-mix(in srgb,var(--c) 64%,#000) 100%)}
.k-leather{background:radial-gradient(110% 80% at 30% 25%,#A86338 0%,#8A4B2A 50%,#5E3119 100%)}
.k-felt{background-color:var(--c);background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.3px),radial-gradient(color-mix(in srgb,var(--black) 9%,transparent) 1px,transparent 1.3px);background-size:4px 4px,5px 5px;background-position:0 0,2px 3px}
.k-stripe{background:repeating-linear-gradient(90deg,var(--light) 0 16px,var(--black) 16px 26px,var(--light) 26px 34px,var(--orange) 34px 38px)}
.k-rattan{background-color:#C49A5E;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.2) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(60,35,10,.24) 0 2px,transparent 2px 6px)}
.room-copy{display:grid;gap:1.1rem;max-width:34rem;min-width:0}
.etud{font:600 .875rem/1 var(--f-body);letter-spacing:.01em;color:var(--orange)}
.room h3{font:650 clamp(2.4rem,5.4vw,6rem)/.96 var(--f-display);letter-spacing:-.03em;overflow-wrap:break-word}
.room h3 em{color:inherit}
.rd{color:var(--white-72);font-size:1.06rem;max-width:42ch}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0}
.chips li{border:1px solid var(--white-35);border-radius:999px;padding:.38rem .85rem;font-size:.9rem}
.rk{justify-self:start;display:inline-flex;align-items:center;gap:.6rem;font:600 .95rem/1 var(--f-body);text-decoration:none;color:var(--white);border-bottom:2px solid var(--orange);padding-bottom:.35rem}
.rooms-progress{display:none}
@media (max-width:760px){.room{grid-template-columns:1fr}}
.rooms.is-h .rooms-pin{height:100svh;padding:0;display:flex;flex-direction:column;overflow:hidden}
.rooms.is-h .rooms-head{margin:0;padding-top:calc(env(safe-area-inset-top,0px) + 92px);flex:none}
.rooms.is-h .rooms-head .h-big{font-size:clamp(2rem,3.4vw,3.6rem)}
.rooms.is-h .track{display:flex;flex:1;align-items:center;gap:0;width:max-content;padding-right:0}
.rooms.is-h .room{flex:none;width:min(74vw,1200px);padding-right:6vw}
.rooms.is-h .art{width:auto;height:min(58vh,620px);max-width:none}
.rooms.is-h .room-end{width:62vw}
.rooms.is-h .rooms-progress{display:block;position:absolute;left:var(--gut);right:var(--gut-r);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);height:2px;background:var(--white-18)}
.rooms-progress i{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}

/* atölye */
.atelier{position:relative;min-height:100svh;background:var(--wood);color:var(--white);overflow:hidden;display:grid;align-items:end;isolation:isolate}
.gl-fb,.gl{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.atelier::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--black-50),var(--black-0) 40%,var(--black-55));pointer-events:none}
.at{display:grid;gap:clamp(1.2rem,3vh,2rem);padding-block:clamp(6rem,16vh,10rem) clamp(2.5rem,7vh,5rem)}
.at .h-giant{max-width:12ch}
.at .h-giant em{color:var(--orange)}
.at-lead{max-width:44ch;color:var(--white-86);font-size:1.08rem}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;border-top:1px solid var(--white-35);padding-top:1.4rem;margin-top:1rem}
.stats b{display:block;font:650 clamp(2rem,3.4vw,4rem)/.95 var(--f-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stats b small{font-size:.5em;letter-spacing:-.02em;margin-left:.08em}
.stats span{display:block;margin-top:.6rem;font:500 .875rem/1.3 var(--f-body);letter-spacing:.01em;color:var(--white-72)}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr;row-gap:2rem}}

/* süreç */
.process{background:var(--light);color:var(--black)}
.pr-pin{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-left:var(--gut);padding-right:var(--gut-r);padding-top:clamp(5rem,12vh,7rem);padding-bottom:clamp(2rem,6vh,4rem);max-width:1600px;margin-inline:auto}
.pr-copy{display:grid;gap:1.4rem;min-width:0}
.pr-copy .h-big em{color:var(--orange-deep)}
.pr-steps{list-style:none;padding:0;margin-top:.6rem;display:grid;gap:1rem}
.pr-steps li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:.15rem 1rem;border-top:1px solid var(--black-14);padding-top:1rem;transition:opacity .45s}
.g .pr-steps li{opacity:.3}
.g .pr-steps li.on{opacity:1}
.pr-steps span{grid-row:span 2;font:700 1.2rem/1.2 var(--f-display);color:var(--orange-deep)}
.pr-steps b{font:650 clamp(1.15rem,1.6vw,1.5rem)/1.2 var(--f-display);letter-spacing:-.01em}
.pr-steps p{color:var(--grey);font-size:1rem}
.pr-stage{display:grid;justify-items:center;gap:1.4rem}
.sq{position:relative;width:min(36vw,62vh);aspect-ratio:1;max-width:100%;will-change:transform}
.sq>div,.sq>svg{position:absolute;inset:0;width:100%;height:100%}
.sq-measure{background:var(--white);color:var(--black)}
.sq-measure text{font:600 3.4px var(--f-body);fill:var(--black)}
.sq-plan{background:var(--white)}
.sq-plan i{position:absolute;display:block}
.sq-plan i:nth-child(1){inset:0 38% 42% 0;background:var(--black);clip-path:polygon(0 0,100% 0,82% 100%,0 86%)}
.sq-plan i:nth-child(2){inset:0 0 50% 55%;background:color-mix(in srgb,var(--white) 65%,var(--black));clip-path:polygon(12% 0,100% 0,100% 100%,0 80%)}
.sq-plan i:nth-child(3){inset:52% 30% 0 0;background:color-mix(in srgb,var(--white) 24%,var(--black));clip-path:polygon(0 8%,100% 0,90% 100%,0 100%)}
.sq-plan i:nth-child(4){inset:46% 0 0 62%;background:var(--orange);clip-path:polygon(0 0,100% 14%,100% 100%,10% 100%)}
.sq-plan i:nth-child(5){left:28%;top:30%;width:26%;height:26%;background:var(--white);clip-path:polygon(0 20%,80% 0,100% 85%,15% 100%)}
.sq-wood svg{width:100%;height:100%;display:block}
.sq-photo img{width:100%;height:100%;object-fit:cover}
.sq-cap{font:650 clamp(2.2rem,4.4vw,4.4rem)/1 var(--f-display);letter-spacing:-.03em}
html:not(.g) .sq-plan,html:not(.g) .sq-wood,html:not(.g) .sq-photo{display:none}
@media (max-width:760px){
  .pr-pin{grid-template-columns:1fr;align-content:center;gap:1.2rem;padding-top:calc(env(safe-area-inset-top,0px) + 78px);padding-bottom:1.5rem}
  .pr-stage{order:-1;gap:.6rem}
  .sq{width:min(56vw,28svh)}
  .sq-cap{font-size:1.8rem}
  .g .pr-steps li:not(.on) p{display:none}
  .pr-steps{gap:.5rem}
  .pr-steps li{padding-top:.55rem}
}

/* işler */
.works{background:var(--black);color:var(--white);padding-block:clamp(6rem,14vh,10rem)}
.w-head{display:grid;gap:1rem;margin-bottom:clamp(2.5rem,7vh,4.5rem)}
.w-head .h-big em{color:var(--orange)}
.work{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(1.5rem,4vw,4rem);align-items:end}
.work+.work{margin-top:clamp(4rem,12vh,8rem)}
.work.rev{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}
.work.rev .w-media{order:2}
.w-media{position:relative;display:block;aspect-ratio:16/10;background:var(--graphite);overflow:hidden}
.frag{position:absolute;inset:0}
.frag>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.w-copy{display:grid;gap:.9rem;min-width:0}
.w-copy h3{font:650 clamp(2rem,4.6vw,4.8rem)/.96 var(--f-display);letter-spacing:-.03em;overflow-wrap:break-word}
.w-copy p{color:var(--white-72)}
@media (max-width:860px){.work,.work.rev{grid-template-columns:1fr}.work.rev .w-media{order:0}}

/* tek parça */
.objects{position:relative;background:var(--light);color:var(--black);padding-top:clamp(6rem,14vh,9rem);overflow:hidden}
.ob-head{display:grid;gap:1rem;max-width:1600px}
.ob-head .h-big em{color:var(--orange-deep)}
.ob-head .sub{color:var(--grey);max-width:52ch}
.ob-field{position:relative;height:clamp(560px,96vh,960px);margin-top:1rem}
.ob-field::before{content:"TEK PARÇA";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font:700 clamp(5rem,19vw,22rem)/.8 var(--f-display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--black-14);white-space:nowrap;pointer-events:none}
.ob{position:absolute;margin:0;background:var(--white);padding:10px 10px 38px;box-shadow:0 34px 60px -30px var(--shadow);will-change:transform}
.ob img{display:block;width:100%;height:auto}
.ob figcaption{position:absolute;left:12px;bottom:12px;font:600 .8rem/1 var(--f-body);letter-spacing:.01em}
.o1{left:4%;top:12%;width:clamp(200px,24vw,380px);rotate:-6deg}
.o2{left:39%;top:2%;width:clamp(160px,16vw,260px);rotate:4deg}
.o3{left:73%;top:20%;width:clamp(150px,15vw,240px);rotate:-3deg}
.o4{left:17%;top:57%;width:clamp(210px,25vw,390px);rotate:5deg}
.o5{left:56%;top:63%;width:clamp(220px,21vw,320px);rotate:-2deg}
.ob-note{background:var(--black);color:var(--white);padding:1.4rem 1.4rem 1.5rem;display:grid;gap:1rem}
.ob-note p{font:600 clamp(1.15rem,1.5vw,1.45rem)/1.25 var(--f-display);letter-spacing:-.01em}
.ob-note a{justify-self:start;font:600 .95rem/1 var(--f-body);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:.35rem}
@media (max-width:760px){
  .ob-field{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-left:var(--gut);padding-right:var(--gut-r);padding-bottom:4rem;margin-top:2rem}
  .ob-field::before{top:40%;font-size:24vw}
  .ob{position:relative;left:auto;top:auto;width:auto}
  .ob-note{grid-column:1/-1}
}
@media (hover:none){.fine-only{display:none}}

/* iletişim */
.contact{background:var(--black);color:var(--white);color-scheme:dark;padding-block:clamp(6rem,14vh,10rem)}
.contact .h-giant{font-size:clamp(1.5rem,7.6vw,9rem)}
.contact .h-giant em{color:var(--orange)}
.ct-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);margin-top:clamp(2.5rem,7vh,4.5rem);align-items:start}
.ct-info{display:grid;gap:1.6rem;justify-items:start}
.ct-info dl{display:grid;gap:1.1rem}
.ct-info dt{font:600 .875rem/1.2 var(--f-body);letter-spacing:.01em;color:var(--orange)}
.ct-info dd{font:500 clamp(1.1rem,1.6vw,1.4rem)/1.35 var(--f-display);letter-spacing:-.005em;overflow-wrap:anywhere;margin-top:.2rem}
.round-btn{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;background:var(--orange);color:var(--black);font:600 .95rem/1.15 var(--f-body);text-decoration:none;text-align:center}
.ct-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1.6rem}
.fl{display:grid;gap:.4rem;min-width:0}
.fl.full{grid-column:1/-1}
.fl label{font:600 .875rem/1.2 var(--f-body);letter-spacing:.01em;color:var(--white-72)}
.fl input,.fl select,.fl textarea{width:100%;background:transparent;border:0;border-bottom:2px solid var(--white-50);font:500 calc(1.15rem*var(--fz,1))/1.4 var(--f-body);color:var(--white);padding:.5rem 0;border-radius:0}
.fl input::placeholder,.fl textarea::placeholder{color:var(--white-50)}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:none;border-bottom-color:var(--orange)}
.fl select option{background:var(--graphite);color:var(--white)}
.kv{grid-column:1/-1;display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;color:var(--white-86)}
.kv input{margin-top:.3rem;accent-color:var(--orange)}
.send{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:.9rem;padding:1.2rem 1.9rem;border:0;border-radius:999px;background:var(--orange);color:var(--black);font:600 1.05rem/1 var(--f-body);cursor:pointer}
.send::after{content:"";width:.6rem;height:.6rem;background:var(--black);transition:transform .4s}
.send:hover::after{transform:rotate(45deg)}
.ct-note{grid-column:1/-1;background:var(--graphite);color:var(--white);border-left:4px solid var(--orange);padding:.8rem 1rem;font-size:.95rem}
@media (max-width:900px){.ct-grid{grid-template-columns:1fr}}
@media (max-width:560px){.ct-form{grid-template-columns:1fr}}

/* alt bilgi */
.foot{background:var(--black);color:var(--white);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 2rem);overflow:hidden}
.marquee{overflow:hidden;border-bottom:1px solid var(--white-18);padding-block:1.4rem}
.mq{display:flex;align-items:center;width:max-content;animation:mq 46s linear infinite}
.mq span{font:650 clamp(2.4rem,6vw,5.6rem)/1 var(--f-display);letter-spacing:-.03em;white-space:nowrap;margin-right:2.4rem}
.mq span em{color:var(--orange)}
.mq i{flex:none;width:.9rem;height:.9rem;background:var(--orange);margin-right:2.4rem}
@keyframes mq{to{transform:translateX(-50%)}}
.ft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem;padding-top:2rem}
.ft .brand{display:inline-block}
.ft nav{display:flex;flex-wrap:wrap;gap:1.4rem;font:500 .9rem/1 var(--f-body);letter-spacing:.005em}
.ft nav a{text-decoration:none;color:var(--white-72)}
.ft nav a:hover{color:var(--orange)}
.ft small{font:400 .85rem/1.4 var(--f-body);color:var(--white-72)}
@media (max-width:760px){.foot{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6.5rem)}}

/* doku, mobil düğme */
.grain{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden;opacity:.09;mix-blend-mode:overlay}
.grain::before{content:"";position:absolute;inset:-50%;background:var(--grain);animation:gr .9s steps(6) infinite}
@keyframes gr{0%{transform:translate(0,0)}20%{transform:translate(-5%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-2%,5%)}80%{transform:translate(4%,2%)}100%{transform:translate(0,0)}}
.fab{display:none}
@media (max-width:760px){.fab{position:fixed;z-index:60;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--orange);color:var(--black);font:600 .85rem/1 var(--f-body);text-decoration:none;box-shadow:0 14px 30px -12px var(--shadow)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.loader{display:none}}

/* ================= İç sayfalar: Ürünler, Projeler, metin sayfaları ================= */
html:has(.p-hero){scroll-padding-top:96px}
.hdr-nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.p-hero{background:var(--black);color:var(--white);padding-top:calc(env(safe-area-inset-top,0px) + clamp(120px,18vh,180px));padding-bottom:clamp(2.4rem,7vh,4.5rem)}
.p-hero .wrap{display:grid;gap:1.3rem;justify-items:start}
.p-hero h1{font:650 clamp(2.8rem,8vw,8rem)/.98 var(--f-display);letter-spacing:-.035em;overflow-wrap:break-word;max-width:100%}
.p-lead{max-width:46ch;color:var(--white-86);font-size:clamp(1rem,1.3vw,1.2rem)}
.cats{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:.8rem 0 0}
.cats a{display:inline-flex;padding:.8rem 1.2rem;border:1px solid var(--white-35);border-radius:999px;text-decoration:none;font:600 1rem/1 var(--f-body);transition:border-color .25s,color .25s}
.cats a:hover{border-color:var(--orange);color:var(--orange)}

/* katalog */
.catalog{background:var(--light);color:var(--black);padding-block:clamp(3rem,8vh,5rem)}
.catalog :focus-visible{outline-color:var(--black)}
.cat+.cat{margin-top:clamp(3.5rem,9vh,6rem)}
.cat-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.5rem 2rem;padding-bottom:1.1rem;margin-bottom:1.6rem;border-bottom:1px solid var(--black-14)}
.cat-head h2{font:650 clamp(2rem,4.4vw,4rem)/1 var(--f-display);letter-spacing:-.03em}
.cat-head p{color:var(--grey);max-width:44ch}
.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem)}
.card{display:grid;gap:.7rem;align-content:start;min-width:0}
.pic{position:relative;aspect-ratio:4/5;background:var(--white);overflow:hidden}
.pic img{display:block;width:100%;height:100%;object-fit:cover}
.pic.cut img{object-fit:contain;padding:8%}
.ph-in{display:grid;place-items:center;height:100%;border:1.5px dashed color-mix(in srgb,var(--black) 32%,transparent);color:var(--grey);font:500 .9rem/1.3 var(--f-body)}
.card h3{font:600 clamp(1.02rem,1.3vw,1.25rem)/1.25 var(--f-body)}
.ask{justify-self:start;font:600 .95rem/1 var(--f-body);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:.3rem}
.bos{color:var(--grey);padding-block:1rem}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:340px){.grid{grid-template-columns:1fr}}

/* siyah beyaz → renk: renk imlecin girdiği noktadan daireyle açılır */
.pic>img,.vbtn>.poster{filter:grayscale(1) brightness(.78) contrast(1.06);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tone{position:absolute;inset:0;pointer-events:none;clip-path:circle(0% at var(--mx,50%) var(--my,50%));transition:clip-path .6s cubic-bezier(.4,0,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.card:hover .tone,.card:focus-within .tone,.card.on .tone,.vbtn:hover .tone,.vbtn:focus-visible .tone,.vid.on .tone{clip-path:circle(var(--mr,75%) at var(--mx,50%) var(--my,50%));transition:clip-path 1s cubic-bezier(.4,0,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1)}
.card:hover .pic>img,.card:hover .tone,.vbtn:hover>.poster,.vbtn:hover .tone{transform:scale(1.035)}

/* projeler: her satırdaki video ve fotoğraflar kendi oranında, aynı yükseklikte */
.projects{background:var(--black);color:var(--white);padding-bottom:clamp(4rem,10vh,7rem)}
.projects .bos{color:var(--white-72)}
.proje{padding-top:clamp(2rem,5vh,3rem);border-top:1px solid var(--white-18)}
.proje+.proje{margin-top:clamp(3rem,8vh,5rem)}
.pj-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.4rem 2rem;margin-bottom:1.4rem}
.pj-head h2{font:650 clamp(1.8rem,3.6vw,3.4rem)/1.02 var(--f-display);letter-spacing:-.03em}
.kunye{color:var(--white-72)}
.rows{display:grid;gap:var(--gap)}
.row{display:flex;gap:var(--gap);align-items:flex-start}
.vid{position:relative;min-width:0;background:var(--graphite);overflow:hidden}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vbtn{position:absolute;inset:0;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}
.vbtn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vbtn:focus-visible{outline-offset:-4px}
.play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:clamp(48px,4.6vw,68px);aspect-ratio:1;border-radius:50%;background:var(--orange);font-size:clamp(11px,1vw,15px);transition:scale .4s cubic-bezier(.2,.7,.2,1)}
.play::after{content:"";position:absolute;left:55%;top:50%;translate:-50% -50%;border-style:solid;border-width:.6em 0 .6em 1em;border-color:transparent transparent transparent var(--black)}
.zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:var(--orange);transition:scale .4s cubic-bezier(.2,.7,.2,1)}
.zoom::before,.zoom::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--black);translate:-50% -50%}
.zoom::after{rotate:90deg}
.vbtn:hover .play,.vbtn:hover .zoom{scale:1.08}

/* büyütülmüş fotoğraf */
.lb{position:fixed;inset:0;z-index:95;background:color-mix(in srgb,var(--black) 94%,transparent);display:grid;place-items:center;padding:clamp(16px,4vw,56px)}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:calc(100svh - 2 * clamp(16px,4vw,56px));width:auto;height:auto;object-fit:contain}
.lb-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;width:48px;height:48px;border:0;border-radius:50%;background:var(--orange);cursor:pointer}
.lb-x::before,.lb-x::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;background:var(--black);translate:-50% -50%;rotate:45deg}
.lb-x::after{rotate:-45deg}
html.lb-open{overflow:hidden}

/* çağrı bandı */
.p-cta{background:var(--black);color:var(--white);padding-block:clamp(4rem,12vh,7rem)}
.projects+.p-cta{background:var(--graphite)}
.p-cta .wrap{display:grid;gap:1.3rem;justify-items:start}
.p-cta h2{font:650 clamp(2.2rem,6vw,6rem)/1 var(--f-display);letter-spacing:-.03em;max-width:14ch}
.p-cta p{max-width:44ch;color:var(--white-86)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;margin-top:.6rem}
.tel{font:600 1.05rem/1 var(--f-body);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:.3rem}

/* metin sayfaları (KVKK vb.) */
.entry-wrap{background:var(--light);color:var(--black);padding-block:clamp(3rem,8vh,5rem)}
.entry{max-width:780px;margin-inline:0}
.entry>*+*{margin-top:1em}
.entry h2{font:650 clamp(1.5rem,2.4vw,2rem)/1.15 var(--f-display);letter-spacing:-.02em;margin-top:1.8em}
.entry h3{font:600 1.25rem/1.25 var(--f-display);margin-top:1.5em}
.entry ul,.entry ol{padding-left:1.3em}
.entry a{text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}

/* WordPress */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.admin-bar .hdr,body.admin-bar .hdr-r{top:32px}
@media (max-width:782px){body.admin-bar .hdr,body.admin-bar .hdr-r{top:46px}}
@media (prefers-reduced-motion:reduce){.tone{display:none}.pic>img,.vbtn>.poster{filter:none}}

/* Özelleştir'de bir yazıya ayrı yazı tipi ya da boyut seçilince yazı <pm-t> içine alınır (inc/texts.php: pm_sar) */
pm-t{overflow-wrap:break-word}
:is(h1,h2,h3,p,li)>pm-t:only-child,.h-mega .ln>span>pm-t,.stats b>pm-t,.pr-steps b>pm-t{display:block}

/* Revize: sağ üstteki menü. Zemini site.js/front.js algılar; açık zeminde koyu yazı. Üzerine gelince turuncu. */
.hdr-acik .hdr-r{color:var(--black);--blend:var(--black)}
.menu-open .hdr-r,.menu-open.hdr-acik .hdr-r{color:var(--white);--blend:var(--white)}
.hdr-nav a,.menu-btn{transition:color .25s}
.hdr-nav a:hover,.hdr-nav a:focus-visible,.menu-btn:hover{color:var(--orange)}
.hdr-acik .hdr-nav a:hover,.hdr-acik .hdr-nav a:focus-visible,.hdr-acik .menu-btn:hover{color:var(--orange-deep)}
.menu-open .menu-btn:hover{color:var(--orange)}

/* Revize: yazı işaretleri (_italik_, **kalın**), başlığın ikinci satırı, atölye ipucu */
pm-i{font-style:italic}
/* biçim ayarları turuncu (*…*) kelimelere de geçer: eğim her zaman, renk yazının tamamı turuncuysa */
pm-t em,pm-t b{font-style:inherit}
pm-t.tum em{color:inherit}
.h-alt{display:block;margin-top:.3em;letter-spacing:.01em}
.h-alt>pm-t{display:block}
.at-lead+.at-hint{margin-top:calc(.35rem - clamp(1.2rem,3vh,2rem));color:var(--white-72)}

/* Süreç: yarısı eskiz, yarısı tamamlanmış oda */
.iso{position:relative;width:min(40vw,70vh);max-width:100%;--d1:1;--d2:1}
.iso-svg{display:block;width:100%;height:auto;overflow:visible}
.f-floor{fill:#CFB089}.f-plank{stroke:#7A5A36;stroke-opacity:.3;stroke-width:1}
.f-wl{fill:#ECE7E0}.f-wr{fill:#DED7CD}
.f-cut{fill:#1C1C1C}.f-cut2{fill:#0F0F0F}
.f-glass{fill:#C3D3DA}.f-mull{stroke:#262626;stroke-width:2.2}
.f-light{fill:#FFF;opacity:.24}
.f-ink{fill:#1B1B1B}.f-ink2{fill:#121212}.f-ink3{fill:#090909}
.f-or{fill:var(--orange)}.f-or2{fill:color-mix(in srgb,var(--orange) 84%,#000)}.f-or3{fill:color-mix(in srgb,var(--orange) 70%,#000)}
.f-cr{fill:#F1ECE4}.f-cr2{fill:#DCD5CA}.f-cr3{fill:#C7BFB2}
.f-rug{fill:#EEE8DF}.f-rug2{fill:none;stroke:var(--orange);stroke-opacity:.75;stroke-width:2}
.f-shadow{fill:#000;opacity:.13}
.f-wd1{fill:#8C5F3B}.f-wd2{fill:#6B4429}.f-wd3{fill:#52331E}
.f-so1{fill:#4B4B4B}.f-so2{fill:#363636}.f-so3{fill:#272727}
.f-cord{stroke:#111;stroke-width:1.5}.f-glow{fill:var(--orange)}
.iso-render polygon{stroke:#111;stroke-opacity:.26;stroke-width:1;stroke-linejoin:round}
.iso-sketch{fill:none;stroke:#2A2A2A;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.iso-sk1>*{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d1))}
.iso-sk2>*{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d2))}
.iso-hid{stroke-dasharray:5 6;stroke-width:1;opacity:calc(var(--d2) * .5)}
.iso-grid{stroke-dasharray:3 7;stroke-width:1;opacity:calc(var(--d1) * .3)}
.iso-dim{stroke:var(--orange-deep);stroke-width:1.4;opacity:var(--d1)}
.iso-dim .ext{stroke-width:1;stroke-opacity:.6}
.iso-dim circle{fill:var(--orange-deep);stroke:none}
.iso-dim text{fill:var(--orange-deep);stroke:none;font:600 24px var(--f-body);letter-spacing:.01em}
.iso-div{transition:opacity .3s}
.iso-div line{stroke:var(--black);stroke-width:2}
.iso-div circle{fill:var(--orange);stroke:var(--black);stroke-width:1.5}
.iso-div text{font:600 23px var(--f-body);fill:var(--black);letter-spacing:.01em}
.iso-div .r{fill:var(--grey)}
.iso-photo{position:absolute;right:-3%;bottom:1%;width:40%;margin:0;padding:6px;background:var(--white);box-shadow:0 18px 40px -18px var(--shadow);opacity:0;visibility:hidden;transform:rotate(-3deg)}
.iso-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:760px){.iso{width:min(70vw,36svh)}.iso-photo{width:46%}}

/* Revize: her odada tek görsel; düz, dikey 3:4 çerçeve (üzerinde çizgi yok), kaydırınca fotoğraf içinde yavaşça kayar */
.pl.one{inset:0;background:var(--black)}
.pl.one>img,.pl.one>svg{inset:-6% -8%;width:116%;height:112%;max-width:none}