@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

/* ===== local Burmese translation font =====
   Place your original SawhandmadeL.ttf in assets/fonts/ to enable it. */
@font-face{
  font-family:'Saw Handmade Burmese';
  src:url('../fonts/SawhandmadeL.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:'Short Stack';
  src:url('../fonts/ShortStack-Regular.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

:root{
  color-scheme: dark;
  --lacquer:#d4636a;
  --lacquer-dark:#b8474e;
  --gold:#e3b055;
  --teak:#2a2015;
  --parchment:#2a2117;
  --jade:#7ba28e;
  --ink:#f2e7d2;
  --paper:#181310;
  --line: rgba(242,231,210,0.12);
  --line-strong: rgba(242,231,210,0.22);
  --muted:#c7b99a;
  --display: 'Fraunces', serif;
  --body: 'Inter', sans-serif;
  --mono: 'JetBrains Mono', monospace;
  --myanmar: 'Saw Handmade Burmese','Noto Sans Myanmar','Myanmar Text','Pyidaungsu',sans-serif;
  --shadow: rgba(0,0,0,0.4);
}

body{background:var(--paper);}
.book-object{box-shadow:6px 6px 0 var(--shadow);}

body{transition:background-color 0.25s ease, color 0.25s ease;}
.site-header,.button,.filter-button,.art-tile,.feature-card,.feature-visual,
.book-card,.book-cover,.contact-placeholders,.field input,.field select,.field textarea,
.resource-grid article,.approach-grid article{
  transition:background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
picture{display:block;max-width:100%;}
ul{list-style:none;}
button{font:inherit;background:none;border:none;cursor:pointer;color:inherit;}
input,textarea,select{font:inherit;color:inherit;}

.skip-link{
  position:absolute;left:-999px;top:auto;
  background:var(--lacquer);color:var(--paper);
  padding:12px 18px;font-family:var(--mono);font-size:12.5px;
  z-index:200;
}
.skip-link:focus{left:16px;top:16px;}

:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

.eyebrow{
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--lacquer);
  display:block;
}

/* ===== brush divider signature ===== */
.section::before{
  content:"";
  display:block;
  width:100%;
  height:26px;
  margin:0 0 60px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1180 26' preserveAspectRatio='none'%3E%3Cpath d='M0 13 Q 100 3 220 15 T 440 11 T 660 17 T 880 7 T 1100 14 T 1180 11' stroke='%238a2a2f' stroke-width='2.4' fill='none' stroke-linecap='round' opacity='0.55'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:100% 100%;
}
.hero::before,.page-hero::before{display:none;}

/* ===== layout helpers ===== */
.section{padding:100px 24px;max-width:1180px;margin:0 auto;}
@media (max-width:720px){ .section{padding:64px 20px;} .section::before{margin-bottom:40px;} }

.section-heading{margin-bottom:44px;}
.section-heading h2{
  font-family:var(--display);font-weight:500;
  font-size:clamp(28px,3.6vw,40px);margin-top:8px;
}
.split-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;}
.split-heading p{max-width:40ch;color:var(--muted);font-size:14.5px;}

/* ===== header / nav ===== */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(24,19,16,0.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.nav-shell{
  max-width:1180px;margin:0 auto;padding:20px 24px;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;
}
.nav-right{display:flex;align-items:center;gap:28px;}
.nav-controls{display:flex;align-items:center;gap:14px;}
.wordmark{
  font-family:var(--display);font-weight:600;font-size:20px;
}
.site-nav{display:flex;gap:34px;}
.site-nav a{
  font-family:var(--mono);font-size:12.5px;letter-spacing:0.06em;
  text-transform:uppercase;color:var(--ink);opacity:0.8;
  transition:opacity 0.2s,color 0.2s;
}
.site-nav a:hover,.site-nav a[aria-current="page"]{opacity:1;color:var(--lacquer);}
.menu-button{
  display:none;font-family:var(--mono);font-size:12px;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--lacquer);align-items:center;gap:8px;
}
.menu-icon{width:16px;height:10px;position:relative;}
.menu-icon::before,.menu-icon::after{
  content:"";position:absolute;left:0;right:0;height:1.6px;background:var(--lacquer);
}
.menu-icon::before{top:0;}
.menu-icon::after{bottom:0;}

@media (max-width:760px){
  .menu-button{display:flex;}
  .site-nav{
    position:fixed;top:65px;left:0;right:0;
    background:var(--paper);flex-direction:column;gap:0;
    max-height:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;
    transition:max-height 0.3s ease,opacity 0.2s ease,visibility 0s linear 0.3s;
    border-bottom:1px solid var(--line);
  }
  .site-nav.is-open{
    max-height:320px;visibility:visible;opacity:1;pointer-events:auto;
    transition-delay:0s;
  }
  .site-nav a{padding:16px 24px;border-top:1px solid var(--line);}
  .no-js .nav-shell{align-items:flex-start;flex-direction:column;}
  .no-js .nav-right,.no-js .site-nav{width:100%;}
  .no-js .menu-button{display:none;}
  .no-js .site-nav{
    position:static;max-height:none;overflow:visible;visibility:visible;
    opacity:1;pointer-events:auto;transition:none;
  }
  .no-js .site-nav a{padding:12px 0;}
}

/* ===== buttons / links ===== */
.button{
  display:inline-block;font-family:var(--mono);font-size:12.5px;
  letter-spacing:0.06em;text-transform:uppercase;padding:14px 24px;
  border-radius:2px;transition:transform 0.15s ease,background 0.2s ease,color 0.2s ease,border-color 0.2s ease;
}
.button-primary{background:var(--lacquer);color:var(--paper);}
.button-primary:hover{background:var(--lacquer-dark);transform:translateY(-1px);}
.button-quiet{border:1px solid var(--ink);color:var(--ink);}
.button-quiet:hover{border-color:var(--lacquer);color:var(--lacquer);}
.button-light{border:1px solid rgba(244,234,214,0.5);color:var(--parchment);}
.button-light:hover{background:rgba(244,234,214,0.12);}
.text-link{
  font-family:var(--mono);font-size:12.5px;letter-spacing:0.04em;
  color:var(--lacquer);border-bottom:1px solid var(--line-strong);
  padding-bottom:3px;transition:border-color 0.2s;
}
.text-link:hover{border-color:var(--lacquer);}

/* ===== home hero ===== */
.hero.home-hero{
  max-width:1180px;margin:0 auto;padding:90px 24px 40px;
  display:grid;grid-template-columns:1.05fr 0.95fr;gap:60px;align-items:center;
}
@media (max-width:900px){ .hero.home-hero{grid-template-columns:1fr;padding-top:60px;} }
.hero-copy h1{
  font-family:var(--display);font-weight:500;
  font-size:clamp(44px,7vw,74px);line-height:1;margin:16px 0 18px;
}
.hero-role{
  font-family:var(--mono);font-size:14px;letter-spacing:0.05em;
  text-transform:uppercase;color:var(--ink);margin-bottom:20px;
  display:flex;flex-wrap:wrap;gap:4px 9px;
}
.hero-role .role-item{color:var(--ink);white-space:nowrap;}
.hero-role .role-separator{color:var(--gold);}
.hero-intro{font-size:17px;max-width:46ch;color:var(--muted);margin-bottom:32px;}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}

.hero-composition{
  position:relative;aspect-ratio:1/1.05;border:1px solid var(--line);
  background:var(--parchment);overflow:hidden;
}
.composition-panel{position:absolute;border-radius:2px;}
.panel-one{
  width:70%;height:60%;top:8%;left:8%;
  background:linear-gradient(135deg,var(--lacquer),var(--lacquer-dark));
  clip-path:polygon(0 10%,100% 0,90% 100%,5% 92%);
}
.panel-two{
  width:55%;height:42%;bottom:8%;right:6%;
  background:linear-gradient(135deg,var(--jade),#39503f);
  clip-path:polygon(6% 0,100% 8%,94% 100%,0 92%);
  opacity:0.9;
}
.composition-mark{
  position:absolute;left:50%;bottom:20px;transform:translateX(-50%);
  font-family:var(--mono);font-size:10.5px;letter-spacing:0.1em;
  text-transform:uppercase;background:var(--ink);color:var(--paper);
  padding:8px 14px;white-space:nowrap;
}

/* ===== identity / feature cards ===== */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
@media (max-width:820px){ .feature-grid{grid-template-columns:1fr;} }
.feature-card{background:var(--paper);padding:32px;display:flex;flex-direction:column;}
.feature-number{font-family:var(--mono);font-size:12px;color:var(--gold);letter-spacing:0.08em;margin-bottom:16px;}
.feature-visual{aspect-ratio:4/3;background:var(--parchment);border:1px solid var(--line);margin-bottom:20px;position:relative;}
.feature-art .feature-visual{background:linear-gradient(135deg,var(--parchment),var(--line-strong));}
.feature-translation .feature-visual{background:linear-gradient(135deg,var(--parchment),var(--line-strong));}
.feature-teaching .feature-visual{background:linear-gradient(135deg,var(--parchment),var(--line-strong));}
.feature-body h3{font-family:var(--display);font-weight:500;font-size:22px;margin-bottom:10px;}
.feature-body p{color:var(--muted);font-size:14.5px;margin-bottom:20px;flex:1;}

/* ===== current project / book object ===== */
.current-project{
  display:grid;grid-template-columns:auto 1fr auto;gap:48px;align-items:center;
  background:var(--teak);color:var(--ink);border-radius:2px;padding:56px 48px;
}
@media (max-width:900px){ .current-project{grid-template-columns:1fr;text-align:left;padding:40px 28px;} }
.book-object{
  width:150px;height:210px;background:linear-gradient(160deg,var(--lacquer),var(--lacquer-dark));
  color:var(--parchment);padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;
  border-radius:2px;box-shadow:6px 6px 0 rgba(0,0,0,0.15);
}
.book-object span{font-family:var(--mono);font-size:10px;letter-spacing:0.05em;opacity:0.8;}
.book-object strong{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.1;}
.book-object small{font-family:var(--mono);font-size:9.5px;opacity:0.75;}
.large-book{width:190px;height:260px;}
.current-copy h2{font-family:var(--display);font-weight:500;font-size:clamp(24px,3vw,32px);margin:10px 0 14px;}
.current-copy em{display:inline-block;font-style:italic;color:var(--gold);white-space:nowrap;}
.current-copy p{color:#e2d5ba;max-width:48ch;margin-bottom:22px;font-size:15px;}
.current-project .eyebrow{color:var(--gold);}
.project-progress{
  font-family:var(--mono);font-size:11.5px;text-align:right;
  display:flex;flex-direction:column;gap:6px;color:#cbb98f;
}
.project-progress strong{font-family:var(--display);font-size:20px;color:var(--ink);font-weight:500;}
@media (max-width:900px){ .project-progress{text-align:left;} }

/* ===== closing note ===== */
.closing-note{text-align:center;}
.large-quote{
  font-family:var(--display);font-style:italic;font-weight:400;
  font-size:clamp(22px,3.4vw,32px);max-width:56ch;margin:0 auto 28px;
  color:var(--ink);line-height:1.5;
}

/* ===== page hero (subpages) ===== */
.page-hero{max-width:1180px;margin:0 auto;padding:80px 24px 50px;}
.page-hero h1{font-family:var(--display);font-weight:500;font-size:clamp(38px,6vw,58px);margin:14px 0 18px;}
.page-statement{max-width:56ch;font-size:16.5px;color:var(--muted);}

/* ===== translation page ===== */
.quixote-feature{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:start;}
@media (max-width:720px){ .quixote-feature{grid-template-columns:1fr;} }
.quixote-copy h2{font-family:var(--display);font-weight:500;font-size:clamp(26px,3.4vw,34px);margin:8px 0 14px;}
.quixote-copy .lead{color:var(--muted);max-width:58ch;margin-bottom:22px;}
.project-facts{display:grid;gap:10px;max-width:52ch;}
.project-facts div{display:flex;gap:14px;padding:10px 0;border-top:1px solid var(--line);font-size:14px;}
.project-facts dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--gold);width:150px;flex-shrink:0;}

.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:820px){ .journal-grid{grid-template-columns:1fr;} }
.journal-card{border-top:2px solid var(--lacquer);padding-top:16px;}
.journal-card .j-date{font-family:var(--mono);font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.05em;}
.journal-card h3{font-family:var(--display);font-weight:500;font-size:18px;margin:8px 0 8px;}
.journal-card p{color:var(--muted);font-size:14px;}
.journal-message{margin-top:20px;}

