@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";.main-nav{display:flex;align-items:center;gap:30px}.main-nav button{height:auto;padding:0;background:none;color:#62775b;font-size:12px}.voice-page{padding:65px 7% 100px;min-height:85vh}.voice-heading{margin-bottom:45px}.voice-heading h1{font-size:clamp(46px,6vw,72px)}.voice-heading h1 em{color:#859878}.voice-heading>p:last-child,.voice-card p{color:#798475;font-size:14px;line-height:1.7}.voice-card{background:#e8ede3;padding:38px;max-width:600px}.voice-card h2,.voice-roster h2,.voice-stage h2{font-size:30px}.voice-form,.voice-form form{display:flex;flex-direction:column;align-items:stretch;gap:15px}.voice-form .eyebrow{margin:0}.voice-form label{flex:none}.voice-form button{align-self:start}.copy-button{background:transparent;border:1px solid #9aab94;color:#526b4d}.voice-room{display:grid;grid-template-columns:260px 1fr;min-height:430px;background:#edf1e9}.voice-roster{padding:30px;border-right:1px solid #d7dfd2}.voice-roster .eyebrow{margin-bottom:8px}.voice-roster h2{font-size:24px}.voice-roster ul{list-style:none;padding:20px 0 0;margin:0}.voice-roster li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;overflow-wrap:anywhere}.voice-roster small{color:#94a38f}.avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#d6e2d2;color:#5a7154}.voice-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.voice-stage .eyebrow{margin:20px 0 8px}.voice-stage p:not(.eyebrow){color:#81907b;font-size:13px}.voice-pulse{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:#d5e1d0;color:#71896a;font-size:52px}.voice-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:25px}.voice-actions button{background:#73896d}.voice-actions .leave-button{background:#806a66}@media(max-width:700px){.voice-room{grid-template-columns:1fr}.voice-roster{border-right:0;border-bottom:1px solid #d7dfd2}.voice-stage{min-height:300px}.voice-card{padding:25px}.main-nav{gap:0}.main-nav .header-note{display:none}}:root{font-family:DM Sans,sans-serif;color:#282c26;background:#f7f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #dedfd5}.brand,footer span:first-child{font-size:12px;font-weight:700;letter-spacing:.14em}.brand-icon{color:#74896b;font-size:25px;vertical-align:middle;margin-right:9px}.header-note,footer{font-size:12px;color:#858a7f}.intro{padding:100px 7% 90px;display:flex;justify-content:space-between;align-items:center}.eyebrow{color:#798c71;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 20px}h1,h2,h3{font-family:Playfair Display,serif;font-weight:500;margin:0}h1{font-size:clamp(48px,6vw,82px);line-height:1.08;letter-spacing:-.04em}h1 em{color:#859878;font-weight:500}.description{max-width:400px;color:#737a6d;line-height:1.8;font-size:15px;margin:25px 0 0}.intro-mark{font-size:160px;color:#dfe6d9;padding-right:10%}.upload-section{margin:0 7%;padding:34px 40px;background:#e8ede3;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.upload-section h2,.gallery-heading h2{font-size:30px}.upload-section p:not(.eyebrow),.gallery-heading>p{color:#7a8275;font-size:12px}.upload-section .eyebrow{margin-bottom:10px}form{display:flex;align-items:end;gap:12px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;min-width:0;flex:1}input{width:100%;height:44px;border:1px solid #cdd6c8;background:#fafbf8;padding:10px;font:inherit;font-weight:400;color:#30382e}input[type=file]{padding:9px;font-size:11px}button{height:44px;white-space:nowrap;border:0;padding:0 22px;background:#70866a;color:#fff;font:600 12px DM Sans,sans-serif;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.gallery-section{padding:95px 7%}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.gallery-heading .eyebrow{margin-bottom:10px}.count{font:500 12px DM Sans,sans-serif;vertical-align:middle;color:#7e8d78;background:#e6ece2;border-radius:20px;padding:5px 9px;margin-left:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}figure{margin:0}figure a{display:block;background:#e8eae3;aspect-ratio:4/3;overflow:hidden}figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}figure a:hover img{transform:scale(1.03)}figcaption{display:flex;justify-content:space-between;gap:10px;padding:14px 0;font-size:12px}figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}time{color:#93998d;white-space:nowrap}.empty{text-align:center;padding:65px 15px;background:#eff1ea;color:#899284}.empty span{font-size:40px;color:#a3b29b}.empty h3{font-size:24px;color:#4a5546;margin-top:10px}.empty p{font-size:13px}.message{padding:12px;background:#e8ede3;color:#4e5d49;font-size:13px}footer{margin:0 7%;padding:30px 0;border-top:1px solid #dedfd5;display:flex;justify-content:space-between}@media(max-width:800px){.intro{padding:65px 7%}.intro-mark{font-size:80px;padding:0}.upload-section{grid-template-columns:1fr;padding:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}form{flex-wrap:wrap}form label{flex-basis:40%}form button{width:100%}}@media(max-width:500px){.header-note,.intro-mark{display:none}header{height:70px}.grid{grid-template-columns:1fr}.gallery-section{padding-top:65px}.gallery-heading>p{display:none}form label{flex-basis:100%}footer span:last-child{display:none}}button.brand{height:auto;border:0;padding:0;background:none;color:inherit;cursor:pointer}.intro-link{display:inline-block;margin-top:32px;color:#62775b;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.13em}.intro-link span{font-size:17px;margin-left:10px}.gallery-card{height:auto;display:block;width:100%;padding:0;text-align:left;white-space:normal;background:none;color:inherit;font:inherit}.card-image{position:relative;aspect-ratio:4/3;background:#e6eae1;overflow:hidden}.card-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease,transform 1s ease;pointer-events:none}.card-frame.active{opacity:1}.card-frame.slide{transform:translate(12%)}.card-frame.slide.active{transform:translate(0)}.card-frame.zoom{transform:scale(1.12)}.card-frame.zoom.active{transform:scale(1)}.card-empty{position:absolute;inset:0;display:grid;place-items:center;color:#aab8a2;font-size:60px}.card-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f8faf5;color:#566a50;font-size:17px;transition:transform .2s}.gallery-card:hover .card-arrow{transform:translate(3px,-3px)}.card-info{display:flex;justify-content:space-between;gap:12px;padding:17px 0}.card-info h3{font-size:21px}.card-info p{font-size:12px;color:#858d80;margin:6px 0;line-height:1.5}.photo-count{white-space:nowrap;color:#8a9286;font-size:11px;padding-top:5px}.manage-section{margin:0 7% 90px;background:#e8ede3;padding:45px}.manage-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.manage-heading h2{font-size:32px}.manage-heading p:not(.eyebrow){font-size:13px;color:#7a8275}.token-field{max-width:300px;width:100%}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editor{display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:26px;background:#f7f9f4}.editor-title{display:flex;align-items:baseline;gap:14px;margin-bottom:5px}.editor-title span{font-size:11px;color:#94a78d}.editor-title h3{font-size:23px}.editor label{flex:none;gap:7px}.editor input,.editor select,.editor textarea,.token-field input{font:400 13px DM Sans,sans-serif}.editor textarea,.editor select{width:100%;border:1px solid #cdd6c8;background:#fafbf8;color:#30382e;padding:11px;min-height:44px}.editor textarea{min-height:70px;resize:vertical}.optional{font-size:10px;font-weight:400;color:#90998a}.primary-button{align-self:start;margin-top:4px}.gallery-detail{min-height:70vh}.back-link{height:auto;background:none;color:#71856a;padding:0;margin-bottom:50px;font-size:12px}.detail-title{font-size:clamp(40px,5vw,64px)}.detail-description{font-size:14px;color:#818b7b}.image-tile{display:block;position:relative;width:100%;height:auto;padding:0;aspect-ratio:4/3;overflow:hidden;background:#e8eae3}.image-tile img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-tile:hover img{transform:scale(1.04)}.image-tile span{position:absolute;bottom:14px;right:14px;background:#fafbf7;color:#42503e;padding:10px;font-size:11px;opacity:0;transition:opacity .2s}.image-tile:hover span,.image-tile:focus-visible span{opacity:1}.viewer-open{overflow:hidden}.viewer{position:fixed;inset:0;z-index:10;background:#181e17f7;color:#f2f4ed;display:flex;flex-direction:column;padding:25px 5%;animation:viewer-in .25s ease}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.13em}.viewer-counter{color:#9ba797;margin-left:22px}.viewer-close,.viewer-nav{background:none;color:#f2f4ed;font:400 32px DM Sans,sans-serif;padding:0;width:48px;height:48px}.viewer-body{display:flex;align-items:center;justify-content:center;gap:20px;min-height:0;flex:1}.viewer-picture{height:100%;min-width:0;display:flex;justify-content:center;align-items:center;animation:viewer-in .35s ease}.viewer-picture img{max-height:100%;max-width:100%;object-fit:contain}.viewer-details{display:flex;justify-content:space-between;gap:25px;padding:22px 65px 0}.viewer-details h2{font-size:24px}.viewer-details p{font-size:13px;color:#b6c1b2;margin:8px 0}.viewer-details>span{text-align:right;font-size:10px;line-height:1.8;letter-spacing:.08em;color:#a9b5a5}.viewer-nav:disabled{opacity:.25}.viewer-close:hover,.viewer-nav:hover{color:#a8c09d}@keyframes viewer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.manage-heading{align-items:start;flex-direction:column}.token-field{max-width:none}.manage-section{padding:25px}.manage-grid{grid-template-columns:1fr}.viewer-body{gap:2px}.viewer-nav{width:35px;flex:none}.viewer-details{padding:20px 35px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
