/*
Theme Name: Aylin — Unfold
Author: Aylin Baykal
Description: A personal website in five unfolding panels, with a plum-black palette and an included Bio portrait.
Version: 1.3.6
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aylin-unfold
*/
:root{--bg:#151216;--panel:#251e26;--ink:#e1d5cc;--muted:#b9a8b1;--line:#54404e;--accent:#d6aebd;--rail:clamp(70px,8.6vw,140px)}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 35% 40%,#241c25,transparent 65%),var(--bg);color:var(--ink);font:18px/1.65 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:6px}a:hover{color:var(--accent)}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,h4{font-weight:400;line-height:1.18}h1{font-size:clamp(32px,4vw,54px)}h3{font-size:clamp(28px,2.6vw,42px);margin:0 0 22px}p{margin:0 0 1.2em}.site-header{padding:12px 2.8vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-name{font-size:clamp(28px,2.9vw,46px);text-decoration:none;line-height:1.5}.domain{font-size:14px;text-decoration:none;color:var(--muted)}.unfold-hint{display:flex;gap:16px;align-items:center;margin:2px 2.8vw 20px;font:12px/1.6 ui-monospace,monospace;letter-spacing:.06em}.unfold-hint:after{content:'';height:1px;flex:1;background:var(--line)}.unfold{margin:0 1px}.panel{position:relative;border:1px solid var(--line);background:linear-gradient(125deg,#2c222d99,#1c171eaa);overflow:hidden}.panel-heading{margin:0;font-size:20px;position:relative;z-index:2}.panel-toggle{border:0;background:transparent;width:100%;padding:22px 28px;display:flex;gap:15px;align-items:center;text-align:left;cursor:pointer}.panel-number{font:14px/1.4 ui-monospace,monospace;color:var(--muted)}.panel-label{font-size:20px}.panel-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.12;filter:grayscale(1);pointer-events:none}.panel-content{position:relative;z-index:1;padding:12px 3vw 35px;min-width:0}.panel-content[hidden]{display:none!important}.bio-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(25px,4vw,64px)}.bio-photo{margin:0}.bio-photo img{display:block;width:100%;max-height:65vh;object-fit:contain;object-position:left center}.bio-photo figcaption{font:11px/1.8 ui-monospace,monospace;color:var(--muted);margin-top:9px;letter-spacing:.04em}.bio-copy{max-width:390px;font-size:clamp(16px,1.6vw,22px)}.text-link{display:inline-block;font-size:17px;margin:12px 0;text-decoration:none;border-bottom:1px solid var(--muted);padding-bottom:5px}.text-link span{padding-left:14px}.section-body{max-width:960px;margin:auto;padding:12px 0 30px}.quiet{color:var(--muted)}.owner-note{font:13px/1.6 ui-monospace,monospace;padding:14px;border:1px dashed var(--line)}.site-footer{padding:17px 2.8vw;display:flex;justify-content:space-between;gap:24px;font:11px/1.6 ui-monospace,monospace;color:var(--muted);letter-spacing:.04em}.site-footer a{text-decoration:none}.mobile-plus{display:none}.unfold.enhanced{display:flex;gap:5px;min-height:650px;height:calc(100svh - 180px)}.enhanced .panel{flex:0 0 var(--rail);transition:flex-basis .65s cubic-bezier(.25,.7,.2,1);min-width:0;display:flex;flex-direction:column}.enhanced .panel.is-open{flex:1 1 0}.enhanced .panel-heading{flex-shrink:0}.enhanced .panel:not(.is-open) .panel-heading{height:100%}.enhanced .panel-toggle{height:100%;min-height:65px;align-items:flex-start;padding:25px 0;flex-direction:column}.enhanced .panel-number{margin-left:24px}.enhanced .panel-label{writing-mode:vertical-rl;font-size:clamp(26px,2.6vw,42px);margin:20px auto 0;line-height:1.25}.enhanced .panel.is-open .panel-toggle{height:65px;flex-direction:row;align-items:center;padding:0 3vw;gap:10px}.enhanced .is-open .panel-number{margin:0}.enhanced .is-open .panel-label{writing-mode:horizontal-tb;font:14px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;margin:0}.enhanced .is-open .panel-label:before{content:'/';padding-right:10px;color:var(--muted)}.enhanced .panel-content{overflow:auto;flex:1;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.enhanced .bio-layout{min-height:100%;padding-bottom:10px}.is-open .panel-cover{opacity:.035}.post-preview{padding:24px 0;border-top:1px solid var(--line)}time{font:12px/1.6 ui-monospace,monospace;color:var(--muted)}.post-preview h4{font-size:29px;margin:10px 0}.post-preview h4 a{text-decoration:none}.page-nav{padding:8px 2.8vw 20px;display:flex;flex-wrap:wrap;gap:12px 28px;border-bottom:1px solid var(--line);font-size:16px}.reading-page{max-width:900px;padding:35px 28px 80px;margin:auto;min-height:70vh}.standard-entry{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line)}.entry-image{display:block;margin:25px auto}.entry-content{overflow-wrap:anywhere}.entry-content>*{max-width:100%}.entry-content figure{margin:1.5em 0}.entry-content iframe{max-width:100%}.entry-content table{border-collapse:collapse;width:100%;font-size:16px}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line);text-align:left}.entry-content blockquote{margin:25px 0;border-left:2px solid var(--accent);padding-left:22px;color:var(--muted)}.wp-block-gallery img{border:1px solid var(--line)}.entry-content a,.comment-content a{color:var(--accent)}input,textarea,select{max-width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:10px}textarea{width:100%}label{display:block}.submit,.wp-block-button__link{background:#362735;color:var(--ink);border:1px solid var(--line);padding:10px 20px;cursor:pointer;border-radius:0}.comments-area{margin-top:50px}.comment-list{padding-left:24px}.skip-link{position:fixed;top:-100px;left:10px;z-index:100;background:var(--ink);color:var(--bg);padding:8px 18px}.skip-link:focus{top:10px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.aligncenter{margin-inline:auto}.alignright{float:right;margin-left:20px}.alignleft{float:left;margin-right:20px}.sticky{border-top:1px solid var(--accent)}.bypostauthor{border-left:1px solid var(--line);padding-left:10px}.admin-bar .unfold.enhanced{height:calc(100svh - 212px)}
@media(min-width:901px) and (max-width:1150px){:root{--rail:70px}.bio-layout{gap:24px}.enhanced .panel-number{margin-left:18px}.bio-copy h3{font-size:29px}}
@media(max-width:900px){body{font-size:17px}.domain{display:none}.site-header{padding:16px 22px}.unfold-hint{margin:0 22px 20px}.unfold.enhanced,.admin-bar .unfold.enhanced{display:block;height:auto;min-height:0;margin:0 12px}.enhanced .panel{margin-bottom:8px}.enhanced .panel:not(.is-open) .panel-heading{height:auto}.enhanced .panel-toggle,.enhanced .panel.is-open .panel-toggle{padding:18px 20px;min-height:64px;height:auto;flex-direction:row;align-items:center;gap:16px}.enhanced .panel-number{margin:0}.enhanced .panel-label,.enhanced .is-open .panel-label{writing-mode:horizontal-tb;font:23px/1.2 Georgia,serif;letter-spacing:0;text-transform:none;margin:0}.enhanced .is-open .panel-label:before{content:none}.mobile-plus{display:block;margin-left:auto;color:var(--muted)}.is-open .mobile-plus{font-size:0}.is-open .mobile-plus:after{content:"−";font-size:23px}.enhanced .panel-content{overflow:visible;padding:10px 20px 28px}.bio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.bio-photo img{max-height:none}.bio-copy{font-size:17px}.bio-copy h3{font-size:28px}.site-footer{padding:22px}.page-nav{padding:0 22px 18px}.panel{scroll-margin-top:15px}}
@media(max-width:560px){.bio-layout{grid-template-columns:1fr}.bio-photo{max-width:340px}.bio-copy{max-width:none}.bio-copy h3{margin-top:5px}.reading-page{padding:24px 22px}.section-body{padding-top:8px}.entry-content table{font-size:13px}.entry-content th,.entry-content td{padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enhanced .panel{transition:none}}

/* Included photographic artwork; individual Customizer images take precedence. */
.panel-art{overflow:hidden;opacity:.42;filter:none}
.panel-art>span{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;aspect-ratio:3/8;min-width:100%;background-image:url('assets/panel-artwork.png');background-repeat:no-repeat;background-size:400% 100%}
.art-filmography>span{background-position:0% center}
.art-gallery>span{background-position:33.333333% center}
.art-blog>span{background-position:66.666667% center}
.art-contact>span{background-position:100% center}
.enhanced .panel:not(.is-open) .panel-heading{background:linear-gradient(to bottom,rgba(21,18,22,.72),rgba(21,18,22,.22) 45%,transparent)}
.is-open .panel-art{opacity:0}
@media(max-width:900px){.panel-art>span{width:100%;background-size:400% auto}.enhanced .panel:not(.is-open) .panel-heading{background:rgba(21,18,22,.3)}}

#bio:not(.is-open)>.panel-cover{opacity:.35;filter:none}.is-open>.panel-cover{opacity:0}

/* Bespoke masthead: ornamental capitals, bundled locally. */
@font-face{font-family:'Unfold Display';font-style:normal;font-weight:400;font-display:swap;src:url('assets/cinzel-decorative.ttf') format('truetype')}
.site-name{font-family:'Unfold Display',Georgia,serif;text-transform:uppercase;font-size:clamp(34px,4.1vw,63px);letter-spacing:.045em;line-height:1.4;color:#e8d9d1;text-shadow:0 2px 20px rgba(187,137,168,.12);font-weight:400}
.site-header{padding-top:14px;padding-bottom:10px}
@media(max-width:900px){.site-name{font-size:clamp(24px,6.2vw,46px);letter-spacing:.025em}}
@media(max-width:420px){.site-header{padding-left:20px;padding-right:20px}.site-name{font-size:clamp(22px,7vw,29px);letter-spacing:.015em}}
/* Full biography: offset photographic frame and an uninterrupted reading column. */
.biography-page{max-width:1440px;margin:0 auto;padding:24px 4vw 70px}.biography-back{font:11px/1.6 ui-monospace,monospace;color:var(--muted);text-decoration:none;letter-spacing:.04em}.biography-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(55px,7vw,110px);margin-top:60px;align-items:start}.biography-visual{position:sticky;top:60px;padding:45px 0 30px 28px}.biography-marker{position:absolute;top:-56px;left:-8px;font:170px/1 Georgia,serif;color:transparent;-webkit-text-stroke:1px #65505e;opacity:.42;z-index:0}.biography-frame{position:relative;margin:0;z-index:1}.biography-frame:before{content:'';position:absolute;inset:-18px 22px 22px -18px;border:1px solid #795d6f;z-index:-1}.biography-frame:after{content:'';position:absolute;inset:22px -17px -17px 22px;border-right:1px solid #795d6f;border-bottom:1px solid #795d6f;pointer-events:none}.biography-frame img{display:block;width:100%;height:auto}.biography-side-label{position:absolute;left:-8px;top:180px;writing-mode:vertical-rl;transform:rotate(180deg);font:10px/1.5 ui-monospace,monospace;letter-spacing:.17em;color:var(--muted)}.biography-kicker{font:10px/1.8 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}.biography-copy h1{font:clamp(42px,5vw,74px)/1.2 'Unfold Display',Georgia,serif;margin:15px 0 20px}.biography-copy h1 span{color:#a9778e}.biography-rule{height:1px;width:90px;background:#a9778e;margin-bottom:35px}.biography-copy .entry-content{font-size:18px;line-height:1.85}.biography-copy .entry-content>p:first-child{font-size:22px;line-height:1.7;color:#eee0d6}.biography-copy .entry-content>p:first-child:first-letter{float:left;font:64px/1 Georgia,serif;padding:8px 8px 0 0;color:var(--accent)}.biography-copy .entry-content p{margin-bottom:1.55em}.biography-credit{border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--muted)}.biography-next{margin-top:38px;display:block;text-decoration:none;font-size:25px}.biography-next span{display:block;font:10px/1.8 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:9px}
@media(max-width:900px){.biography-page{padding:25px 28px 50px}.biography-layout{gap:42px;grid-template-columns:minmax(0,.75fr) minmax(0,1fr)}.biography-visual{top:30px;padding-left:18px}.biography-copy .entry-content{font-size:17px}.biography-copy .entry-content>p:first-child{font-size:19px}.biography-copy h1{font-size:40px}}
@media(max-width:640px){.biography-layout{grid-template-columns:1fr;margin-top:40px;gap:44px}.biography-visual{position:relative;top:0;margin:0 auto;max-width:370px;padding-top:30px}.biography-marker{font-size:115px;top:-35px}.biography-copy h1{font-size:42px}.biography-copy .entry-content{line-height:1.8}.biography-copy .entry-content>p:first-child{font-size:20px}}

/* Reversible website colour treatment for the full biography portrait. */
.biography-frame img{filter:saturate(.78) brightness(.96) contrast(.97)}

/* A light plum wash preserves natural skin and clothing colour. */
.biography-frame{background:#502e49;isolation:isolate}
.biography-frame img{opacity:.94}