.translation-services{display:grid;grid-template-columns:minmax(150px,180px) minmax(0,1fr);gap:48px;align-items:start;}
@media (max-width:640px){ .translation-services{grid-template-columns:1fr;} }
.translation-services h2{font-family:var(--display);font-weight:500;font-size:26px;margin-bottom:10px;}
.translation-services p{color:var(--muted);max-width:56ch;margin-bottom:20px;}

/* ===== teaching page ===== */
.course-feature{
  display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;
  background:var(--teak);color:var(--parchment);border-radius:2px;padding:48px;
}
@media (max-width:820px){ .course-feature{grid-template-columns:1fr;} }
.course-copy h2{font-family:var(--display);font-weight:500;font-size:clamp(24px,3.2vw,32px);margin:8px 0 10px;}
.course-copy .eyebrow{color:var(--gold);}
.course-slogan{font-style:italic;font-family:var(--display);font-size:17px;color:#d9cbb0;margin-bottom:24px;}
.course-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;}
.course-facts div{border-top:1px solid rgba(244,234,214,0.2);padding-top:10px;}
.course-facts dt{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;color:#c9b592;letter-spacing:0.05em;margin-bottom:4px;}
.course-facts dd{font-size:14px;}

.approach-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
@media (max-width:900px){ .approach-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .approach-grid{grid-template-columns:1fr;} }
.approach-grid article{background:var(--paper);padding:24px;}
.approach-grid span{font-family:var(--mono);font-size:11px;color:var(--gold);}
.approach-grid h3{font-family:var(--display);font-weight:500;font-size:16.5px;margin:10px 0 8px;}
.approach-grid p{color:var(--muted);font-size:13px;}

.enquiry-banner{
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  background:var(--ink);color:var(--parchment);border-radius:2px;padding:36px 40px;
}
.enquiry-banner h2{font-family:var(--display);font-weight:500;font-size:22px;margin-top:6px;}
.enquiry-banner .eyebrow{color:var(--gold);}


/* ===== teaching outcomes ===== */
.outcomes-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
}
.outcomes-grid article{background:var(--paper);padding:24px;}
.outcomes-grid span{font-family:var(--mono);font-size:11px;color:var(--gold);}
.outcomes-grid p{color:var(--muted);font-size:13.5px;margin-top:10px;}
@media (max-width:900px){.outcomes-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.outcomes-grid{grid-template-columns:1fr;}}

