/*
Theme Name: Melis Golar Alternatif Portfolyo
Version: 1.0.0
Text Domain: melis-golar-demo
*/

:root{--paper:#f0eee8;--ink:#20241f;--line:#c8c9bf;--lime:#c5d96c;--dim:#62685e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6b7a33;outline-offset:5px}.shell{padding:0 4vw;max-width:1700px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:86px;border-bottom:1px solid var(--ink)}header{position:sticky;top:0;background:var(--paper);z-index:10}.logo{font-size:23px;font-weight:700;letter-spacing:-1px}.nav{display:flex;gap:30px;align-items:center;font-size:13px}.lang{border:1px solid var(--ink);border-radius:50%;width:39px;height:39px;background:transparent;font-size:11px}.meta{font:11px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px}.hero{padding:60px 0 48px}.hero-top{display:flex;justify-content:space-between}.dot{display:inline-block;background:var(--ink);border-radius:100%;width:7px;height:7px;margin-right:8px}h1{font-size:clamp(78px,14vw,220px);line-height:.85;letter-spacing:-.085em;font-weight:500;margin:62px 0 45px}h1 span{display:block}h1 span:last-child{margin-left:21vw;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.075em}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.hero-bottom p{max-width:440px;font-size:20px;line-height:1.5;letter-spacing:-.5px;margin:0}.jump{justify-self:end;font-size:13px;border-bottom:1px solid;padding-bottom:8px}.marquee{background:var(--lime);padding:16px 4vw;display:flex;justify-content:space-between;border-block:1px solid var(--ink);gap:20px;font-size:12px}.section{padding:84px 0}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px}h2{font-size:clamp(32px,4vw,58px);font-weight:400;letter-spacing:-2px;margin:0}.tools{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-block:1px solid var(--line);padding:20px 0;margin-bottom:30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:transparent;font-size:12px}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}input{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;width:210px;border-radius:0;font-size:13px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 30px}.project{display:block;border:0;background:none;padding:0;text-align:left;color:inherit;width:100%}.cover{height:340px;position:relative;overflow:hidden;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #20241f20;transition:transform .25s}.project:hover .cover{transform:translateY(-4px)}.cover .ctitle{font-size:clamp(35px,4.4vw,70px);line-height:.95;letter-spacing:-3px;position:relative;z-index:1;max-width:80%}.cover .corner{position:absolute;right:22px;bottom:20px;font-size:45px;font-weight:200}.cover .meta{position:relative;z-index:1}.project:nth-child(3n+1) .ctitle{font-family:Georgia,serif;font-style:italic}.cover:after{content:'';position:absolute;pointer-events:none}.cover-a{background:#c4d0b9}.cover-a:after{width:280px;height:280px;border-radius:50%;border:1px solid #405038;right:-40px;top:20px;box-shadow:0 0 0 28px #40503810,0 0 0 56px #40503810}.cover-b{background:#252c27;color:#d5e1a9}.cover-b:after{width:130%;height:80px;border-top:1px solid #d5e1a9;border-bottom:1px solid #d5e1a9;transform:rotate(-30deg);top:170px;left:-70px}.cover-c{background:#d9cfc1}.cover-c:after{width:46%;height:100%;background:#bc6b4d;right:0;top:0;clip-path:polygon(0 0,100% 0,100% 100%,70% 100%)}.cover-d{background:#c9c7e1}.cover-d:after{width:220px;height:220px;right:25px;top:30px;border:1px solid #63617e;transform:rotate(35deg)}.cover-e{background:#e4dfd0}.cover-e:after{width:50%;height:400px;right:0;top:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 29px,#8e8c6c 30px,#8e8c6c 31px)}.cover-f{background:#a3babd}.cover-f:after{width:160px;height:160px;border:25px solid #426269;border-radius:50%;right:25px;top:100px}.project-label{display:flex;justify-content:space-between;gap:20px;margin-top:15px}.project-label h3{font-size:18px;font-weight:400;margin:0;letter-spacing:-.5px}.project-label span{color:var(--dim);font-size:11px;line-height:1.5}.empty{padding:50px 0}.about{background:var(--ink);color:var(--paper);padding:80px 0}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.about .meta{color:var(--lime)}.about h2{font:italic 65px/.98 Georgia,serif;margin-top:30px}.about p{font-size:23px;line-height:1.5;letter-spacing:-.5px;margin:0 0 25px}.about .small{font-size:15px;line-height:1.8;color:#c5c9bd}.timeline{margin-top:45px;border-top:1px solid #ffffff40}.timeline div{display:grid;grid-template-columns:100px 1fr;gap:20px;border-bottom:1px solid #ffffff40;padding:18px 0;font-size:13px}.writing{display:grid;grid-template-columns:1fr 2fr;gap:50px}.writing-list a{display:grid;grid-template-columns:30px 1fr 25px;gap:20px;padding:26px 0;border-top:1px solid var(--line);align-items:start}.writing-list a:last-child{border-bottom:1px solid var(--line)}.writing-list h3{font-size:clamp(20px,2.5vw,32px);font-weight:400;letter-spacing:-1px;margin:0 0 10px}.writing-list a:hover h3{text-decoration:underline;text-underline-offset:5px}.contact{padding:55px 0;border-top:1px solid var(--ink)}.contact a{display:block;font:italic clamp(38px,7vw,100px)/1.15 Georgia,serif;letter-spacing:-2px;margin:25px 0}.foot{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:11px;line-height:1.6;color:var(--dim)}dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);max-width:680px;width:calc(100% - 30px);padding:35px}dialog::backdrop{background:#20241f99}dialog h2{font:italic 50px/1.1 Georgia,serif;margin:35px 0 25px}dialog p{font-size:18px;line-height:1.7}.dialog-close{display:block;margin-left:auto;border:1px solid;background:transparent;width:40px;height:40px;font-size:24px}.source-link{display:inline-block;border-bottom:1px solid;padding:10px 0}.demo{font-size:11px;color:var(--dim);margin-top:22px;line-height:1.8}.admin-bar header{top:32px}[hidden]{display:none!important}@media(max-width:780px){.shell{padding:0 22px}.top{min-height:73px}.nav{gap:15px}.nav a{font-size:11px}.hero{padding-top:35px}h1{margin:55px 0 35px;font-size:20vw}h1 span:last-child{margin-left:16vw}.hero-top{font-size:9px}.hero-bottom{gap:25px}.hero-bottom p{font-size:16px}.marquee{font-size:10px}.marquee span:last-child{display:none}.section{padding:55px 0}.section-title{display:block}.section-title .meta{margin-top:15px}.projects{gap:30px 18px}.cover{height:250px;padding:18px}.cover .ctitle{font-size:35px;letter-spacing:-1.5px}.project-label{display:block}.project-label h3{font-size:16px;margin-bottom:8px}.about-grid,.writing{grid-template-columns:1fr;gap:35px}.about{padding:55px 0}.about h2{font-size:50px}.about p{font-size:20px}.foot{display:block}.foot span{display:block;margin-bottom:12px}.admin-bar header{top:46px}}@media(max-width:490px){.nav a:nth-child(2){display:none}.hero-bottom{grid-template-columns:1fr}.jump{justify-self:start;margin-top:10px}.projects{grid-template-columns:1fr}.cover{height:310px}.cover .ctitle{font-size:52px}.tools input{width:100%}.marquee{gap:10px}h2{letter-spacing:-1px}.contact a{font-size:37px}.project-label{display:flex}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover{transition:none}}

.hero.shell,.section.shell,.contact.shell{padding-left:4vw;padding-right:4vw}h1{font-size:clamp(70px,11.5vw,180px)}h1 span:last-child{margin-left:18vw}@media(max-width:780px){.hero.shell,.section.shell,.contact.shell{padding-left:22px;padding-right:22px}h1{font-size:15vw}h1 span:last-child{margin-left:9vw;font-size:16vw}}