/* AYAN Hatıra Defteri – responsive, vertical-reading, editable photo layers */
body.ayan-fullpage{margin:0;background:#251e1a;color:#3f3126}
.ayan-wrap{--ayan-paper:#f2e8d6;--ayan-ink:#392d24;--ayan-muted:#78634c;--ayan-accent:#73352b;min-height:100vh;background:radial-gradient(ellipse at 45% 0%,#574535 0,#302720 45%,#201b18 100%);color:var(--ayan-ink);font:16px/1.65 'Source Sans 3',Arial,sans-serif;padding-bottom:0}
.ayan-wrap *,.ayan-wrap *:before,.ayan-wrap *:after{box-sizing:border-box}
.ayan-wrap h1,.ayan-wrap h2,.ayan-wrap h3,.ayan-wrap p{margin-top:0}
.ayan-wrap h1,.ayan-wrap h2,.ayan-wrap h3{line-height:1.18;font-family:'Noto Serif',Georgia,serif}
.ayan-wrap a{color:inherit;text-decoration:none}
.ayan-wrap img{max-width:100%;height:auto}
.ayan-wrap a:focus-visible,.ayan-wrap button:focus-visible,.ayan-wrap input:focus-visible,.ayan-wrap textarea:focus-visible{outline:3px solid #dfaa6f;outline-offset:3px}
.ayan-skip{position:absolute;top:-100px;left:15px;z-index:999;background:#fff;padding:10px 16px!important}.ayan-skip:focus{top:8px}
.ayan-topbar{position:sticky;top:0;z-index:90;background:rgba(36,27,22,.97);border-bottom:1px solid #826b4e;backdrop-filter:blur(8px);color:#e9dac6}
.ayan-topinner{max-width:1180px;margin:auto;padding:13px 22px;display:flex;justify-content:space-between;gap:28px;align-items:center}
.ayan-brand{font-family:'Noto Serif',Georgia,serif;font-size:20px;font-weight:700;letter-spacing:.1em;white-space:nowrap;color:#eed6af!important}.ayan-brand span{font-size:.76em;font-weight:400}
.ayan-menu{display:flex;gap:clamp(8px,1.7vw,22px);flex-wrap:wrap}.ayan-menu a{font-size:13px;font-weight:600;color:#eadac3;white-space:nowrap}.ayan-menu a:hover{color:#fff6e7;text-decoration:underline;text-underline-offset:4px}
.ayan-main{width:min(1180px,calc(100% - 36px));margin:0 auto;min-height:75vh;padding:34px 0 75px}
.ayan-footer{border-top:1px solid rgba(239,218,183,.22);color:#e1ccb0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px max(20px,calc((100vw - 1140px)/2));font-size:13px;letter-spacing:.05em}.ayan-footer a{text-decoration:underline}
.ayan-cover{--cover:#542d20;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 9%,rgba(191,146,97,.21),transparent 33%),repeating-linear-gradient(24deg,rgba(250,210,140,.024) 0 1px,transparent 1px 5px),linear-gradient(122deg,#28180f 0%,var(--cover) 45%,#301a13 100%);min-height:615px;color:#f0dbc2;border:12px solid #4f2d20;border-left:20px solid #342016;border-radius:9px;box-shadow:0 32px 65px rgba(0,0,0,.44),inset 0 0 0 2px #8b6041,inset 0 0 50px rgba(0,0,0,.45)}
.ayan-cover-paper{--cover:#9c7b52;color:#2e231b;border-color:#69543a;border-left-color:#54442c;background:linear-gradient(135deg,#d5bd8e,#ae9366,#d5bf91)}
.ayan-cover-wine{--cover:#682932;border-color:#692d37;border-left-color:#3c171e}
.ayan-cover:after{content:"";position:absolute;pointer-events:none;inset:21px;border:1px solid rgba(246,214,163,.24);border-radius:3px}
.ayan-cover-spine{position:absolute;inset:0 auto 0 0;width:24px;background:repeating-linear-gradient(180deg,transparent 0 11px,rgba(255,221,170,.16) 12px 13px,transparent 14px 26px);border-right:1px solid #a47a51;opacity:.6}
.ayan-cover-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);position:relative;z-index:2;min-height:590px;align-items:center;padding:60px 6% 60px 8%;gap:4%}
.ayan-eyebrow{font-size:12px;letter-spacing:.23em;color:#ddba89;margin-bottom:36px}.ayan-cover-paper .ayan-eyebrow{color:#513b26}
.ayan-cover h1{font-size:clamp(43px,5.2vw,79px);letter-spacing:.075em;text-transform:uppercase;color:inherit;margin:0 0 6px;text-shadow:0 2px 2px rgba(0,0,0,.12)}
.ayan-script-title{font-family:'Caveat',cursive;font-size:clamp(34px,3.6vw,54px);line-height:1.07;color:#e5bd80;margin:13px 0 27px!important}.ayan-cover-paper .ayan-script-title{color:#583725}
.ayan-cover-roles{font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:15px!important}.ayan-cover-intro{max-width:480px;color:#d5bda4;font-size:16px;line-height:1.65;margin-bottom:26px!important}.ayan-cover-paper .ayan-cover-intro{color:#523f2c}
.ayan-social{display:flex;gap:9px;flex-wrap:wrap}.ayan-social a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(240,219,188,.42);border-radius:100px;font-size:12px;color:inherit;line-height:1.2;transition:background .2s}
.ayan-social a span:first-child{font-size:17px;font-weight:bold;line-height:1}.ayan-social a:hover{background:rgba(255,255,255,.14)}
.ayan-cover-paper .ayan-social a{border-color:#80674d}
.ayan-cover-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.ayan-btn,.ayan-wrap .ayan-btn{display:inline-block;background:var(--ayan-accent);color:white;border-radius:3px;padding:12px 22px;line-height:1.3;font-weight:700;box-shadow:0 3px 0 rgba(0,0,0,.18);font-size:13px;letter-spacing:.02em}
.ayan-cover .ayan-btn-light{background:#e4cba4;color:#38251d}.ayan-cover .ayan-btn-outline{border:1px solid rgba(242,212,175,.65);box-shadow:none;background:transparent;color:inherit}
.ayan-cover-photos{position:relative;min-height:465px}
.ayan-cover-portrait{position:absolute;width:77%;height:82%;top:1%;left:10%;padding:11px;background:#d6bea0;box-shadow:0 14px 25px rgba(0,0,0,.55);transform:rotate(3deg)}
.ayan-portrait-img,.ayan-small-img,.ayan-book-img{display:block;width:100%;height:100%!important;object-fit:cover;filter:sepia(.55) contrast(.94) saturate(.75)}
.ayan-cover-small{position:absolute;width:40%;height:36%;border:7px solid #e8d9bd;border-bottom-width:23px;box-shadow:0 9px 17px rgba(0,0,0,.4)}
.ayan-cover-small-a{left:-3%;bottom:2%;transform:rotate(-13deg)}
.ayan-cover-small-b{right:0;bottom:-1%;transform:rotate(11deg)}
.ayan-image-empty{background:linear-gradient(125deg,#cfbea2,#91795e 48%,#d8c6a7);color:#634b37;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font:22px/1.25 'Caveat',cursive;min-height:100%}
.ayan-book-section{margin:65px auto 35px;max-width:1040px;scroll-margin-top:90px}.ayan-book-kicker{color:#e7cdab;text-align:center;letter-spacing:.23em;font-size:12px;margin-bottom:23px}
.ayan-book-entry{display:grid;grid-template-columns:1fr 1fr;min-height:450px;background:linear-gradient(100deg,#d4b98e 0%,#eadcc4 46%,#bca37e 49%,#f1e2c6 52%,#e0cba4 100%);border-radius:8px;border:12px solid #36261f;box-shadow:0 20px 54px rgba(0,0,0,.48);transform:translateY(0);transition:transform .25s,box-shadow .25s;position:relative;isolation:isolate}
.ayan-book-entry:hover{transform:translateY(-4px);box-shadow:0 28px 63px rgba(0,0,0,.55)}
.ayan-book-entry:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:16px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(78,54,36,.18),rgba(255,255,255,.45),rgba(94,67,48,.2));pointer-events:none}
.ayan-book-left,.ayan-book-right{padding:56px 9%;position:relative;min-width:0}
.ayan-book-left{display:flex;flex-direction:column;align-items:center;justify-content:center}
.ayan-book-photo{width:min(85%,310px);height:260px;background:#f4ead6;padding:12px 12px 38px;box-shadow:0 10px 19px rgba(74,44,24,.32);transform:rotate(-6deg);border:1px solid #c6b294}
.ayan-book-img{height:100%!important}
.ayan-tape{position:absolute;background:rgba(142,114,65,.26);width:85px;height:24px;transform:rotate(-33deg)}.ayan-tape-one{top:63px;left:15%}.ayan-tape-two{bottom:83px;right:14%;transform:rotate(23deg)}
.ayan-hand-note{font:32px 'Caveat',cursive;transform:rotate(-4deg);color:#755b46;margin:18px 0 0!important}
.ayan-book-right{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ayan-book-page-label{letter-spacing:.18em;font-size:11px;color:#867052}
.ayan-book-right h2{font:clamp(59px,7vw,94px)/.85 'Caveat',cursive;color:#6a3529;margin:22px 0 21px;transform:rotate(-3deg)}.ayan-book-right p{max-width:280px;color:#765c41;line-height:1.6}
.ayan-open-link{margin-top:18px;background:var(--ayan-accent);color:#fff4e9;border-radius:60px;padding:12px 30px;font-size:13px;font-weight:700;letter-spacing:.12em;box-shadow:0 5px 12px rgba(40,20,10,.22)}
.ayan-section-head{color:#ead1b0;margin:0 0 24px}.ayan-section-head span{font-size:12px;letter-spacing:.2em;color:#d2ad81}.ayan-section-head h2{font-size:clamp(25px,3.4vw,38px);color:#f0dcc3;margin:5px 0 0}
.ayan-home-latest{margin:75px auto 0}.ayan-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.ayan-card{background:#f1e6d2;border-radius:4px;box-shadow:0 12px 26px rgba(0,0,0,.18);overflow:hidden;min-width:0;border:1px solid #c4a987}
.ayan-card-image{height:198px;display:block;overflow:hidden;background:#beab8a}.ayan-card-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.35);transition:transform .3s}.ayan-card:hover .ayan-card-image img{transform:scale(1.035)}
.ayan-card-empty{height:100%;display:grid;place-items:center;font:95px 'Caveat',cursive;color:#846b4b;background:repeating-linear-gradient(-23deg,#ddc9a9 0 2px,#dbc9aa 2px 5px)}
.ayan-card-body{padding:21px 24px 26px}.ayan-meta{font:24px 'Caveat',cursive;color:#895f43}.ayan-card h3{font-size:21px;line-height:1.3;margin:8px 0 10px}.ayan-card p{font-size:14px;color:#665341;margin:0 0 14px;line-height:1.6}.ayan-read-more{font-size:13px;font-weight:700;color:var(--ayan-accent)!important}
.ayan-home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px auto 5px}.ayan-home-links a{padding:25px;background:rgba(244,221,183,.1);border:1px solid rgba(248,216,181,.27);color:#efdbc1;display:flex;align-items:flex-start;gap:7px;flex-direction:column;transition:background .2s}.ayan-home-links a:hover{background:rgba(244,221,183,.16)}.ayan-home-links strong{font:22px 'Noto Serif',serif}.ayan-home-links a>span{font-size:30px;color:#e1bd88}.ayan-home-links small{color:#cdb79d}
.ayan-paper{background:linear-gradient(115deg,rgba(255,255,255,.25),transparent 37%),repeating-linear-gradient(167deg,rgba(85,58,34,.023) 0 1px,transparent 1px 8px),linear-gradient(90deg,#e5d4b6,#f4ead9 8%,#f3e7d3 90%,#e0c9a3);border:1px solid #bda481;border-radius:5px;box-shadow:0 21px 48px rgba(0,0,0,.26);color:var(--ayan-ink)}
.ayan-smallcap{display:block;font-size:11px;letter-spacing:.22em;font-weight:700;color:#896b51}.ayan-index-intro,.ayan-page-heading{max-width:960px;margin:0 auto 22px;padding:48px clamp(24px,6vw,68px)}
.ayan-index-intro h1,.ayan-page-heading h1{font:clamp(50px,7vw,84px)/.97 'Caveat',cursive;color:var(--ayan-accent);margin:16px 0}.ayan-index-intro p,.ayan-page-heading p{max-width:690px;color:#65503e;font-size:18px;line-height:1.7}
.ayan-index-panel{max-width:960px;margin:0 auto;padding:31px clamp(22px,5vw,55px) 42px}.ayan-index-panel h2{font:44px 'Caveat',cursive;margin:0 0 16px;color:#65432e}
.ayan-tabs{display:flex;border-bottom:1px solid #bfa986;gap:9px;margin-bottom:28px;flex-wrap:wrap}.ayan-tabs a{padding:11px 19px;font-weight:700;white-space:nowrap;font-size:14px}.ayan-tabs a.active{border-bottom:3px solid var(--ayan-accent);color:var(--ayan-accent)}.ayan-tabs a:hover{background:rgba(94,50,35,.07)}
.ayan-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ayan-topic,.ayan-decade{display:flex;gap:7px;justify-content:space-between;align-items:center;background:rgba(255,255,255,.28);border:1px solid #c5ac87;padding:14px 19px;transition:background .2s}.ayan-topic span{font-weight:700}.ayan-topic small{color:#876b50}.ayan-topic:hover,.ayan-decade:hover,.ayan-topic.selected,.ayan-decade.selected{background:#e7cdaa;border-color:#947453}
.ayan-album-heading{margin:29px 0 14px!important;font-size:23px!important}.ayan-decade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ayan-decade{font:26px 'Caveat',cursive;justify-content:center}
.ayan-results{max-width:1040px;margin:48px auto 20px;scroll-margin-top:105px}.ayan-empty{padding:23px;color:#6c5742}.ayan-index-panel .ayan-empty{padding:4px}.ayan-pagination{display:flex;gap:11px;justify-content:center;align-items:center;flex-wrap:wrap;margin:28px 0}.ayan-pagination a,.ayan-pagination span{padding:8px 14px;background:#efdfc3;color:#49352a;border-radius:4px}.ayan-pagination .current{background:var(--ayan-accent);color:white}
.ayan-search label{display:block;font-weight:700;margin-bottom:8px}.ayan-search>div{display:flex;gap:9px}.ayan-search input{flex:1;min-width:0}.ayan-search input,.ayan-form-area input:not([type=checkbox]),.ayan-form-area textarea{font:16px 'Source Sans 3',sans-serif;background:#fffaf0;color:#36291d;border:1px solid #a88c6d;border-radius:3px;padding:11px 12px;width:100%}.ayan-search button,.ayan-form-area button{background:var(--ayan-accent);color:#fff;border:0;padding:11px 24px;border-radius:3px;font-weight:700;font:inherit;cursor:pointer}
.ayan-guest-list{max-width:900px;margin:25px auto;display:grid;grid-template-columns:1fr 1fr;gap:17px}.ayan-guest-note{margin:0;padding:26px 33px;border:1px solid #cdb38e}.ayan-guest-content{font:25px/1.25 'Caveat',cursive;white-space:normal}.ayan-guest-note footer{text-align:right;font:16px 'Source Sans 3',sans-serif;color:#82664b}
.ayan-form-area{max-width:860px;margin:30px auto;padding:36px clamp(22px,5vw,58px)}.ayan-form-area h2{font:44px 'Caveat',cursive;color:#74442f;margin:0 0 15px}.ayan-form-area label:not(.ayan-check){font-weight:700;display:block;margin:18px 0 6px}.ayan-form-area form>button{margin-top:22px}.ayan-check{display:flex;gap:10px;align-items:start;font-size:14px;margin-top:16px}.ayan-check input{width:auto;margin-top:5px}.ayan-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none;height:0;overflow:hidden}.ayan-privacy-note{font-size:13px;color:#77614e}.ayan-message{padding:13px 17px;background:#dce9d6;border-left:4px solid #47774c}.ayan-error{background:#efddcf;border-color:#b94539}
.ayan-embed-section{max-width:960px;margin:22px auto;padding:clamp(22px,4vw,52px)}.ayan-embed{position:relative;aspect-ratio:16/9;background:#1b1b1b;max-width:960px}.ayan-embed iframe{border:0;width:100%;height:100%;display:block}.ayan-spotify iframe{width:100%;height:460px;border:0;border-radius:10px}.ayan-embed-section p{line-height:1.7}.ayan-embed-section .ayan-btn{margin-top:16px}
.ayan-memory-reading{max-width:940px;margin:0 auto}.ayan-back,.ayan-story-bottom{padding:14px 0 20px;color:#ecd4b6;font-size:14px}.ayan-back a,.ayan-story-bottom a{text-decoration:underline;text-underline-offset:4px}.ayan-story{padding:clamp(25px,7vw,85px);min-height:550px}.ayan-story-header h1{font-size:clamp(33px,4.7vw,58px);margin:17px 0 26px;line-height:1.22;color:#382b22}.ayan-story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.ayan-story-tags a{border:1px solid #c4a783;padding:3px 12px;font-size:12px;border-radius:20px;background:#ecddc6}.ayan-story-figure{margin:16px auto 30px;text-align:center}.ayan-story-figure img{max-height:700px;object-fit:contain;border:9px solid #fff9e9;box-shadow:0 9px 22px rgba(76,44,24,.2)}.ayan-story figcaption{font:14px 'Caveat',cursive;color:#76583f;margin:10px 0}.ayan-story-prose{font:18px/1.95 'Noto Serif',Georgia,serif;color:#3a3027;overflow-wrap:anywhere}.ayan-story-prose p{margin:0 0 1.4em}.ayan-story-prose h2,.ayan-story-prose h3{margin:1.8em 0 .6em}.ayan-story-prose a{text-decoration:underline;color:#8b392c}.ayan-story-prose blockquote{border-left:3px solid #9e6e45;margin:25px 0;padding:3px 25px;font-style:italic}.ayan-story-prose img{max-width:100%;height:auto}.ayan-story-prose iframe{max-width:100%}.ayan-art-figure{text-align:center;margin:45px 0}.ayan-art-figure img{max-width:90%;filter:sepia(.15)}.ayan-album-tags{padding-top:22px;border-top:1px solid #c8b395;color:#6d5843}.ayan-story-end{text-align:center;font:34px 'Caveat',cursive;margin:45px auto 0;color:#986b4d}.ayan-story-bottom{text-align:center;padding:25px}
@media(max-width:940px){.ayan-topinner{align-items:flex-start;flex-direction:column;gap:9px}.ayan-menu{gap:14px}.ayan-cover-grid{padding:48px 6%;gap:2%}.ayan-cover-photos{min-height:405px}.ayan-cover h1{font-size:54px}.ayan-cover-portrait{width:83%;height:78%}.ayan-result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:670px){.ayan-main{width:calc(100% - 20px);padding:14px 0 40px}.ayan-topinner{padding:11px 14px;gap:8px}.ayan-brand{font-size:16px}.ayan-menu{overflow:visible;max-width:100%;flex-wrap:wrap;gap:7px 15px;padding-bottom:4px}.ayan-menu a{font-size:12px}.ayan-cover{min-height:0;border:8px solid #4f2d20;border-left:13px solid #342016}.ayan-cover-grid{display:flex;flex-direction:column;gap:12px;padding:36px 9% 32px}.ayan-cover-copy{text-align:center}.ayan-eyebrow{margin-bottom:18px;font-size:10px}.ayan-cover h1{font-size:clamp(37px,10vw,61px)}.ayan-script-title{font-size:38px}.ayan-cover-intro{font-size:14px}.ayan-social,.ayan-cover-buttons{justify-content:center}.ayan-social a{padding:7px 10px;font-size:11px}.ayan-cover-photos{min-height:290px;width:min(330px,92%)}.ayan-cover-portrait{height:85%;width:66%;left:18%}.ayan-cover-small{height:35%;width:34%}.ayan-cover-small-a{left:2%}.ayan-cover-small-b{right:3%}.ayan-book-section{margin:30px auto 0}.ayan-book-entry{display:flex;flex-direction:column;border-width:8px}.ayan-book-entry:after{display:none}.ayan-book-left{padding:30px 20px 4px}.ayan-book-photo{height:190px;max-width:240px}.ayan-book-right{padding:17px 20px 32px}.ayan-book-right h2{font-size:63px}.ayan-book-right p{font-size:14px}.ayan-book-kicker{font-size:10px}.ayan-book-entry{min-height:0}.ayan-result-grid,.ayan-home-links,.ayan-guest-list{grid-template-columns:1fr}.ayan-card-image{height:210px}.ayan-home-latest{margin-top:48px}.ayan-index-intro,.ayan-page-heading{padding:33px 22px}.ayan-index-intro h1,.ayan-page-heading h1{font-size:62px}.ayan-index-panel{padding:24px 18px}.ayan-topic-grid{grid-template-columns:1fr}.ayan-decade-grid{grid-template-columns:repeat(2,1fr)}.ayan-tabs{gap:0}.ayan-tabs a{padding:10px 12px;font-size:12px}.ayan-search>div{flex-direction:column}.ayan-story{padding:25px 22px}.ayan-story-prose{font-size:16px;line-height:1.85}.ayan-story-header h1{font-size:34px}.ayan-guest-note{padding:20px}.ayan-footer{padding:20px}.ayan-form-area{padding:27px 21px}}
@media(prefers-reduced-motion:reduce){.ayan-wrap *{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}