/* ===== contact page ===== */
.contact-intro h2{font-family:var(--display);font-weight:500;font-size:24px;margin-bottom:16px;}
.enquiry-list{margin-bottom:32px;}
.enquiry-list li{
  font-family:var(--mono);font-size:13px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);
}
.enquiry-list li:last-child{border-bottom:1px solid var(--line);}
.contact-placeholders{background:var(--parchment);border:1px solid var(--line);padding:22px;}
.contact-placeholders p{font-size:14px;margin:10px 0 2px;}
.contact-placeholders p strong{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--gold);display:block;margin-bottom:2px;}
.contact-placeholders small{display:block;margin-top:14px;color:var(--muted);font-family:var(--mono);font-size:10.5px;}

.contact-form{display:flex;flex-direction:column;gap:18px;}
.field label{
  display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.06em;
  text-transform:uppercase;color:var(--ink);margin-bottom:8px;
}
.field input,.field select,.field textarea{
  width:100%;background:var(--paper);border:1px solid var(--line-strong);border-radius:2px;
  padding:12px 14px;font-size:14px;
}
.field textarea{resize:vertical;min-height:120px;}
.demo-message{
  font-family:var(--mono);font-size:12.5px;color:var(--jade);background:rgba(74,107,90,0.08);
  border:1px solid rgba(74,107,90,0.3);padding:12px 16px;
}
.demo-message[hidden]{display:none;}
.form-honeypot{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.contact-form button:disabled{cursor:wait;opacity:.68;transform:none;}
.form-privacy,.form-fallback{font-size:12.5px;color:var(--muted);max-width:58ch;}
.form-fallback a{color:var(--lacquer);border-bottom:1px solid var(--line-strong);}
.form-fallback a:hover{border-color:var(--lacquer);}

/* ===== footer ===== */
.site-footer{
  background:var(--teak);color:var(--parchment);padding:44px 24px 30px;
  display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;
  max-width:1180px;margin:0 auto;
}
@media (max-width:760px){ .site-footer{grid-template-columns:1fr;text-align:center;justify-items:center;} }
.footer-identity{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#d9cbb0;}
.footer-identity strong{font-family:var(--display);font-size:16px;color:var(--parchment);}
.footer-nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;}
.footer-nav a{font-family:var(--mono);font-size:11.5px;letter-spacing:0.05em;text-transform:uppercase;color:#c9b592;}
.footer-nav a:hover{color:var(--gold);}
.footer-meta{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--muted);text-align:right;font-family:var(--mono);}
@media (max-width:760px){ .footer-meta{text-align:center;} }

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .button,.text-link,.filter-button,.site-nav{transition:none;}
}

