*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#F6F4F0;color:#2A2A28;font-family:'Source Sans 3',sans-serif;font-size:1rem;line-height:1.85;max-width:600px;margin:0 auto;padding:2rem}

/* Title Section */
.title-section{padding:12vh 0 8vh;text-align:center}
.cypress-icon{margin-bottom:2rem}
h1{font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:clamp(2rem,5vw,3.5rem);color:#2A2A28;margin-bottom:1rem}
.title-rule{width:100%;height:1px;background:#E8E6E0;margin:1.5rem 0}
.subtitle{font-family:'Source Sans 3',sans-serif;font-weight:400;font-size:1rem;color:#8A8A86;line-height:1.85}

/* Gallery */
.gallery{padding:4vh 0}
.tree-entry{margin-bottom:8vh;padding-bottom:4vh;border-bottom:1px solid #E8E6E0}
.tree-entry:last-child{border-bottom:none}
.entry-header{display:flex;gap:1rem;align-items:flex-start}
.tree-icon{flex-shrink:0;margin-top:0.25rem}
.entry-header h2{font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:1.25rem;color:#2A2A28;margin-bottom:0.25rem}
.entry-header .summary{font-family:'Source Sans 3',sans-serif;font-weight:400;font-size:0.9375rem;color:#8A8A86;line-height:1.7}

/* Progressive Disclosure */
details{margin-top:1rem;padding-left:48px}
summary{cursor:pointer;list-style:none;font-family:'Source Sans 3',sans-serif;font-weight:400;font-size:0.875rem;color:#5A5A5C;display:flex;align-items:center;gap:0.5rem}
summary::-webkit-details-marker{display:none}
.arrow{color:#70806A;font-size:1rem;display:inline-block;transition:transform 0.3s ease}
details[open] .arrow{transform:rotate(90deg)}
.detail-content{overflow:hidden;padding-top:1rem}
.style-text{font-family:'Source Serif 4',serif;font-weight:400;font-size:1.0625rem;font-style:italic;line-height:1.8;color:#2A2A28;margin-bottom:1rem}
.proportion-line{width:20px;height:1px;background:#E8E6E0;margin:1.5rem 0}

/* Principles */
.principles{padding:8vh 0}
.principles h2{font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:1.25rem;color:#2A2A28;margin-bottom:2rem}
.principle{display:flex;gap:0.75rem;align-items:flex-start;margin-bottom:1.5rem}
.bullet-circle{flex-shrink:0;margin-top:0.5rem}
.principle p{font-family:'Source Sans 3',sans-serif;font-weight:400;font-size:0.9375rem;line-height:1.85;color:#2A2A28}

/* Close Section */
.close-section{padding:8vh 0;text-align:center}
.closing-statement{font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:clamp(1.25rem,2.5vw,1.75rem);color:#2A2A28;margin-bottom:2rem;line-height:1.5}
.cypress-icon-small{margin-bottom:2rem}
.footer-rule{width:100%;height:1px;background:#E8E6E0}

/* Card reveal */
.card{opacity:0;transform:translateY(16px);transition:opacity 0.6s ease,transform 0.6s ease}
.card.visible{opacity:1;transform:translateY(0)}

/* Links */
a{color:#5A5A5C;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.3s}
a:hover{border-bottom-color:#5A5A5C}