:root{--black:#080808;--dark-1:#111;--dark-2:#181818;--dark-3:#242424;--green:#1a5c3a;--green-mid:#2a8c5e;--green-bright:#3dd68c;--red:#7a1010;--red-mid:#a82020;--red-bright:#e84040;--purple:#c4b5f4;--purple-dim:#7b6ca8;--cyan:#67e8e8;--cyan-dim:#3faaaa;--white:#ede9e0;--white-dim:#9c9890;--white-faint:#2e2c29;--font-display:"Cormorant Garamond", Georgia, serif;--font-ui:"Syne", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.page{max-width:1600px;margin:0 auto}.page:before{content:"";pointer-events:none;z-index:9999;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}.page-header{border-bottom:1px solid var(--white-faint);padding:80px 64px 64px;animation:1s both fadeInDown;position:relative;overflow:hidden}.page-header:after{content:"";border:1px solid var(--white-faint);pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:-80px;right:-80px}.page-header:before{content:"";border:1px solid var(--green);pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:-20px;right:-20px}.header-eyebrow{font-family:var(--font-mono);letter-spacing:.32em;color:var(--green-bright);text-transform:uppercase;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-bottom:28px;font-size:10px;display:flex}.page-title{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;color:var(--white);margin-bottom:40px;font-size:40px;font-style:italic;font-weight:200;line-height:.88}.page-title em{font-style:italic}.title-mark-green{color:var(--green-bright)}.title-mark-red{color:var(--red-bright)}.title-mark-purple{color:var(--purple)}.title-mark-cyan{color:var(--cyan)}.header-meta{font-family:var(--font-mono);letter-spacing:.24em;color:var(--white-dim);text-transform:uppercase;align-items:center;gap:20px;font-size:10px;display:flex}.header-dot{background:var(--red-bright);border-radius:50%;flex-shrink:0;width:4px;height:4px}.section-label{font-family:var(--font-mono);letter-spacing:.36em;color:var(--purple);text-transform:uppercase;align-items:center;gap:14px;margin-bottom:52px;font-size:10px;display:flex}.section-label:before{content:"";background:var(--red-bright);flex-shrink:0;width:6px;height:6px;transform:rotate(45deg)}.section-label:after{content:"";background:linear-gradient(to right, var(--white-faint), transparent);flex:1;height:1px}.comment-section{border-bottom:1px solid var(--white-faint);padding:100px 64px;animation:1s .25s both fadeInUp}.comment-inner{max-width:1000px;padding-left:64px;position:relative}.comment-mark{font-family:var(--font-ui);color:var(--green);opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:220px;line-height:.55;position:absolute;top:0;left:-24px}.comment-text{font-family:var(--font-ui);color:var(--white);margin-bottom:52px;font-size:clamp(24px,2.8vw,34px);font-weight:300;line-height:1.72}.comment-text p+p{margin-top:1.1em}.comment-footer{align-items:center;gap:28px;display:flex}.comment-line{background:linear-gradient(to right, var(--red-bright), var(--red-mid));width:52px;height:1px}.comment-name{font-family:var(--font-ui);letter-spacing:.06em;color:var(--white);margin-bottom:4px;font-size:15px;font-weight:700;display:block}.comment-role{font-family:var(--font-mono);letter-spacing:.18em;color:var(--purple);text-transform:uppercase;font-size:10px}.gallery-section{padding:100px 64px 120px;animation:1s .4s both fadeInUp}.gallery-status{opacity:.6;font-size:14px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gallery-item{background:var(--dark-2);flex-direction:column;animation:.7s both fadeIn;display:flex}.gallery-item:first-child{animation-delay:50ms}.gallery-item:nth-child(2){animation-delay:.1s}.gallery-item:nth-child(3){animation-delay:.15s}.gallery-item:nth-child(4){animation-delay:.2s}.gallery-item:nth-child(5){animation-delay:.25s}.gallery-item:nth-child(6){animation-delay:.3s}.gallery-item:nth-child(7){animation-delay:.35s}.gallery-item:nth-child(8){animation-delay:.4s}.gallery-item:nth-child(9){animation-delay:.45s}.gallery-item:nth-child(10){animation-delay:.5s}.gallery-item img{aspect-ratio:350/600;object-fit:contain;filter:brightness(.92)saturate(.85);width:100%;height:auto;transition:filter .4s;display:block}.gallery-item:hover img{filter:brightness(.78)saturate(.7)}.gallery-caption{border-top:1px solid var(--white-faint);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.gallery-caption-left{flex-direction:column;gap:3px;display:flex}.gallery-index{font-family:var(--font-mono);letter-spacing:.2em;color:var(--cyan-dim);font-size:10px}.gallery-filename{font-family:var(--font-mono);letter-spacing:.14em;color:var(--white-dim);text-transform:uppercase;font-size:10px}.gallery-download-btn{border:1px solid var(--cyan);color:var(--cyan);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:7px;padding:8px 16px;font-size:11px;font-weight:700;transition:background .22s,color .22s;display:inline-flex}.gallery-download-btn:hover{background:var(--cyan);color:var(--black)}.gallery-download-btn:disabled{opacity:.4;cursor:not-allowed}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:13px;height:13px;animation:.65s linear infinite spin;display:inline-block}.page-footer{border-top:1px solid var(--white-faint);justify-content:space-between;align-items:center;padding:56px 64px;display:flex}.footer-brand{font-family:var(--font-display);color:var(--green-bright);letter-spacing:-.02em;font-size:52px;font-style:italic;font-weight:300;line-height:1}.footer-right{text-align:right}.footer-message{font-family:var(--font-display);color:var(--white-dim);margin-bottom:6px;font-size:20px;font-style:italic;font-weight:300}.footer-copy{font-family:var(--font-mono);letter-spacing:.22em;color:var(--white-faint);text-transform:uppercase;font-size:10px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){.page-header,.comment-section,.gallery-section,.page-footer{padding-left:96px;padding-right:96px}.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.page-header{padding:56px 32px 48px}.page-header:after{width:280px;height:280px;top:-100px;right:-100px}.page-header:before{width:200px;height:200px}.comment-section{padding:64px 32px}.comment-inner{padding-left:40px}.comment-mark{font-size:140px;left:-12px}.gallery-section{padding:64px 32px 80px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.page-footer{padding:40px 32px}}@media (width<=480px){.page-header{padding:48px 20px 40px}.page-header:after,.page-header:before{display:none}.header-meta{flex-wrap:wrap;gap:8px 16px}.comment-section{padding:48px 20px}.comment-inner{padding-left:28px}.comment-mark{font-size:96px;left:-8px}.comment-text{margin-bottom:36px}.gallery-section{padding:48px 20px 64px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-caption{flex-wrap:wrap;gap:12px}.gallery-download-btn{justify-content:center;width:100%}.page-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:32px 20px}.footer-right{text-align:left}}