/* ===== integrated review refinements ===== */
.real-hero-image{
  position:relative;
  aspect-ratio:1/1.05;
  border:1px solid var(--line);
  background:var(--parchment);
  overflow:hidden;
}
.real-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.real-hero-image picture{width:100%;height:100%;}
.real-hero-image .composition-mark{
  background:rgba(24,19,16,0.88);
  color:var(--ink);
}

.practice-card{
  min-height:245px;
  justify-content:space-between;
}
.practice-card .feature-body p{max-width:34ch;}

.art-primary-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:30px;
}
.art-primary-nav a{
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.05em;
  text-transform:uppercase;
  border:1px solid var(--line-strong);
  padding:9px 14px;
  border-radius:100px;
}
.art-primary-nav a:hover{border-color:var(--lacquer);color:var(--lacquer);}

.translation-update{
  display:grid;
  grid-template-columns:minmax(150px,180px) minmax(0,1fr);
  gap:48px;
  align-items:start;
}
@media (max-width:720px){.translation-update{grid-template-columns:1fr;}}
.translation-update h2{
  font-family:var(--display);
  font-weight:500;
  font-size:clamp(26px,3.4vw,34px);
  margin:8px 0 14px;
}
.translation-update p{color:var(--muted);max-width:58ch;margin-bottom:18px;}

