:root{--bg:#f4f5f2;--ink:#17191d;--muted:#646970;--line:#c7cbca;--accent:#2456c7;--surface:#e8ebe9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.5vw,74px);position:relative;z-index:2}.wordmark{font-size:15px;letter-spacing:-.06em;font-weight:800}nav{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:700;letter-spacing:.08em}nav>a{transition:color .2s ease}nav>a:hover{color:var(--accent)}.login,.add-work{border:0;background:var(--ink);color:var(--bg);padding:10px 13px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.06em;transition:transform .2s ease,background .2s ease}.login:hover,.add-work:hover,.save:hover{background:var(--accent);transform:translateY(-2px)}.login:active,.add-work:active,.save:active{transform:translateY(1px)}.hero{min-height:calc(100dvh - 76px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);padding:clamp(48px,8vw,130px) clamp(20px,4.5vw,74px);position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1;align-self:center}.hero h1,.about h2{font-size:clamp(64px,9.8vw,156px);letter-spacing:-.095em;line-height:.81;margin:0;font-weight:800}.hero p{margin:32px 0 0;max-width:290px;font-size:15px;line-height:1.65;color:var(--muted)}.contact-link{position:absolute;bottom:clamp(38px,6vw,80px);left:clamp(20px,4.5vw,74px);font-size:11px;letter-spacing:.08em;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:8px;display:flex;gap:10px;align-items:center;transition:color .2s ease}.contact-link:hover{color:var(--accent);border-color:var(--accent)}.hero-art{align-self:center;height:min(52vw,675px);overflow:hidden;background:var(--surface);clip-path:polygon(20% 0,100% 0,100% 80%,78% 100%,0 100%,0 17%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:58% center;mix-blend-mode:multiply;opacity:.93}.works{padding:clamp(86px,12vw,180px) clamp(20px,4.5vw,74px)}.section-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:13px}.section-bar h2{font-size:14px;letter-spacing:.05em;margin:0}.empty-work{margin-top:28px;border:1px solid var(--ink);background:transparent;padding:14px 16px;display:flex;align-items:center;gap:12px;font-weight:700}.empty-work:hover{color:var(--accent);border-color:var(--accent)}.work-list{display:grid;grid-template-columns:repeat(12,1fr);gap:84px 24px;padding-top:56px}.work-item{position:relative}.work-1{grid-column:span 8}.work-2{grid-column:9/span 4;margin-top:18vw}.work-3{grid-column:2/span 7}.work-image{height:clamp(255px,43vw,700px);display:block;background:var(--surface);overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.04);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .4s ease}.work-image:hover img{transform:scale(1.045);filter:saturate(1)}.work-details{padding-top:15px;display:flex;justify-content:space-between;gap:18px}.work-details h3{font-size:clamp(21px,2vw,31px);letter-spacing:-.065em;margin:0}.work-details p{font-size:13px;line-height:1.55;color:var(--muted);margin:7px 0 0;max-width:320px}.work-meta{font-size:10px;font-weight:700;letter-spacing:.065em;text-align:right;display:grid;align-content:start;gap:8px;white-space:nowrap}.manage{position:absolute;right:10px;top:10px;display:flex;gap:6px}.manage button{background:var(--bg);border:0;width:34px;height:34px;display:grid;place-items:center}.manage button:hover{background:var(--accent);color:#fff}.about{border-top:1px solid var(--line);padding:clamp(86px,12vw,180px) clamp(20px,4.5vw,74px);display:grid;grid-template-columns:1.3fr .7fr;gap:36px}.about h2{font-size:clamp(48px,7.5vw,120px);line-height:.86}.about p{font-size:15px;line-height:1.7;max-width:300px;margin:10px 0 37px;color:var(--muted)}.about a{font-size:11px;letter-spacing:.08em;font-weight:700;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);padding-bottom:8px}.about a:hover{color:var(--accent);border-color:var(--accent)}footer{border-top:1px solid var(--line);padding:22px clamp(20px,4.5vw,74px);font-size:10px;letter-spacing:.06em;font-weight:700;display:flex;justify-content:space-between}footer a{display:flex;gap:8px;align-items:center}.notice{position:fixed;z-index:10;bottom:20px;left:50%;translate:-50% 0;border:0;background:var(--ink);color:var(--bg);padding:13px 15px;display:flex;align-items:center;gap:16px;font-size:12px}.overlay{position:fixed;z-index:8;top:0;right:0;bottom:0;left:0;background:#17191d99;display:grid;place-items:center;padding:20px}.editor{width:min(520px,100%);max-height:90dvh;overflow:auto;background:var(--bg);padding:25px;box-shadow:10px 10px 0 var(--accent)}.editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;font-size:13px;letter-spacing:.07em}.editor-head button{border:0;background:transparent;padding:0}.editor label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin:13px 0}.editor input,.editor textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 0;outline:none;color:var(--ink);font-size:14px}.editor input:focus,.editor textarea:focus{border-color:var(--accent)}.editor textarea{height:74px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.save{border:0;width:100%;margin-top:15px;padding:14px;background:var(--ink);color:var(--bg);display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;letter-spacing:.08em;font-weight:700;transition:transform .2s ease,background .2s ease}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s cubic-bezier(.16,1,.3,1) both}.hero-art{animation:arrive .85s .12s cubic-bezier(.16,1,.3,1) both}@keyframes arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-color-scheme:dark){:root{--bg:#191b1e;--ink:#f0f2ef;--muted:#b9bfbe;--line:#3a3e42;--accent:#7095ee;--surface:#282c30}.hero-art img{mix-blend-mode:screen;opacity:.7}.work-image img{filter:saturate(.55) brightness(.82)}}@media(max-width:720px){header{height:64px}nav{gap:16px}nav>a{display:none}.hero{min-height:calc(100dvh - 64px);display:block;padding:72px 20px 32px}.hero h1{font-size:18vw}.hero-art{height:48vh;margin:52px 0 0;clip-path:polygon(16% 0,100% 0,100% 86%,83% 100%,0 100%,0 12%)}.contact-link{left:20px;bottom:34px}.works{padding:82px 20px}.work-list{display:block;padding-top:42px}.work-item{margin:0 0 50px!important}.work-image{height:78vw}.work-details{display:block}.work-meta{text-align:left;margin-top:15px;display:flex;gap:12px}.about{padding:82px 20px;display:block}.about h2{font-size:15vw}.about p{margin-top:35px}.form-row{grid-template-columns:1fr}.editor{padding:20px}.notice{width:calc(100% - 40px)}footer{padding:20px}}.admin-form{width:min(390px,100%);max-height:90dvh;overflow:auto;background:var(--bg);padding:25px;box-shadow:10px 10px 0 var(--accent)}.admin-form label{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin:13px 0}.admin-form input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 0;outline:none;color:var(--ink);font-size:14px}.admin-form input:focus{border-color:var(--accent)}@media(max-width:720px){.admin-form{padding:20px}}