@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Kaisei+Tokumin:wght@400;500&family=Manrope:wght@400;600;700&family=Zen+Kurenaido&display=swap";:root{font-family:Manrope,Hiragino Kaku Gothic ProN,sans-serif;color:#191816;background:#f3f0e9;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d4ca;position:sticky;top:0;background:#f3f0e9ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.brand{font-weight:700;font-size:1.25rem;letter-spacing:-.06em}.brand span{font-size:.55em;color:#d44739;margin-left:2px}nav{display:flex;align-items:center;gap:28px;font-size:.8rem}nav button:last-child,.primary{background:#191816;color:#f3f0e9;padding:13px 18px;min-height:44px}.textButton{border-bottom:1px solid #191816}.hero{max-width:1200px;margin:auto;padding:13vw 5vw 12vw}.eyebrow{font:500 .68rem DM Mono,monospace;letter-spacing:.12em;color:#8b8174;margin:0 0 18px}.hero h1{font-size:clamp(3.1rem,8vw,7.8rem);line-height:1.05;letter-spacing:-.085em;font-weight:600;margin:0;max-width:900px}.hero em{font-style:normal;color:#d44739}.lead{font-size:1.05rem;margin:34px 0 32px;color:#6c655c}.primary{display:inline-flex;gap:35px;align-items:center}.primary span{font-size:1.2em}.discover{background:#e7e2d9;padding:100px 5vw}.sectionHead{max-width:1200px;margin:0 auto 42px;display:flex;justify-content:space-between;align-items:end}.sectionHead h2,.how h2{font-size:clamp(2rem,4vw,4rem);line-height:1.1;letter-spacing:-.07em;margin:0}.search{border-bottom:1px solid #8b8174;padding:8px 0;color:#8b8174}.search input{border:0;background:none;outline:none;width:230px;margin-left:8px}.grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.photo{position:relative;text-align:left;padding:0;overflow:hidden;min-height:340px;grid-column:span 4}.photo1{margin-top:80px}.photo2{grid-column:span 4;margin-top:30px}.photo img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;filter:saturate(.82)}.photo:hover img{transform:scale(1.03);transition:transform .4s}.caption{position:absolute;bottom:0;left:0;right:0;padding:45px 18px 16px;color:#fff;background:linear-gradient(transparent,#191816aa);display:flex;flex-direction:column}.caption small{font-size:.72rem;opacity:.8}.how{max-width:1200px;padding:120px 5vw 150px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9vw;margin-top:80px}.steps b{font:1rem DM Mono;color:#d44739}.steps h3{font-size:2rem;margin:18px 0 4px}.steps p{color:#6c655c;max-width:250px}footer{border-top:1px solid #d9d4ca;padding:35px 5vw;display:flex;justify-content:space-between;color:#8b8174;font-size:.8rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#19181699;z-index:5;display:grid;place-items:center;padding:20px}.modal{background:#f3f0e9;max-width:900px;width:100%;display:grid;grid-template-columns:1fr 1fr}.modal>img{width:100%;height:100%;min-height:500px;object-fit:cover}.modal>div{padding:38px}.modal h2{font-size:2.7rem;line-height:1.1;letter-spacing:-.07em}.modal hr{border:0;border-top:1px solid #d9d4ca;margin:30px 0}.close{float:right;text-decoration:underline}.toast{position:fixed;bottom:22px;right:22px;background:#191816;color:#fff;padding:14px 18px;z-index:8;max-width:350px;font-size:.85rem}.toast button{color:#fff;margin-left:15px}@media(max-width:700px){header{height:62px;padding:0 20px}nav a,nav .textButton{display:none}nav button:last-child{padding:9px 12px;font-size:.7rem}.hero{padding:100px 20px 90px}.lead{font-size:.9rem}.desktop{display:none}.discover{padding:70px 20px}.sectionHead{display:block}.search{display:block;margin-top:25px}.grid{gap:10px}.photo,.photo2{grid-column:span 6;margin-top:0;min-height:230px}.photo img{min-height:230px}.photo:nth-child(3){grid-column:span 12}.how{padding:80px 20px}.steps{grid-template-columns:1fr;gap:35px;margin-top:50px}.modal{display:block;max-height:90vh;overflow:auto}.modal>img{height:260px;min-height:0}.modal>div{padding:24px}.modal h2{font-size:2rem}footer{padding:25px 20px;display:block}footer small{display:block;margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.demoLink{color:#d44739;text-decoration:underline}.demoDialog{border:0;background:#f3f0e9;color:#191816;max-width:680px;width:calc(100% - 32px);padding:38px;box-shadow:0 20px 70px #19181655}.demoDialog::backdrop{background:#19181699}.demoDialog h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.07em;margin:0 0 30px}.progress{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9d4ca;border-bottom:1px solid #d9d4ca;margin-bottom:35px}.progress span{padding:12px 8px 14px;color:#9a9186;font-size:.68rem}.progress span.active{color:#191816}.progress b{display:block;font:.7rem DM Mono;color:#d44739;margin-bottom:4px}.demoBody{display:grid;gap:20px}.demoBody label{display:grid;gap:7px;font-size:.8rem}.demoBody input,.demoBody textarea{border:1px solid #c7c0b5;background:#faf8f3;padding:12px;font:inherit}.demoBody textarea{min-height:100px;resize:vertical}.hint{color:#6c655c;font-size:.85rem}.requestPhoto{display:flex;gap:16px;align-items:center;background:#e7e2d9;padding:12px}.requestPhoto img{width:90px;height:90px;object-fit:cover}.requestPhoto div{display:grid;gap:4px}.requestPhoto small{color:#6c655c}.secondary{justify-self:start;text-decoration:underline}.statusLine{padding:16px;background:#e7e2d9}.statusDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d44739;margin-right:10px}.success{text-align:center;justify-items:center}.successMark{font-size:3rem;color:#d44739}@media(max-width:700px){.demoLink{display:none}.demoDialog{padding:24px}.progress span{font-size:.58rem}}.uploadPanel{background:#f3f0e9;max-width:620px;width:100%;padding:38px;box-shadow:0 20px 70px #19181655;display:grid;gap:18px}.uploadPanel h2,.inboxPanel h2{font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.07em;margin:0}.uploadPanel label:not(.dropzone):not(.check){display:grid;gap:7px;font-size:.8rem}.uploadPanel input:not([type=checkbox]),.uploadPanel select{border:1px solid #c7c0b5;background:#faf8f3;padding:12px;font:inherit}.dropzone{border:1px dashed #9a9186;min-height:130px;display:grid;place-items:center;text-align:center;padding:20px;color:#6c655c}.dropzone input{display:none}.check{display:flex;gap:8px;align-items:center;font-size:.8rem}.uploadPanel .primary:disabled{opacity:.4;cursor:not-allowed}.inboxButton{position:relative}.inboxButton i{font-style:normal;color:#fff;background:#d44739;border-radius:99px;padding:1px 6px;font-size:.65rem;margin-left:3px}.inboxPanel{background:#f3f0e9;max-width:620px;width:100%;padding:38px;box-shadow:0 20px 70px #19181655}.notification{display:flex;gap:16px;padding:20px 0;border-top:1px solid #d9d4ca}.notification.read{opacity:.55}.notificationIcon{color:#d44739}.notification p{color:#6c655c;font-size:.9rem;margin:7px 0}.notification small{font-size:.7rem;color:#8b8174}.inboxPanel hr{border:0;border-top:1px solid #d9d4ca;margin:30px 0}.reportButton{display:block;margin-top:18px;color:#8b8174;text-decoration:underline;font-size:.75rem}:focus-visible{outline:3px solid #d44739;outline-offset:3px}.search input:focus{outline:2px solid #d44739;outline-offset:2px}.photo:focus-visible{outline-offset:-3px}:root{--soft-radius:18px;--soft-radius-lg:28px}button,.primary,input,select,textarea,.photo,.uploadPanel,.inboxPanel,.modal,.demoDialog,.projectList article{border-radius:var(--soft-radius)}.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:0 0 var(--soft-radius-lg) var(--soft-radius-lg)}.heroReel{position:absolute;inset:7% 4% auto auto;width:min(38vw,460px);height:230px;border-radius:var(--soft-radius-lg);overflow:hidden;opacity:.18;z-index:-1;background:linear-gradient(135deg,#d44739,#e7e2d9 55%,#191816)}.heroReel video{width:100%;height:100%;object-fit:cover}.reelLabel{position:absolute;right:18px;bottom:14px;color:#fff;font:500 .65rem DM Mono,monospace;letter-spacing:.08em}.hero h1{font-family:Zen Kurenaido,Hiragino Mincho ProN,serif;font-weight:400;letter-spacing:-.04em}.how h2,.projects h2,.portfolio h2,.modal h2,.uploadPanel h2,.inboxPanel h2{font-family:Kaisei Tokumin,serif;font-weight:500;letter-spacing:-.06em}.tagBar{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tagBar button,.detailTags button{padding:6px 11px;border:1px solid #c7c0b5;font-size:.72rem;color:#6c655c}.tagBar button.active,.tagBar button:hover,.detailTags button:hover{background:#191816;color:#f3f0e9}.caption{border-radius:0 0 var(--soft-radius) var(--soft-radius)}.detailTags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.usedWorkLink{display:block;margin-top:18px;color:#d44739;text-decoration:underline;font-size:.82rem}.projects{padding:90px 5vw;background:#f8f5ef}.projects h2{font-size:clamp(2rem,5vw,4.5rem);margin:0}.projects>p:not(.eyebrow){color:#6c655c;max-width:520px}.projectList{max-width:1200px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:40px auto 0}.projectList article{background:#e7e2d9;padding:28px;min-height:210px}.projectList article span{font:500 .68rem DM Mono;color:#d44739}.projectList h3{font-size:1.8rem;margin:14px 0 4px}.projectList p{color:#6c655c}.accountLinks{border-top:1px solid #d9d4ca;margin-top:25px}.accountLinks button{display:block;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid #d9d4ca;text-decoration:underline}.shortVideo{background:#eee8df}.adminEntry{max-width:1200px;margin:0 auto;padding:0 5vw 30px}.fieldError{margin:0;color:#b12f2b;font-size:.82rem}@media(max-width:700px){.heroReel{inset:8% 20px auto auto;width:calc(100% - 40px);height:170px;opacity:.13}.hero h1{font-size:clamp(2.8rem,14vw,5rem)}.projectList{grid-template-columns:1fr}.projects{padding:70px 20px}.projects h2{font-size:2.8rem}}.emptyState{border-top:1px solid #c7c0b5;border-bottom:1px solid #c7c0b5;padding:55px 0;color:#6c655c}.emptyState b{color:#191816;font-size:1.1rem}.emptyState p{margin:8px 0 20px}.requestActions{max-width:1200px;margin:0 auto;padding:18px 5vw 70px;color:#6c655c}.requestActions p:not(.eyebrow){font-size:.85rem}.requestActions button{margin-right:20px}.workLinks{max-width:1200px;margin:0 auto;padding:0 5vw 90px}.workLinks h3{font-size:2rem;letter-spacing:-.05em;margin:0}.workLinks p:not(.eyebrow){color:#6c655c}.workLinks a{color:#d44739;text-decoration:underline}.portfolio{background:#191816;color:#f3f0e9;padding:110px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.portfolio h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.07em;line-height:1.1;margin:0 0 22px}.portfolio p:not(.eyebrow){color:#b8b0a5;max-width:380px}.portfolioLinks{border-top:1px solid #5b554e}.portfolioLinks button{display:block;width:100%;text-align:left;color:#f3f0e9;border-bottom:1px solid #5b554e;padding:22px 0}.portfolioLinks button:hover{color:#e66a5d}@media(max-width:700px){.portfolio{display:block;padding:80px 20px}.portfolioLinks{margin-top:45px}}