.journal-empty{
  max-width:64ch;
  color:var(--muted);
  font-size:15px;
}
.journal-empty strong{
  color:var(--ink);
  font-family:var(--display);
  font-size:20px;
  font-weight:500;
  display:block;
  margin-bottom:8px;
}

.enquiry-banner{
  background:var(--teak);
  color:var(--parchment);
  border:1px solid var(--line);
}

.contact-simple{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:60px;
}
@media (max-width:820px){.contact-simple{grid-template-columns:1fr;}}
.contact-simple .contact-intro p{
  color:var(--muted);
  max-width:42ch;
  margin-bottom:24px;
}

.no-placeholder{
  color:var(--muted);
  font-size:14px;
}

.site-footer{
  border-top:1px solid var(--line);
}



/* ===== Don Quixote chapter publishing ===== */
.chapter-update-card{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:24px;
  margin-top:34px;
  padding:28px 0 4px;
  border-top:1px solid var(--line-strong);
}
.chapter-update-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--gold);
}
.chapter-update-copy h3{
  font-family:var(--display);
  font-weight:500;
  font-size:24px;
  margin-bottom:8px;
}
.chapter-update-copy p{
  color:var(--muted);
  max-width:58ch;
  margin-bottom:18px;
  line-height:1.85;
}
@media (max-width:620px){
  .chapter-update-card{grid-template-columns:1fr;gap:10px;}
  .chapter-update-meta{flex-direction:row;gap:10px;}
}

.chapter-page{
  max-width:820px;
  margin:0 auto;
  padding:82px 24px 100px;
}
.chapter-header{
  padding-bottom:38px;
  margin-bottom:44px;
  border-bottom:1px solid var(--line);
}
.chapter-back{
  display:inline-block;
  margin-bottom:42px;
}
.chapter-header h1{
  font-family:var(--display);
  font-weight:500;
  font-size:clamp(34px,5vw,52px);
  line-height:1.15;
  margin:12px 0 16px;
}
.chapter-title-my{
  font-size:clamp(18px,2.4vw,23px);
  line-height:1.75;
  color:var(--muted);
  max-width:34em;
}
.chapter-meta{
  display:flex;
  gap:10px 18px;
  flex-wrap:wrap;
  margin-top:26px;
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--gold);
}
.chapter-text{
  max-width:720px;
  margin:0 auto;
  font-family:var(--myanmar);
  font-size:18px;
  line-height:2;
  color:var(--ink);
}
.chapter-text p{
  margin:0 0 1.55em;
}
.chapter-text p:first-child::first-letter{
  font-family:var(--display);
  font-size:3.4em;
  line-height:.85;
  float:left;
  margin:.11em .12em 0 0;
  color:var(--lacquer);
}
.chapter-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:64px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.chapter-next-disabled{
  font-family:var(--mono);
  font-size:12.5px;
  color:var(--muted);
  opacity:.45;
}
@media (max-width:620px){
  .chapter-page{padding-top:56px;}
  .chapter-text{font-size:17px;line-height:1.95;}
  .chapter-nav{align-items:flex-start;flex-direction:column;}
}


/* ===== published translation integration (existing palette only) ===== */
.published-translation{
  display:grid;
  grid-template-columns:minmax(250px, .82fr) minmax(0, 1.18fr);
  gap:56px;
  align-items:start;
}
.published-cover{max-width:390px;align-self:start;}
.published-cover img{width:100%;height:auto;border:1px solid var(--line);}
.published-copy h2,.published-home-copy h2{
  font-family:var(--display);font-weight:500;
  font-size:clamp(26px,3.4vw,36px);margin:8px 0 14px;
}
.published-copy .lead{color:var(--muted);max-width:58ch;margin-bottom:22px;}
.published-copy .button{margin-top:24px;}
.published-home{
  display:grid;grid-template-columns:minmax(150px, .42fr) minmax(0, 1.58fr);
  gap:44px;align-items:center;
}
.published-home-cover{max-width:245px;}
.published-home-cover img{width:100%;height:auto;border:1px solid var(--line);}
.published-home-copy p{color:var(--muted);max-width:58ch;margin-bottom:20px;}
@media (max-width:720px){
  .published-translation,.published-home{grid-template-columns:1fr;gap:30px;}
  .published-cover{max-width:330px;}
  .published-home-cover{max-width:220px;}
}

