@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-vietnamese-wght-normal.0r91virwwy7i7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-ext-wght-normal.0b8fr24hsg_rp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/newsreader-latin-wght-normal.1tkuwlnjs9jrl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-sans-cyrillic-ext-wght-normal.3j8lj0v_6xa4t.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-sans-cyrillic-wght-normal.2-ng4r9nkege_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-sans-vietnamese-wght-normal.2-7bwx0oe_opm.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-sans-latin-ext-wght-normal.36c85xzhf_bgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(../media/nunito-sans-latin-wght-normal.33k3t1ym5m2yc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f3ead9;--paper-deep:#e6d9c1;--ink:#0b311e;--ink-soft:#3a5746;--leaf:#2d7443;--leaf-pale:#b4cea3;--coral:#e45f4a;--gold:#dcb142;--danger:#b6322b;--surface:#faf4ea;--line:#98977b;--font-display:"Newsreader Variable", Georgia, serif;--font-body:"Nunito Sans Variable", "Gill Sans", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow:0 20px 60px #1327171f}@supports (color:lab(0% 0 0)){:root{--paper:lab(93.1221% 1.12966 9.58475);--paper-deep:lab(87.3398% 1.91423 13.4903);--ink:lab(17.2031% -17.9994 7.92508);--ink-soft:lab(34.4814% -14.4465 6.37649);--leaf:lab(43.336% -32.0418 20.0916);--leaf-pale:lab(79.8819% -14.8318 18.4663);--coral:lab(57.8453% 51.8563 39.0293);--gold:lab(74.741% 8.08615 60.3298);--danger:lab(42.6627% 53.1093 37.3843);--surface:lab(96.572% .629455 5.71606);--line:lab(62.0253% -3.33679 15.058);--shadow:0 20px 60px lab(13.5138% -11.9784 7.79059/.12)}}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{min-height:100vh;font-family:var(--font-body);background:var(--paper);margin:0;font-size:1rem;line-height:1.5}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:var(--ink)}.skip-link{z-index:999;background:var(--ink);color:var(--paper);padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.shell{min-height:100vh;position:relative;overflow:hidden}.shell:before{content:"";pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");position:fixed;inset:0}.top-nav{border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(1rem,4vw,4rem);display:flex;position:relative}.brand{letter-spacing:.02em;align-items:center;gap:.75rem;font-weight:850;display:flex}.brand-mark{width:37px;height:37px;color:var(--paper);background:var(--ink);border-radius:50% 50% 50% 16%;place-items:center;display:grid;transform:rotate(-8deg)}.brand-mark svg{transform:rotate(8deg)}.nav-meta{color:var(--ink-soft);font-size:.875rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--coral);margin:0;font-size:.75rem;font-weight:850}.page{z-index:1;width:min(1440px,100%);margin:0 auto;padding:clamp(3rem,8vw,7.5rem) clamp(1rem,5vw,5rem) 5rem;position:relative}.hero{grid-template-columns:minmax(0,1.2fr) minmax(240px,.5fr);align-items:end;gap:clamp(2rem,8vw,8rem);padding-bottom:clamp(3rem,7vw,6rem);display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.055em;max-width:9ch;margin:1.5rem 0 0;font-size:clamp(3.5rem,8vw,8rem);font-weight:560;line-height:.83}.hero-note{max-width:28rem;color:var(--ink-soft);border-left:2px solid var(--coral);padding-left:2rem;font-size:clamp(1rem,1.4vw,1.25rem)}.hero-note strong{color:var(--ink)}.button{min-height:44px;transition:transform .15s var(--ease-out), background .15s var(--ease-out), color .15s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.72rem 1.15rem;font-weight:800;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:var(--coral)}.button.secondary{background:var(--paper-deep);color:var(--ink)}.button.ghost{color:var(--ink-soft);background:0 0}.button.danger{background:color-mix(in oklch, var(--danger) 14%, var(--paper));color:var(--danger)}.button.icon-only{width:44px;padding:0}.gallery-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.gallery-heading h2{font:520 clamp(2rem, 4vw, 3.5rem)/1 var(--font-display);letter-spacing:-.035em;margin:.4rem 0 0}.gallery-filters{border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem 2rem;padding:1rem 0 1.5rem;display:flex}.gallery-filters>div{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.gallery-filters span{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-right:.4rem;font-size:.72rem;font-weight:900}.gallery-filters button{border:1px solid var(--line);background:0 0;min-height:36px;padding:.35rem .75rem;font-size:.78rem;font-weight:800}.gallery-filters button.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.filter-empty{border-block:1px solid var(--line);text-align:center;align-content:center;place-items:center;gap:1rem;min-height:240px;display:grid}.filter-empty h3{font:550 2rem/1 var(--font-display);margin:0}.project-list{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);animation:row-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms);grid-template-columns:100px minmax(0,1fr) 180px auto;align-items:center;gap:clamp(1rem,3vw,3rem);padding:1.25rem 0;display:grid}@keyframes row-in{0%{opacity:0;transform:translateY(14px)}}.project-thumb{aspect-ratio:4/5;border:1px solid var(--ink);background:var(--leaf-pale);font-family:var(--font-display);place-items:center;font-size:1.75rem;font-style:italic;display:grid;overflow:hidden;transform:rotate(-2deg)}.project-row:nth-child(2n) .project-thumb{background:var(--gold);transform:rotate(2deg)}.project-name{min-width:0}.project-name h3{font:600 clamp(1.3rem, 2vw, 2rem)/1.1 var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.project-name p,.project-date{color:var(--ink-soft);margin:.35rem 0 0;font-size:.875rem}.row-actions{justify-content:flex-end;gap:.25rem;display:flex}.empty-state{border-block:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:2rem;min-height:330px;display:grid}.empty-state h2{font:550 clamp(2.5rem, 6vw, 5rem)/.95 var(--font-display);max-width:10ch;margin:0 0 1rem}.empty-bird{color:var(--ink-soft);transform:rotate(-8deg)}.import-label input{opacity:0;pointer-events:none;position:absolute}.actions-cluster{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status{min-height:1.5rem;color:var(--ink-soft);margin-top:1rem;font-size:.875rem}.form-page{grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);min-height:calc(100vh - 76px);display:grid}.form-intro{background:var(--ink);color:var(--paper);flex-direction:column;justify-content:space-between;padding:clamp(3rem,8vw,7rem) clamp(1.5rem,6vw,6rem);display:flex;position:relative;overflow:hidden}.form-intro:after{content:"↗";font:300 20rem/1 var(--font-display);color:#f3ead914;color:lab(93.1221% 1.12966 9.58475/.08);position:absolute;bottom:-6rem;right:-1rem}.form-intro h1{font:520 clamp(3.2rem, 7vw, 6.5rem)/.88 var(--font-display);letter-spacing:-.05em;max-width:7ch;margin:1.5rem 0}.form-intro p{max-width:27rem;color:var(--leaf-pale)}.step-count{letter-spacing:.14em;font-size:.8rem;font-weight:800}.project-form{background:var(--surface);padding:clamp(2.5rem,7vw,6rem)}.field{gap:.5rem;margin-bottom:2rem;display:grid}.field label,.field-label{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:850}.field input,.field textarea,.field select{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:100%;padding:.85rem 0}.field input{font:500 clamp(1.5rem, 3vw, 2.6rem)/1.2 var(--font-display)}.field input[aria-invalid=true]{border-bottom-color:#a83a2d}.field-error{color:#8e2f25;letter-spacing:.01em;margin:.15rem 0 0;font-size:.86rem;font-weight:750}.field textarea{resize:vertical;min-height:90px}.format-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.choice{border:1px solid var(--line);cursor:pointer;min-height:120px;transition:border .15s, background .15s, transform .15s var(--ease-out);flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:relative}.choice:hover{transform:translateY(-2px)}.choice:has(input:checked){border-color:var(--ink);background:var(--paper)}.choice:has(input:disabled){cursor:not-allowed;opacity:.48;background:color-mix(in srgb, var(--surface) 86%, var(--paper))}.choice:has(input:disabled):hover{transform:none}.choice input{opacity:0;position:absolute}.choice strong{font-family:var(--font-display);font-size:1.3rem}.choice span{color:var(--ink-soft);font-size:.8rem}.choice.compact-choice{min-height:94px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.template-choice{border:1px solid var(--line);cursor:pointer;min-height:150px;transition:transform .15s var(--ease-out), background .15s;padding:1.1rem;position:relative}.template-choice:hover{transform:translateY(-2px)rotate(-.4deg)}.template-choice:has(input:checked){background:var(--ink);color:var(--paper)}.template-choice input{opacity:0;position:absolute}.template-choice i{background:var(--accent);width:34px;height:4px;margin-bottom:1.5rem;display:block}.template-choice strong{font-family:var(--font-display);font-size:1.3rem;display:block}.template-choice span{opacity:.76;margin-top:.4rem;font-size:.82rem;display:block}@media (max-width:800px){.hero{grid-template-columns:1fr}.hero-note{margin-left:1rem}.project-row{grid-template-columns:64px 1fr auto}.project-date,.row-actions .button:not(.icon-only) span{display:none}.form-page{grid-template-columns:1fr}.form-intro{min-height:380px}}@media (max-width:520px){.nav-meta{display:none}.page{padding-top:3rem}.gallery-heading{flex-direction:column;align-items:start}.project-row{gap:.75rem}.project-thumb{width:54px}.row-actions{flex-direction:column}.format-options,.template-grid{grid-template-columns:1fr}.empty-state{grid-template-columns:1fr;padding:3rem 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}