@import url('https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:wght@400;500;600&family=Poppins:wght@300;400;500;600&display=swap');
:root{--ink:#111827;--navy:#14284a;--gold:#c79843;--ivory:#f5f0e6;--plum:#563757;--white:#fff;--display:'Cormorant Garamond','Times New Roman',serif;--body:'Poppins',Arial,sans-serif;--script:'Allura','Segoe Script',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);font-weight:400;color:var(--ink);background:var(--ivory)}a{color:inherit}.hero{min-height:100vh;color:#fff;position:relative;background:linear-gradient(90deg,rgba(8,14,21,.72),rgba(8,14,21,.48),rgba(8,14,21,.62)),url('assets/tree.jpg') center 48%/cover no-repeat}.hero nav{display:flex;justify-content:space-between;align-items:center;padding:24px 6vw;font-family:var(--body);font-size:.78rem;font-weight:500;letter-spacing:.14em}.hero nav div{display:flex;gap:28px}.hero nav a{text-decoration:none}.brand{font-family:var(--display);font-weight:500;letter-spacing:.12em}.hero-content{width:min(1120px,88vw);margin:0 auto;padding:8vh 0 10vh;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-logo{width:min(300px,48vw);filter:drop-shadow(0 0 4px rgba(255,255,255,.95)) drop-shadow(0 0 11px rgba(255,255,255,.55)) drop-shadow(0 10px 20px rgba(0,0,0,.25));margin-bottom:12px}.script{font-family:var(--script);font-weight:400;color:var(--gold);font-size:clamp(2.6rem,4.7vw,4.8rem);line-height:1;margin:.12em 0}.hero h1,.copy h2,.work h2,.book h2,.vision h2,.contact h2{font-family:var(--display);font-weight:400;font-size:clamp(3.4rem,8vw,8rem);line-height:.82;margin:.12em 0 .35em;letter-spacing:.005em}.hero h1{color:#e6edf7;max-width:1000px}.lede{max-width:780px;font-size:1rem;line-height:1.8;font-weight:300;margin:0 auto}.founder,.book,.contact{display:grid;grid-template-columns:1fr 1fr;min-height:82vh}.founder{background:#101820;color:white}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.copy,.book-copy,.contact>div{padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center}.copy h2{font-size:clamp(4rem,7vw,7rem);font-weight:400;line-height:.8;letter-spacing:.01em}.copy .script{font-size:clamp(2.7rem,4.2vw,4.3rem)}.copy p,.book-copy p{font-family:var(--body);font-weight:300;line-height:1.8;max-width:620px}.work,.vision{padding:10vw 8vw;text-align:center}.work{background:#ede4d4}.work .center{max-width:760px;margin:auto;line-height:1.85;font-size:1rem;font-weight:300}.architecture{background:linear-gradient(rgba(8,12,18,.78),rgba(8,12,18,.78)),url('assets/architecture.jpg') center/cover;color:#fff}.book-image{padding:8vw;display:flex;align-items:center;justify-content:center}.book-image img{max-height:70vh;max-width:100%;box-shadow:0 24px 60px rgba(0,0,0,.45)}.book h2{font-size:clamp(3rem,6vw,6rem)}.date{font-family:var(--script)!important;font-weight:400!important;color:var(--gold);font-size:2.6rem!important;line-height:1.05!important}.tme{background:#243a33;color:#fff}.tme-art{padding:6vw;display:flex;align-items:center}.tme-art img{width:100%;max-height:72vh;object-fit:cover;box-shadow:0 20px 50px rgba(0,0,0,.3)}.vision{background:#f3eadc}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1050px;margin:50px auto}.pillars article{border-top:1px solid rgba(199,152,67,.42);padding:28px 16px}.pillars h3{font-family:var(--display);font-weight:500;letter-spacing:.16em;color:var(--navy)}.pillars p{line-height:1.7;font-weight:300}.vision-mark{width:140px;margin-top:20px}.contact{background:#f7f1e7;align-items:center}.contact a{display:block;text-decoration:none;margin:12px 0;font-size:1rem;font-weight:300}.contact>img{width:min(70%,500px);justify-self:center}.contact h2{color:var(--gold);font-weight:400;line-height:.82}.contact>div{align-items:flex-start}footer{text-align:center;background:#151a20;color:white;padding:9vw 6vw}footer .script{font-size:clamp(3rem,7vw,6rem)}footer p:not(.script){font-weight:300}footer small{display:block;margin-top:40px;opacity:.65;font-family:var(--body);font-weight:300}@media(max-width:760px){.hero nav div{display:none}.hero-content{width:88vw;padding-top:7vh}.hero-logo{width:min(270px,62vw)}.founder,.book,.contact{grid-template-columns:1fr}.portrait{height:65vh}.copy,.book-copy,.contact>div{padding:70px 28px}.book-image{padding:60px 30px 10px}.tme-art{padding:60px 24px 10px}.pillars{grid-template-columns:1fr}.contact>img{padding:20px 0 70px}.hero h1,.copy h2,.work h2,.book h2,.vision h2,.contact h2{line-height:.9}.hero h1{font-size:clamp(3.2rem,17vw,5.4rem)}.lede{text-align:center}.copy h2{font-size:clamp(3.7rem,16vw,5.5rem)}}


/* V3 surgical responsive refinements */
@media (min-width:761px){
  /* Hero title stays elegant and unbroken across laptop/desktop widths. */
  .hero h1{white-space:nowrap;max-width:none;font-size:clamp(3.7rem,7.1vw,7.6rem);}
  .hero-logo{width:min(330px,30vw);filter:drop-shadow(0 0 5px rgba(255,255,255,1)) drop-shadow(0 0 14px rgba(255,255,255,.72)) drop-shadow(0 10px 20px rgba(0,0,0,.25));}

  /* Accent labels stay one-line and use the same script language as the hero motto. */
  .founder .copy>.script,.architecture .book-copy>.script,.tme .book-copy>.script{white-space:nowrap;font-family:var(--script);font-weight:400;line-height:1;}
  .founder .copy>.script{font-size:clamp(2.7rem,3.7vw,4.25rem);}
  .architecture .book-copy>.script,.tme .book-copy>.script{font-size:clamp(2.5rem,3.25vw,4rem);}

  /* Publications retain visual power on ordinary laptops instead of shrinking into thumbnails. */
  .book{grid-template-columns:minmax(470px,46%) minmax(0,1fr);}
  .book-image{padding:5vw 3vw 5vw 5vw;}
  .book-image img{width:min(100%,610px);max-width:none;max-height:82vh;height:auto;}
  .tme-art{padding:5vw 3vw 5vw 4vw;}
  .tme-art img{width:min(100%,900px);max-width:none;max-height:76vh;height:auto;}
  .book-copy{padding:6vw 5vw;}

  /* Keep the Architecture background focused on the arch, not the cover typography. */
  .architecture{background-image:linear-gradient(rgba(8,12,18,.78),rgba(8,12,18,.78)),url('assets/architecture.jpg');background-size:auto 135%;background-position:center 53%;background-repeat:no-repeat;background-color:#242424;}

  /* Contact content remains a couple on ultrawide screens. */
  .contact{grid-template-columns:minmax(420px,560px) minmax(380px,520px);justify-content:center;column-gap:clamp(70px,8vw,150px);padding-left:5vw;padding-right:5vw;}
  .contact>div{padding:7vw 0;}
  .contact>img{width:min(100%,500px);}
}

@media (min-width:761px) and (max-width:1250px){
  .book{grid-template-columns:minmax(430px,48%) minmax(0,1fr);}
  .book-image{padding:4.5vw 2.5vw 4.5vw 4vw;}
  .book-image img{width:min(100%,540px);max-height:78vh;}
  .tme-art{padding:4.5vw 2.5vw 4.5vw 3.5vw;}
  .tme-art img{width:min(100%,720px);max-height:70vh;}
  .book-copy{padding:5vw 4vw;}
  .architecture .book-copy>.script,.tme .book-copy>.script{font-size:clamp(2.3rem,3.4vw,3.25rem);}
}

/* V4 final polish: architecture-only backdrop + strengthened full logo asset */
.architecture{
  background-image:linear-gradient(rgba(8,12,18,.78),rgba(8,12,18,.78)),url('assets/architecture-bg.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#242424;
}

/* V5: official logo restored; give PUBLISHING a little more light without redesigning the mark. */
.hero-logo{
  filter:drop-shadow(0 0 5px rgba(255,255,255,1)) drop-shadow(0 0 14px rgba(255,255,255,.72)) drop-shadow(0 9px 9px rgba(255,255,255,.42)) drop-shadow(0 15px 16px rgba(255,255,255,.20)) drop-shadow(0 10px 20px rgba(0,0,0,.25));
}