/* Burmese literary text uses the supplied Saw Handmade font when available. */
.chapter-header h1,
.chapter-title-my,
.chapter-update-copy p[lang="my"]{
  font-family:var(--myanmar);
}
.chapter-text p:first-child::first-letter{font-family:var(--myanmar);}
.chapter-text [lang="en"]{font-family:'Short Stack',cursive;}
.chapter-poem{
  max-width:34rem;
  margin:2.2rem auto;
  padding:1.5rem 1.75rem;
  border-left:2px solid var(--gold);
  font-family:var(--myanmar);
  line-height:2;
  text-align:center;
}
.chapter-poem p{margin:.25rem 0;}
.chapter-poem .answer{color:var(--gold);font-weight:700;}
.source-note{
  margin-top:2.5rem;
  padding-top:1.25rem;
  border-top:1px solid var(--line);
  font-size:.82rem;
  opacity:.7;
}

/* Keep dividers, labels, and content in their intended Translation grid columns. */
.translation-update::before,
.translation-services::before{
  grid-column:1 / -1;
}
.translation-update > .eyebrow,
.translation-services > .eyebrow{
  grid-column:1;
  width:100%;
}
.translation-update > div,
.translation-services > .translation-service-body{
  grid-column:2;
}

/* Soften photographic edges into the existing dark palette without changing colours. */
.real-hero-image{
  border-color:transparent;
  overflow:hidden;
  isolation:isolate;
}
.real-hero-image::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(to right,var(--paper) 0,transparent 9%,transparent 91%,var(--paper) 100%),
    linear-gradient(to bottom,var(--paper) 0,transparent 8%,transparent 92%,var(--paper) 100%);
  opacity:.72;
}
.real-hero-image .composition-mark{z-index:2;}
.identity-section-art{
  box-shadow:inset 0 0 70px 26px var(--paper);
  border-color:transparent;
}
@media (max-width:720px){
  .translation-update,.translation-services{grid-template-columns:1fr;gap:18px;}
  .real-hero-image::after{opacity:.58;}
}

/* ===== 9 August 2026 content and layout revision ===== */

