@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Italiana&display=swap');
:root{color-scheme:light;--cream:#fffcee;--ink:#634f48}*{box-sizing:border-box}body{margin:0;min-height:100vh;border:5px solid #f5eee8;color:var(--cream);font-family:'DM Sans',sans-serif;background:#d89ba9 url('assets/background.png') center/cover fixed}nav{display:flex;justify-content:center;gap:16px;padding:33px 16px 0}nav a{border:1px solid #fff9e8;border-radius:30px;min-width:88px;text-align:center;padding:3px 12px;font-size:14px;color:inherit;line-height:18px}nav a:hover,nav a:focus-visible{background:#f7d6c8;color:#796550}h1,h2,h3{font-family:'Italiana',Georgia,serif;font-weight:400}h1{font-size:clamp(52px,7vw,78px);text-align:center;margin:77px 0 0;letter-spacing:-3px}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #775a48;outline-offset:5px}.projects{max-width:1110px;margin:140px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:0 45px}.project{text-decoration:none;text-align:center;min-width:0}.collage{position:relative;height:310px;margin:auto;max-width:300px;transition:transform .35s}.project:hover .collage{transform:translateY(-9px) rotate(-1deg)}.folder-back{position:absolute;inset:8px 17px 14px 21px;background:#e7cca0;border-radius:7px 9px 5px 5px;transform:rotate(3deg);box-shadow:-3px 0 5px #8f704a24}.folder-back:before{content:'';position:absolute;right:-18px;top:10px;width:29px;height:92px;border-radius:0 9px 9px 0;background:#ecd2ac}.folder-front{position:absolute;inset:14px 27px 9px 12px;background:linear-gradient(100deg,#e4caa0,#f6dfb9 52%,#efd2a9);border-radius:3px 6px 12px 4px;transform:rotate(2deg);box-shadow:inset 3px 0 5px #a0875e25}.tab-label{position:absolute;right:0;top:36px;writing-mode:vertical-rl;color:#735b45;font-size:8px;font-style:italic;transform:rotate(3deg)}.photo{position:absolute;display:block;object-fit:cover;border:4px solid #fffcf1;border-bottom-width:13px;background:#d8d0bf;box-shadow:0 1px 3px #4c302425;width:35%;height:115px;object-position:var(--crop,50% 50%)}.photo:nth-of-type(1){left:-5%;top:66px;transform:rotate(0deg);width:33%;height:123px}.photo:nth-of-type(2){left:33%;top:8px;transform:rotate(-5deg);width:39%;height:132px}.photo:nth-of-type(3){left:24%;top:190px;transform:rotate(1deg);width:39%;height:110px}.photo:nth-of-type(4){right:-3%;top:211px;transform:rotate(14deg);width:28%;height:89px;border:0}.project:nth-child(2) .photo:nth-of-type(1){top:28px;left:6%;transform:rotate(-7deg);width:28%;height:101px}.project:nth-child(2) .photo:nth-of-type(2){top:0;left:49%;width:30%;height:93px;transform:rotate(1deg)}.project:nth-child(2) .photo:nth-of-type(3){top:82px;left:43%;width:38%;height:76px;transform:rotate(10deg)}.project:nth-child(2) .photo:nth-of-type(4){top:171px;left:0;width:33%;height:123px;transform:rotate(8deg);border:5px solid #fff9eb;border-bottom-width:15px}.project:nth-child(2) .photo:nth-of-type(5){top:197px;left:40%;width:36%;height:105px;transform:rotate(1deg)}.project:nth-child(2) .photo:nth-of-type(6){top:234px;right:-1%;width:30%;height:95px;transform:rotate(6deg);border:4px solid #1e1e19}.project:nth-child(3) .photo:nth-of-type(1){top:38px;left:0;transform:rotate(-5deg);width:31%;height:102px}.project:nth-child(3) .photo:nth-of-type(2){top:4px;left:42%;width:32%;height:101px;transform:rotate(4deg)}.project:nth-child(3) .photo:nth-of-type(3){top:151px;left:16%;height:119px;width:37%;border:0}.project:nth-child(3) .photo:nth-of-type(4){top:97px;right:-1%;width:29%;height:100px;transform:rotate(17deg)}.project:nth-child(3) .photo:nth-of-type(5){top:203px;left:-7%;width:29%;height:103px;border:0}.project:nth-child(3) .photo:nth-of-type(6){top:230px;right:-2%;width:38%;height:103px;transform:rotate(-1deg)}.project h2{font-size:38px;line-height:.96;margin:35px 0 12px;letter-spacing:-1.4px}.project p{font-size:13px;line-height:1.6;margin:0 auto;max-width:245px}footer{text-align:center;padding:70px 0 22px;font-size:11px}footer a{opacity:.7}.page{max-width:900px;margin:0 auto;padding:0 30px}.page>p{text-align:center;line-height:1.8;max-width:650px;margin:25px auto 55px}.back{display:inline-block;margin-top:35px;font-size:13px}.content-card{background:#fff8e9e8;color:var(--ink);padding:32px;border-radius:4px;margin:25px 0}.content-card h2{font-size:34px;margin:0 0 16px}.content-card p{white-space:pre-line;line-height:1.8}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery img{width:100%;height:230px;object-fit:cover;border:7px solid #fff9ee;border-bottom:25px solid #fff9ee;transform:rotate(-2deg)}.gallery img:nth-child(even){transform:rotate(3deg)}.editor{max-width:920px;margin:35px auto;padding:25px;background:#fff9eeeF;color:var(--ink);border-radius:8px}.editor h1{font-size:48px;letter-spacing:-1px;margin:0 0 20px}.editor h2{font-size:30px}.notice{font-size:13px;line-height:1.6;background:#eee1ce;padding:16px;border-radius:4px}.editor label{display:block;font-size:13px;margin:15px 0 5px}.editor input:not([type=range]),.editor textarea{width:100%;border:1px solid #c9b9a7;border-radius:3px;padding:10px;background:#fffdf7;color:var(--ink)}.editor textarea{min-height:110px}.editor button,.button{display:inline-block;padding:10px 18px;border:1px solid #9c7b68;background:#f1d4c6;color:var(--ink);border-radius:25px;text-decoration:none;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.edit-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-control{padding:12px;background:#f2e7d6}.photo-control img{width:100%;height:145px;object-fit:cover}.editor input[type=file]{font-size:11px}.status{min-height:24px;font-size:13px}details{border-top:1px solid #d7c7b6;padding:20px 0}summary{cursor:pointer;font-size:19px}.file-list a{display:block;margin:12px 0}.empty{opacity:.85;font-size:14px}@media(min-width:1200px){.projects{margin-top:155px}.collage{height:330px}.project h2{margin-top:38px}}@media(max-width:700px){nav{gap:9px;padding-top:24px}nav a{min-width:65px;padding:3px 10px;font-size:12px}h1{margin-top:66px;font-size:59px}.projects{grid-template-columns:1fr;gap:70px;margin-top:85px;padding:0 35px}.collage{width:280px;height:320px}.project h2{margin-top:27px}.project p{max-width:265px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img{height:190px}.edit-photos{grid-template-columns:repeat(2,1fr)}.editor{margin:25px 12px;padding:20px}.page{padding:0 22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}