*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#292727;background:#f8f7f3;font:16px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b73b4d;outline-offset:5px}img{max-width:100%}.top{padding:9px 6%;background:#292727;color:#e6e2de;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px}header{height:110px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd5;background:#f8f7f3}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:65px;height:57px;object-fit:contain;background:#292727;border-radius:2px}.brand b{font-size:23px;letter-spacing:1px;line-height:1.1;font-weight:500}.brand b::first-letter{font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:2.6px;margin-top:6px}.divider{color:#8b2636;margin:0 3px}nav{display:flex;gap:30px;align-items:center;font-size:12px}nav a:hover,.text-link:hover{color:#8b2636}.nav-contact{border-bottom:1px solid #8b2636;padding:9px 0}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px}.hero-copy{padding:76px 6vw 35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#8b2636;margin:0 0 27px}.eyebrow span{display:inline-block;width:23px;height:1px;background:#8b2636;vertical-align:middle;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.12}h1{font-size:clamp(42px,4.6vw,73px);margin-bottom:27px}em{font-weight:400;color:#8b2636}h2{font-size:clamp(32px,3.25vw,49px)}.intro{font-size:14px;color:#6c6865;line-height:1.9;margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;gap:50px;background:#8b2636;color:white;padding:16px 23px;font-size:12px}.button:hover{background:#651a27}.hero-note{display:flex;gap:29px;align-items:start;border-top:1px solid #dedbd5;margin-top:55px;padding-top:23px}.hero-note>span{font-size:8px;letter-spacing:1px;color:#8b2636}.hero-note p{font-size:11px;line-height:1.8;color:#716b67}.hero-image{position:relative;margin:24px 24px 24px 0;overflow:hidden;background:#292727;min-height:450px}.hero-image>img{height:100%;width:100%;object-fit:cover;filter:brightness(.79);position:absolute}.image-label{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:8px;letter-spacing:1.6px;border-top:1px solid #ffffff60;padding-top:13px}.principles{background:#8b2636;color:#f5e9e6;padding:24px 10%;display:flex;justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:21px}.principles i{font-size:18px;color:#ce9c9e}.section{padding:95px 8%}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.about-copy{font-size:14px;color:#6c6865;padding-top:33px}.about-copy p:first-child{font-size:18px;color:#343130}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid #8b2636;padding-bottom:6px;margin-top:15px;color:#472e30}.practice{background:#efede7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading>p{font-size:12px;color:#736d68;padding-bottom:15px}.area-list{border-top:1px solid #cfc8be}details{border-bottom:1px solid #cfc8be}summary{list-style:none;display:flex;align-items:center;gap:33px;cursor:pointer;padding:24px 0}summary::-webkit-details-marker{display:none}.serial{font-size:10px;color:#8b2636;letter-spacing:1px}summary h3{font:400 25px Georgia,serif;margin:0;flex:1}.plus{font-size:25px;color:#8b2636;font-weight:300}details[open] .plus{transform:rotate(45deg)}details>p{margin:0 50px 25px;max-width:650px;color:#6c6865;font-size:14px}.article-link{display:flex;align-items:center;gap:30px;border-top:1px solid #d8d2ca;padding:25px 0}.article-link:last-child{border-bottom:1px solid #d8d2ca}.article-link h3{flex:1;margin:0;font:400 21px/1.4 Georgia,serif}.article-link:hover h3{color:#8b2636}.article-link>span:last-child{color:#8b2636;font-size:23px}.contact-band{background:#292727;color:#fff;padding:65px 8%}.contact-band .eyebrow{color:#d29c9f}.contact-band>div{display:flex;align-items:center;justify-content:space-between}.contact-band em{color:#ce969c}.contact-band>p:last-child{font-size:12px;color:#c0b8b4;margin:10px 0 0}.round-link{width:75px;height:75px;border:1px solid #756362;border-radius:50%;display:grid;place-items:center;font-size:32px}footer{padding:50px 6% 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.footer-top>p{font:18px/1.5 Georgia,serif;color:#7e7470;margin:0}.footer-top>a:last-child{font-size:12px}.footer-bottom{border-top:1px solid #dedbd5;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7e7470}.footer-bottom div{display:flex;gap:20px}.page-head{padding:70px 8%;background:#efede7}.page-head h1{max-width:1050px;font-size:clamp(35px,4.5vw,65px);margin-bottom:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid p{color:#6c6865}.contact-details>div{padding:20px 0;border-bottom:1px solid #dedbd5}.contact-details span{display:block;font-size:10px;letter-spacing:2px;color:#8b2636;margin-bottom:8px}.contact-details a{font:28px Georgia,serif}.contact-details p{margin-bottom:0}.prose{max-width:900px;margin:auto;padding:65px 30px;font-size:16px;overflow-wrap:anywhere}.prose h1,.prose h2,.prose h3{font:400 28px/1.4 Georgia,serif;letter-spacing:0;margin-top:30px}.prose img{height:auto;max-width:100%}.prose a{text-decoration:underline}.prose table{display:block;max-width:100%;overflow:auto}.archive-note{font-size:12px;padding:16px 20px;border-left:2px solid #8b2636;background:#efede7;color:#736b65;margin:20px 0 35px}.search-label{display:block;font-size:11px;letter-spacing:1px;color:#8b2636}.search{width:100%;max-width:550px;padding:15px 0;border:0;border-bottom:1px solid #8b2636;background:transparent;color:#292727;border-radius:0;margin:5px 0 15px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1600px){body{max-width:none;width:100%;margin:0}.hero-copy{padding-left:8vw}}@media(max-width:1000px){nav{gap:17px}.hero-copy{padding:50px 5vw 25px}.hero{min-height:580px}.hero-note{gap:15px}.about{gap:35px}.principles{padding:22px 6%;font-size:18px}.brand b{font-size:20px}.brand img{width:49px;height:49px}header{padding:0 5%;height:90px}}@media(max-width:720px){html{scroll-padding-top:15px}.top{padding:9px 5%;font-size:8px;letter-spacing:1px}header{height:88px;position:relative}.brand b{font-size:20px}.brand small{font-size:6px;letter-spacing:2px}.menu{display:flex;gap:12px;background:none;border:0;padding:12px 0;font-size:12px;align-items:center}.menu span{color:#8b2636;font-size:18px}nav{display:none;position:absolute;top:88px;left:0;right:0;z-index:5;background:#f8f7f3;padding:20px 6%;border-bottom:1px solid #d8d2ca}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:15px}nav a{padding:8px 0}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:45px 6% 20px}h1{font-size:43px;letter-spacing:-1.7px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:23px}.intro{font-size:13px}.hero-note{margin-top:34px;padding-top:20px;gap:28px}.hero-note p{font-size:11px}.hero-image{margin:0 5% 23px;min-height:310px}.hero-image img{object-position:center}.image-label{font-size:7px;letter-spacing:1px;left:18px;right:18px}.principles{font-size:13px;padding:19px 5%;gap:10px}.principles i{font-size:10px}.section{padding:60px 6%}.about{grid-template-columns:1fr;gap:0}.about-copy{padding-top:0}.about-copy p:first-child{font-size:17px}h2{font-size:35px;letter-spacing:-1px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{padding:0}.section-heading .text-link{margin-top:0;margin-bottom:15px}summary{gap:20px;padding:23px 0}summary h3{font-size:20px}details>p{margin-left:34px;font-size:13px}.article-link{gap:17px;padding:22px 0}.article-link h3{font-size:19px}.contact-band{padding:50px 6%}.contact-band h2{font-size:31px}.round-link{width:49px;height:49px;flex-shrink:0;font-size:25px;margin-left:15px}.contact-band>p:last-child{font-size:11px}footer{padding:40px 6% 25px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top>p{font-size:16px}.footer-bottom{flex-direction:column;gap:14px}.footer-bottom div{flex-wrap:wrap}.page-head{padding:50px 6%}.page-head h1{font-size:39px;overflow-wrap:anywhere}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-details a{font-size:26px}.prose{padding:40px 6%;font-size:15px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Erel Hukuk — ikinci tasarım */
:root{--wine:#792735;--paper:#faf8f4}body{background:var(--paper)}.top{background:#242329;padding:7px 6%;font-size:9px}header{background:var(--wine);color:#fff;height:104px;border:0;padding:0 6%;position:relative;z-index:3}.brand img{background:none;width:172px;height:82px;object-fit:contain;border-radius:0}nav{font-size:12px;gap:35px}nav a:hover{color:#e7bfac}.nav-contact{border:1px solid #ffffff60;padding:12px 21px}.hero{position:relative;display:block;min-height:690px;height:calc(100svh - 134px);max-height:930px;color:#fff;isolation:isolate;background:#242b36 url('istanbul.jpg') center 55% / cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,21,31,.83),rgba(20,24,33,.46) 57%,rgba(20,24,33,.12)),linear-gradient(0deg,rgba(14,20,29,.6),transparent 50%)}.hero-copy{padding:85px 8% 95px;max-width:1100px}.hero .eyebrow{color:#f1d0c3;letter-spacing:3.2px;font-size:10px;margin-bottom:35px}.hero .eyebrow span{background:#e9a18f;width:36px}.hero h1{font-size:clamp(55px,5.9vw,92px);font-weight:400;line-height:1.08;letter-spacing:-2.8px;margin-bottom:28px;text-shadow:0 2px 24px #0002}.hero h1 em{color:#e6c5b7;font-weight:400}.hero .intro{color:#ede9e6;font-size:15px;line-height:1.9;margin-bottom:34px}.hero .button{background:var(--wine);padding:17px 25px;border:1px solid #ffffff28;gap:55px;font-size:12px}.hero .button:hover{background:#943746}.hero-note{border:0;margin-top:34px;padding:0;gap:24px}.hero-note>span{color:#d6b1a4;font-size:8px;padding-top:4px}.hero-note p{color:#ded9d5;font-size:11px}.hero-caption{position:absolute;bottom:28px;left:8%;right:8%;border-top:1px solid #ffffff35;padding-top:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#e2d5ce}.scroll-cue{position:absolute;right:8%;bottom:100px;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:16px}.scroll-cue span{border:1px solid #ffffff50;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:18px}.principles{background:#f0ece5;color:#5a3a3d;padding:28px 12%;border-bottom:1px solid #e1dad1;font-size:20px}.principles i{color:#9f6570}.about{padding-top:110px;padding-bottom:110px;gap:70px}.about h2{font-size:49px;line-height:1.18}.about-copy{padding-top:0}.office-detail{width:100%;height:240px;object-fit:cover;margin-bottom:30px}.about-copy p{font-size:14px}.about-copy p:first-of-type{color:#302b2b;font-size:17px}.section-heading h2{line-height:1.18}.practice{background:#29282d;color:#f5eee8}.practice h2 em{color:#d5b1a5}.practice .eyebrow{color:#d5b1a5}.practice .section-heading>p{color:#bcb5b1}.area-list{border-color:#575057}.practice details{border-color:#575057}.practice summary{padding:27px 0}.practice .serial,.practice .plus{color:#d5b1a5}.practice details>p{color:#c9c0bb}.practice summary:hover h3{color:#dfbcae}.journal{padding-top:100px;padding-bottom:100px}.contact-band{background:var(--wine);padding-top:75px;padding-bottom:75px}.contact-band em{color:#e6c5b7}.contact-band .eyebrow{color:#e6c5b7}.contact-band>p:last-child{color:#e0c6c6}.contact-band .round-link{border-color:#ffffff60}.footer-top .brand{background:var(--wine);padding:0 18px}.footer-top .brand img{width:155px;height:80px}.page-head{background:#eee8e0;padding-top:80px;padding-bottom:80px}.menu{color:#fff}.menu span{color:#fff}.round-link:hover{background:#ffffff15}
@media(min-width:1500px){.hero-copy{padding-top:110px}}@media(max-width:1000px){header{height:95px}.hero{height:auto;min-height:660px}.hero-copy{padding-top:80px}.about h2{font-size:39px}nav{gap:22px}.brand img{width:150px;height:76px}.hero h1{font-size:66px}}@media(max-width:720px){header{height:85px;padding:0 6%}.brand img{width:139px;height:70px}.hero{min-height:655px;height:calc(100svh - 112px);max-height:840px;background-position:57% center}.hero:before{background:linear-gradient(90deg,#10151fd9,#14182169),linear-gradient(0deg,#0e141d99,transparent 60%)}.hero-copy{padding:65px 6% 110px}.hero h1{font-size:clamp(42px,9.7vw,64px);letter-spacing:-1.8px;line-height:1.12}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:27px}.hero .intro{font-size:13px;max-width:320px}.hero .button{padding:15px 21px;font-size:11px;gap:40px}.hero-note{margin-top:28px;gap:20px}.hero-note p{font-size:10px}.hero-caption{left:6%;right:6%;bottom:24px;font-size:6px;letter-spacing:1px;gap:20px}.scroll-cue{right:6%;bottom:75px;font-size:7px}.scroll-cue span{height:33px;width:33px}.principles{padding:22px 5%;font-size:12px}.about{padding:65px 6%;gap:12px}.about h2{font-size:34px}.office-detail{height:220px;margin-bottom:25px}.practice{padding-top:65px;padding-bottom:65px}.practice summary{padding:23px 0}.journal{padding:65px 6%}.contact-band{padding:55px 6%}.contact-band h2{font-size:30px}nav{top:85px;background:#792735;color:#fff;border-bottom:1px solid #ffffff30}.nav-contact{border:0;border-top:1px solid #ffffff30}.page-head{padding:50px 6%}.footer-top{gap:25px}.footer-top .brand{padding:0 12px}.footer-top .brand img{width:130px;height:70px}}@media(max-width:370px){.hero-copy{padding-top:45px}.hero h1{font-size:39px}.hero-note>span{display:none}.hero{min-height:610px}.principles{font-size:10px}}

.payment-button{color:#fff!important;text-decoration:none!important;margin:15px 0}.prose a{color:#792735}.prose .button{color:white}.hero h1{font-size:clamp(47px,5.6vw,85px)}@media(max-width:720px){.hero h1{font-size:clamp(38px,9.7vw,62px)}}