/* Keep the poetry cover and its information visually connected as one publication object. */
.published-translation,
.published-home{
  border:1px solid var(--line);
  background:linear-gradient(145deg, rgba(42,33,23,.72), rgba(24,19,16,.78));
  border-radius:2px;
}
.published-translation{
  grid-template-columns:minmax(250px, .78fr) minmax(0, 1.22fr);
  gap:0;
  padding:0;
  overflow:hidden;
  align-items:stretch;
}
.published-translation::before,
.published-home::before{display:none;}
.published-cover{
  max-width:none;
  padding:34px;
  border-right:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
}
.published-cover img{
  width:min(100%, 390px);
  border:0;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.published-cover picture{width:min(100%,390px);}
.published-copy{
  padding:52px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.published-copy .project-facts{max-width:none;width:100%;}

.published-home{
  grid-template-columns:minmax(170px, .42fr) minmax(0, 1.58fr);
  gap:0;
  padding:0;
  overflow:hidden;
}
.published-home-cover{
  max-width:none;
  padding:28px;
  border-right:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:center;
}
.published-home-cover img{
  width:min(100%, 230px);
  border:0;
  box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.published-home-cover picture{width:min(100%,230px);}
.published-home-copy{
  padding:44px 46px;
  align-self:center;
}

/* Give translation update/chapter content the same strong page grid as professional work. */
.translation-update,
.translation-services{
  grid-template-columns:minmax(180px, 210px) minmax(0,1fr);
  gap:56px;
}
.chapter-update-card{
  grid-template-columns:120px minmax(0,1fr);
  width:100%;
  padding:30px 0 8px;
}
.chapter-update-copy{min-width:0;}
.chapter-update-copy p{max-width:none;width:100%;}
.chapter-update-copy .button{margin-top:2px;}

/* Wider dedicated reading page, while preserving comfortable line length. */
.chapter-page{max-width:980px;}
.chapter-text{max-width:820px;}
.chapter-header{max-width:820px;margin-left:auto;margin-right:auto;}
.chapter-nav{max-width:820px;margin-left:auto;margin-right:auto;}

/* ===== Art page: artwork-first presentation =====
   Inspired by the clear hierarchy of traditional artist portfolio sites,
   while retaining Saw Lin's existing colour palette and typography. */
.art-page .section::before{display:none;}
.art-page-hero{padding-bottom:68px;border-bottom:1px solid var(--line);}
.art-works-section,.art-series-section{padding-top:88px;padding-bottom:88px;}
.art-section-title{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:36px;
  align-items:end;
  margin-bottom:62px;
}
.art-section-title h2{
  font-family:var(--display);
  font-size:clamp(30px,4vw,44px);
  font-weight:500;
  line-height:1.1;
}
.art-works-list{display:flex;flex-direction:column;gap:104px;}
.art-work{margin:0;}
.art-image-stage{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:340px;
}
.art-image-stage picture{width:100%;display:block;}
.art-image-button{position:relative;max-width:100%;padding:0;background:transparent;color:inherit;}
.art-image-stage > .art-image-button{width:100%;display:flex;justify-content:center;cursor:zoom-in;}
.art-image-button picture{pointer-events:none;}
.art-enlarge-hint{
  position:absolute;right:12px;bottom:12px;z-index:2;
  padding:8px 11px;background:rgba(24,19,16,.88);border:1px solid var(--line-strong);
  color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.06em;
  text-transform:uppercase;opacity:.86;transition:opacity .2s ease,background .2s ease;
}
.art-image-button:hover .art-enlarge-hint,
.art-image-button:focus-visible .art-enlarge-hint{opacity:1;background:var(--paper);}
.art-work img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:78vh;
  object-fit:contain;
  margin-inline:auto;
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}
.art-work-wide img,.art-work-landscape img{max-width:100%;}
.art-work-portrait img{max-width:min(76%,760px);}
.art-work-square img{max-width:min(82%,820px);}
.art-work figcaption{
  width:min(100%,960px);
  margin:18px auto 0;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:baseline;
  border-top:1px solid var(--line);
  padding-top:13px;
}
.art-work figcaption h3{
  font-family:var(--display);
  font-weight:500;
  font-size:20px;
  margin:0;
}
.art-work figcaption p{
  font-family:var(--mono);
  font-size:11px;
  color:var(--muted);
  margin:0;
}
.art-work figcaption span{color:var(--gold);}
.art-series-section{border-top:1px solid var(--line);}
.art-series-entry{padding:52px 0;border-top:1px solid var(--line);}
.art-series-with-image{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
  gap:60px;
  align-items:start;
}
.art-series-state{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--lacquer);
}
.art-series-copy h3{
  font-family:var(--display);
  font-weight:500;
  font-size:clamp(30px,4vw,44px);
  line-height:1.12;
  margin:10px 0 14px;
}
.art-series-note{color:var(--muted);max-width:34ch;}
.art-series-with-image figure{margin:0;}
.art-series-with-image figure picture{width:100%;}
.art-series-with-image .art-image-button{width:100%;cursor:zoom-in;}
.art-series-with-image figure img{width:100%;max-height:76vh;object-fit:contain;}
.art-series-with-image figcaption{
  font-family:var(--mono);
  font-size:11px;
  color:var(--muted);
  margin-top:12px;
}
.art-series-with-image figcaption span{color:var(--gold);}
.art-series-text-only{display:grid;grid-template-columns:180px minmax(0,1fr);gap:36px;}
.art-series-text-only .art-series-copy{grid-column:2;}
@media(max-width:760px){
  .art-section-title,.art-series-text-only{grid-template-columns:1fr;gap:10px;}
  .art-works-section,.art-series-section{padding-top:64px;padding-bottom:64px;}
  .art-works-list{gap:72px;}
  .art-work-portrait img,.art-work-square img{max-width:100%;}
  .art-work figcaption{display:block;}
  .art-work figcaption p{margin-top:5px;}
  .art-series-with-image{grid-template-columns:1fr;gap:28px;}
  .art-series-text-only .art-series-copy{grid-column:auto;}
}

.art-lightbox{
  width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;
  border:0;background:rgba(10,8,7,.97);color:var(--ink);overflow:hidden;
}
.art-lightbox::backdrop{background:rgba(10,8,7,.92);}
.art-lightbox-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:16px;gap:12px;}
.art-lightbox-controls{display:flex;justify-content:flex-end;gap:10px;}
.art-lightbox-controls button{
  padding:10px 14px;border:1px solid var(--line-strong);background:var(--paper);
  font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;
}
.art-lightbox-controls button:hover{border-color:var(--lacquer);color:var(--lacquer);}
.art-lightbox-controls button:focus-visible{outline:2px solid var(--lacquer);outline-offset:2px;}
.art-lightbox-controls button:disabled{opacity:.4;cursor:not-allowed;}
.art-lightbox-controls button[aria-pressed="true"]{border-color:var(--lacquer);color:var(--lacquer);}
.art-lightbox-tool{display:inline-flex;align-items:center;gap:7px;}
.art-lightbox-tool svg{
  width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.art-lightbox-stage{
  min-width:0;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;
  overscroll-behavior:contain;
}
.art-lightbox-stage.is-actual-size{align-items:flex-start;justify-content:flex-start;}
.art-lightbox-stage.is-pan-enabled{cursor:grab;touch-action:none;}
.art-lightbox-stage.is-pan-enabled.is-dragging{cursor:grabbing;}
.art-lightbox-stage img{
  width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;
  user-select:none;-webkit-user-drag:none;
}
.art-lightbox-stage img.is-actual-size{
  max-width:none;max-height:none;flex:0 0 auto;margin:auto;
}
.art-lightbox-stage.is-pan-enabled img{cursor:inherit;}
.art-lightbox-caption{
  margin:0;text-align:center;color:var(--muted);font-family:var(--mono);font-size:11px;
  letter-spacing:.04em;min-height:1.6em;
}
@media(max-width:620px){
  .art-lightbox-shell{padding:10px;}
  .art-lightbox-controls button{padding:9px 11px;font-size:10px;}
  .art-enlarge-hint{right:8px;bottom:8px;padding:7px 9px;}
}

/* ===== 10 August 2026 publication-ready refinement ===== */

/* Home identity: retain the established palette and atmosphere, without a painting image. */
.identity-section-art{
  background:
    radial-gradient(circle at top left, rgba(212,99,106,0.16), transparent 34%),
    radial-gradient(circle at bottom right, rgba(123,162,142,0.10), transparent 30%),
    linear-gradient(145deg, rgba(42,33,23,.72), rgba(24,19,16,.90));
  box-shadow:none;
}

/* Home Recently Published: keep the paired cover/copy composition but remove grid lines. */
.published-home{
  border:0;
}
.published-home-cover{
  border-right:0;
}

/* Translation Published Translation: remove outer and internal grid lines. */
.published-translation{
  border:0;
}
.published-cover{
  border-right:0;
}
.published-cover img{
  border:0;
}

/* Translation Updates: reserve most of the page width for chapter content.
   Future chapter cards remain vertically stacked instead of becoming narrow columns. */
.translation-update{
  grid-template-columns:minmax(130px,160px) minmax(0,1fr);
  gap:44px;
}
.translation-update > div,
.translation-service-body{
  width:100%;
  min-width:0;
}
.chapter-update-card{
  grid-template-columns:90px minmax(0,1fr);
  width:100%;
  max-width:none;
}
.chapter-update-card + .chapter-update-card{
  margin-top:28px;
}
.chapter-update-copy{
  width:100%;
  max-width:none;
}
.chapter-update-copy p{
  max-width:48rem;
}

/* Professional work: text stays left, primary action balances the section on the right. */
.translation-service-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:42px;
  align-items:end;
}
.translation-service-body h2,
.translation-service-body p{
  grid-column:1;
}
.translation-service-body .button{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  white-space:nowrap;
}

@media (max-width:720px){
  .published-translation,
  .published-home{
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .published-home-cover,
  .published-cover{
    width:100%;
    max-width:none;
    min-width:0;
    padding:24px;
    border-bottom:0;
  }
  .published-copy,
  .published-home-copy{
    min-width:0;
    padding:32px 24px;
  }
  .translation-update,
  .translation-services{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
  }
  .translation-update > .eyebrow,
  .translation-services > .eyebrow,
  .translation-update > div,
  .translation-services > .translation-service-body{
    grid-column:1;
  }
  .chapter-update-card{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  .chapter-update-meta{
    flex-direction:row;
    gap:10px;
  }
  .translation-service-body{
    grid-template-columns:1fr;
    row-gap:18px;
  }
  .translation-service-body h2,
  .translation-service-body p,
  .translation-service-body .button{
    grid-column:1;
    grid-row:auto;
  }
  .translation-service-body .button{
    justify-self:start;
    max-width:100%;
    white-space:normal;
    text-align:center;
  }
}