/*
 * DIY Garage — новый дизайн (перенос из прототипа Claude Design, 2026-10).
 * Подключается после style.css и перекрывает его глобальные правила.
 * Все классы с префиксом dg-.
 */
:root{
  --dg-bg:#F5F3EE; --dg-ink:#111; --dg-card:#FAFAF7; --dg-line:#D7D5CF; --dg-soft:#E9E8E4;
  --dg-orange:#FF5A00; --dg-orange-dk:#B33F00; --dg-lime:#D7FF3F; --dg-blue:#4D63FF; --dg-pink:#FF4FA3;
  --dg-gap:clamp(16px,4vw,48px);
  --dg-u:'Unbounded',sans-serif; --dg-o:'Onest',system-ui,sans-serif; --dg-m:'JetBrains Mono',monospace;
  --dg-os:'Oswald',sans-serif; --dg-c:'Caveat',cursive;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dg-bg);color:var(--dg-ink);font-family:var(--dg-o);font-size:17px;line-height:1.6;overflow-x:hidden}
body.dg-lock{overflow:hidden}
body a{color:var(--dg-ink);text-decoration:none}
body h1,body h2,body h3{font-family:var(--dg-o);text-transform:none;letter-spacing:0;margin:0}
::selection{background:var(--dg-lime);color:var(--dg-ink)}
:focus-visible{outline:3px solid var(--dg-blue);outline-offset:3px;border-radius:4px}
img{display:block;max-width:100%}
.dg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dg-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--dg-ink);color:var(--dg-bg)!important;padding:10px 14px;border-radius:6px}
.dg-skip:focus{left:8px}
.dg-wrap{max-width:1440px;margin:0 auto;padding:0 var(--dg-gap)}
.dg-mono{font:700 11px var(--dg-m);letter-spacing:.1em;text-transform:uppercase}
.dg-chip{display:inline-block;border:1px solid var(--dg-ink);border-radius:4px;padding:3px 7px;font:600 13px/1.1 var(--dg-os);letter-spacing:.05em;text-transform:uppercase}
.dg-chip--fill{border-color:transparent;padding:6px 10px}
.dg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:26px;background:var(--dg-ink);color:var(--dg-bg)!important;font-weight:700;border:0;cursor:pointer;font-family:var(--dg-o);font-size:17px;transition:transform .15s,background .15s}
.dg-btn:hover{background:#333}
.dg-btn--orange{background:var(--dg-orange);color:var(--dg-ink)!important}
.dg-btn--orange:hover{background:#FF7A33;transform:translateX(4px)}
.dg-btn--ghost{background:transparent;color:var(--dg-ink)!important;border:1.5px solid var(--dg-ink)}
.dg-btn--ghost:hover{background:var(--dg-soft)}

/* ---------- header ---------- */
.dg-spacer{height:80px}
.dg-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(245,243,238,0);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,padding .25s;padding:18px var(--dg-gap);font-family:var(--dg-o);color:var(--dg-ink);margin:0}
.dg-header.is-scrolled{background:rgba(245,243,238,.97);border-bottom-color:var(--dg-line);padding-top:8px;padding-bottom:8px}
body.admin-bar .dg-header{top:32px}
.dg-header__in{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:24px}
.dg-logo{display:flex;align-items:center;gap:6px;flex:none;min-height:44px;font-family:var(--dg-u);font-weight:900;font-size:16px;letter-spacing:-.02em}
.dg-logo b{background:var(--dg-ink);color:var(--dg-bg);padding:5px 7px 4px;border-radius:4px;font-weight:900}
.dg-logo sup{font:700 9px var(--dg-m);align-self:flex-start}
.dg-nav{display:flex;gap:4px;flex:1;justify-content:center}
.dg-nav a{display:flex;align-items:center;padding:10px;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:inset 0 -2px 0 transparent;transition:background .15s}
.dg-nav a:hover{background:var(--dg-soft)}
.dg-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--dg-ink)}
.dg-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.dg-search-btn{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border:1px solid var(--dg-ink);border-radius:22px;background:transparent;color:var(--dg-ink);font:500 14px var(--dg-o);cursor:pointer;transition:background .15s}
.dg-search-btn:hover{background:var(--dg-soft)}
.dg-search-btn kbd{font:700 11px var(--dg-m);border:1px solid var(--dg-ink);border-radius:4px;padding:1px 5px}
.dg-burger{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:22px;background:var(--dg-ink);color:var(--dg-bg);cursor:pointer;transition:background .15s}
.dg-burger:hover{background:var(--dg-orange);color:var(--dg-ink)}
.dg-x{width:48px;height:48px;border-radius:24px;border:1px solid currentColor;background:transparent;display:grid;place-items:center;cursor:pointer;color:inherit}
.dg-x:hover{background:currentColor}
.dg-x:hover svg{color:var(--dg-bg)}
.dg-overlay{position:fixed;inset:0;z-index:100;overflow-y:auto;display:none}
.dg-overlay.is-open{display:block}
.dg-overlay--search{background:var(--dg-bg);color:var(--dg-ink)}
.dg-overlay--menu{background:var(--dg-ink);color:var(--dg-bg)}
.dg-overlay__in{max-width:1100px;margin:0 auto;padding:var(--dg-gap)}
.dg-overlay--menu .dg-overlay__in{max-width:1440px;display:grid;gap:clamp(28px,5vw,56px)}
.dg-overlay__top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.dg-sq-title{margin:clamp(24px,6vw,64px) 0 20px!important;font:900 clamp(44px,9vw,120px)/.9 var(--dg-u)!important;letter-spacing:-.04em!important;text-transform:uppercase!important}
.dg-sq-input{width:100%;border:0;border-bottom:3px solid var(--dg-ink);background:transparent;font:500 clamp(22px,3.4vw,36px) var(--dg-o);padding:12px 0;color:var(--dg-ink);outline:none;border-radius:0}
.dg-sq-input:focus{border-bottom-color:var(--dg-orange)}
.dg-pop{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dg-pop a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:20px;border:1px solid var(--dg-ink);font:500 15px var(--dg-o)}
.dg-pop a:hover{background:var(--dg-ink);color:var(--dg-bg)}
.dg-bignav{display:grid}
.dg-bignav a{display:flex;align-items:baseline;gap:clamp(12px,2vw,24px);padding:clamp(8px,1.2vw,14px) 0;border-bottom:1px solid #333;color:var(--dg-bg);transition:color .15s,padding .2s}
.dg-bignav a:hover{color:var(--dg-orange);padding-left:12px}
.dg-bignav i{font:700 12px var(--dg-m);font-style:normal;min-width:28px}
.dg-bignav span{font:900 clamp(26px,5.4vw,72px)/1 var(--dg-u);letter-spacing:-.04em;text-transform:uppercase}
.dg-menu-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.dg-menu-cols div{display:grid;gap:10px;align-content:start}
.dg-menu-cols a{color:var(--dg-bg);font-size:18px;min-height:32px}
.dg-menu-cols .dg-mono{color:#999}

/* ---------- section scaffolding ---------- */
.dg-sec{max-width:1440px;margin:clamp(56px,8vw,112px) auto 0;padding:0 var(--dg-gap);scroll-margin-top:80px}
.dg-sec__head{display:flex;align-items:baseline;gap:14px;border-top:2px solid var(--dg-ink);padding-top:12px;margin-bottom:clamp(16px,2.4vw,28px);flex-wrap:wrap}
.dg-sec__head>span:first-child{font:700 12px var(--dg-m)}
.dg-sec__head h2{margin:0;font:800 clamp(22px,3vw,40px)/1 var(--dg-u);letter-spacing:-.03em;text-transform:uppercase}
.dg-sec__head a,.dg-sec__head .dg-aside{margin-left:auto;font:700 11px var(--dg-m);letter-spacing:.1em;text-transform:uppercase}
.dg-sec__head a{text-decoration:underline;text-decoration-color:var(--dg-orange);text-underline-offset:3px}

/* ---------- hero ---------- */
.dg-hero{max-width:1440px;margin:0 auto;padding:8px var(--dg-gap) 0;position:relative}
.dg-hero h1{margin:clamp(8px,1.4vw,16px) 0 0!important;font:900 clamp(56px,15.4vw,236px)/.84 var(--dg-u)!important;letter-spacing:-.055em!important;text-transform:uppercase!important;overflow-wrap:normal}
.dg-hero h1 span{display:block}
.dg-hand{position:absolute;left:47%;top:3.2vw;margin:0;font:600 clamp(24px,2.3vw,36px)/1.05 var(--dg-c);color:var(--dg-orange);transform:rotate(-4deg);max-width:300px}
.dg-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;margin-top:28px}
.dg-hero__txt{grid-column:1 / span 5;display:grid;gap:20px}
.dg-hero__lead{margin:0;font:800 clamp(22px,2.2vw,34px)/1.08 var(--dg-u);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}
.dg-hero__txt p{margin:0;max-width:440px;color:#333;text-wrap:pretty}
.dg-hero__txt .dg-lead{max-width:none;color:var(--dg-ink)}
.dg-hero__btns{display:flex;gap:10px;flex-wrap:wrap}
.dg-board{grid-column:6 / span 7;position:relative;background:var(--dg-ink);color:var(--dg-bg);border-radius:18px;padding:22px 26px;min-height:240px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:20px;background-image:repeating-linear-gradient(0deg,transparent 0 23px,rgba(245,243,238,.07) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(245,243,238,.07) 23px 24px)}
.dg-board__row{display:flex;justify-content:space-between;font:700 11px var(--dg-m);letter-spacing:.1em;color:#999}
.dg-board small{display:block;font:700 12px var(--dg-m);letter-spacing:.1em;color:#999;margin-bottom:12px}
.dg-word{display:inline-block;font:900 clamp(34px,4vw,60px)/1.05 var(--dg-u);letter-spacing:-.04em;color:var(--dg-orange);white-space:nowrap}
.dg-ruler{transition:width .24s cubic-bezier(.2,.7,.2,1);margin-top:10px;height:14px;width:60%;box-sizing:border-box;border-left:2px solid var(--dg-bg);border-right:2px solid var(--dg-bg);background:repeating-linear-gradient(90deg,var(--dg-bg) 0 1px,transparent 1px 8px) bottom/100% 8px no-repeat,linear-gradient(var(--dg-bg),var(--dg-bg)) bottom/100% 2px no-repeat}
.dg-board em{display:block;margin-top:12px;font:600 32px/1 var(--dg-c);font-style:normal;color:var(--dg-lime);transform:rotate(-3deg);transform-origin:left}
.dg-board__foot{font:700 11px var(--dg-m);letter-spacing:.1em;border-top:1px dashed #555;padding-top:12px}

/* ---------- featured ---------- */
.dg-feat{background:var(--dg-ink);color:var(--dg-bg);border-radius:clamp(20px,2.4vw,32px);padding:clamp(12px,1.4vw,18px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);position:relative;overflow:hidden}
.dg-feat__img{display:block;border-radius:clamp(12px,1.6vw,22px);overflow:hidden;aspect-ratio:1/1;background:#242424}
.dg-feat__img img,.dg-card__img img,.dg-row__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dg-feat__img:hover img{transform:scale(1.04)}
.dg-feat__body{display:flex;flex-direction:column;gap:20px;padding:clamp(4px,2vw,28px) clamp(16px,3vw,40px) clamp(10px,2vw,28px) 0;position:relative}
.dg-feat__bg{position:absolute;right:clamp(8px,2vw,28px);top:clamp(4px,1vw,18px);width:clamp(150px,19vw,290px);height:auto;fill:#1f1f1f;pointer-events:none;z-index:0}
.dg-feat__body>*:not(.dg-feat__bg){position:relative;z-index:1}
.dg-feat h3{margin:0;font:800 clamp(24px,2.7vw,42px)/1.04 var(--dg-u)!important;letter-spacing:-.035em!important;text-transform:uppercase!important;text-wrap:balance;hyphens:auto;overflow-wrap:break-word;min-width:0;padding-right:clamp(8px,1.5vw,20px)}
.dg-feat h3 a{color:var(--dg-bg)}
.dg-feat h3 a:hover{color:var(--dg-orange)}
.dg-feat p{margin:0;color:#CFCDC7;max-width:460px;text-wrap:pretty}
.dg-dl{margin:auto 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #444;border-radius:12px;overflow:hidden}
.dg-dl div{padding:16px 14px 12px;background:repeating-linear-gradient(90deg,#555 0 1px,transparent 1px 8px) top/100% 6px no-repeat}
.dg-dl div+div{border-left:1px solid #444}
.dg-dl dt{font:700 10px var(--dg-m);letter-spacing:.1em;text-transform:uppercase;color:#999}
.dg-dl dd{margin:4px 0 0;font-weight:700;font-size:17px}

/* ---------- fresh ---------- */
.dg-fresh{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(16px,2vw,28px)}
.dg-fresh--one{grid-template-columns:minmax(0,1fr)}
.dg-big{display:grid;gap:14px;transition:transform .25s}
.dg-big:hover{transform:translateY(-4px)}
.dg-big__img{border-radius:20px;overflow:hidden;aspect-ratio:5/4;background:var(--dg-soft);position:relative}
.dg-big__img img{width:100%;height:100%;object-fit:cover}
.dg-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font:700 11px var(--dg-m);letter-spacing:.08em;text-transform:uppercase}
.dg-meta time,.dg-meta .dg-dim{color:#555;font:500 12px var(--dg-m);letter-spacing:0;text-transform:none}
.dg-big h3{margin:0;font:800 clamp(22px,2.4vw,34px)/1.08 var(--dg-u)!important;letter-spacing:-.03em!important;text-wrap:balance}
.dg-big p{margin:0;color:#444;max-width:620px;text-wrap:pretty}
.dg-side{display:grid;gap:16px;align-content:start}
.dg-row{display:grid;grid-template-columns:clamp(96px,10vw,140px) minmax(0,1fr);gap:16px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--dg-line);transition:transform .2s}
.dg-row:hover{transform:translateX(4px)}
.dg-row__img{border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:var(--dg-soft)}
.dg-row>div:last-child{display:grid;gap:8px}
.dg-row h3{margin:0;font:700 clamp(17px,1.5vw,21px)/1.25 var(--dg-o)!important;text-wrap:pretty}

/* ---------- rubrics ---------- */
.dg-rubs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}
.dg-rub{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:clamp(132px,16vw,220px);padding:20px;border:1.5px solid var(--dg-ink);border-radius:20px;background:var(--dg-card);transition:background .2s,color .2s,transform .2s}
.dg-rub:hover{background:var(--dg-ink);color:var(--dg-bg)}
.dg-rub:hover{transform:translateY(-3px)}
.dg-rub__top{display:flex;justify-content:space-between;align-items:center;font:700 12px var(--dg-m)}
.dg-rub__dot{width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor}
.dg-rub strong{display:block;font:800 clamp(20px,2vw,28px)/1 var(--dg-u);letter-spacing:-.03em;text-transform:uppercase;margin-bottom:6px}
.dg-rub span.d{font-size:15px;opacity:.75}
.dg-rub:hover{color:var(--dg-bg)}

/* ---------- reading grid ---------- */
.dg-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--dg-gap)) clamp(16px,2vw,24px);padding:2px var(--dg-gap)}
.dg-filters button{flex:none;min-height:44px;padding:0 18px;border-radius:22px;border:1.5px solid var(--dg-ink);background:transparent;color:var(--dg-ink);font:600 15px var(--dg-o);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s}
.dg-filters button:hover{background:var(--dg-soft)}
.dg-filters button[aria-pressed=true]{background:var(--dg-ink);color:var(--dg-bg)}
.dg-filters button small{font:700 11px var(--dg-m);opacity:.7}
.dg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,2vw,28px) clamp(16px,1.6vw,24px)}
.dg-card{display:grid;gap:12px;transition:transform .25s}
.dg-card:hover{transform:translateY(-4px)}
.dg-card[hidden]{display:none}
.dg-card__img{border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--dg-soft);position:relative;border:1px solid var(--dg-line)}
.dg-card__img .dg-chip{position:absolute;left:12px;top:12px;background:var(--dg-bg)}
.dg-card h3{margin:0;font:700 20px/1.25 var(--dg-o)!important;text-wrap:pretty}
.dg-ph{position:absolute;inset:12px;border:1.5px dashed #9A9892;border-radius:10px;display:grid;place-items:center;text-align:center;font:700 11px/1.6 var(--dg-m);letter-spacing:.08em;color:#6B6964;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(17,17,17,.035) 14px 15px)}

/* ---------- shelf ---------- */
.dg-shelf-arrows{margin-left:auto;display:flex;gap:6px}
.dg-shelf-arrows button{width:44px;height:44px;border-radius:22px;border:1.5px solid var(--dg-ink);background:transparent;cursor:pointer;font-size:18px;color:var(--dg-ink)}
.dg-shelf-arrows button:hover{background:var(--dg-ink);color:var(--dg-bg)}
.dg-stamp-tag{transform:rotate(-4deg);background:var(--dg-lime);border:1.5px solid var(--dg-ink);border-radius:4px;padding:3px 8px;font:600 12px/1.1 var(--dg-os);letter-spacing:.05em;text-transform:uppercase}
.dg-shelf{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:-10px calc(-1 * var(--dg-gap)) 0;padding:16px var(--dg-gap) 0;scroll-padding:0 var(--dg-gap)}
.dg-item{flex:none;width:clamp(248px,24vw,300px);scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:18px;border:1.5px solid var(--dg-ink);border-bottom:0;border-radius:16px 16px 0 0;background:var(--dg-card);transition:transform .2s}
a.dg-item:hover{transform:translateY(-6px)}
.dg-item__top{display:flex;justify-content:space-between;font:700 11px var(--dg-m);letter-spacing:.08em}
.dg-item strong{font:800 19px/1.15 var(--dg-u);letter-spacing:-.02em}
.dg-item p{margin:0;font-size:15px;line-height:1.45;color:#333;flex:1}
.dg-item__foot{border-top:1px dashed var(--dg-ink);padding-top:10px;font:500 12px/1.5 var(--dg-m);color:#444}
.dg-plank{height:12px;background:var(--dg-ink);border-radius:3px;margin:0 calc(-1 * clamp(8px,2vw,24px))}
.dg-plank+div{height:10px;background:repeating-linear-gradient(90deg,var(--dg-ink) 0 1px,transparent 1px 10px);opacity:.35;margin-top:4px}

/* ---------- surprise ---------- */
.dg-sur{background:#242424;color:var(--dg-bg);border-radius:clamp(20px,2.4vw,32px);padding:clamp(24px,4vw,56px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:clamp(24px,4vw,56px);align-items:center;position:relative;overflow:hidden}
.dg-sur>div:first-child{display:grid;gap:18px}
.dg-sur .eb{font:700 12px var(--dg-m);color:#999;letter-spacing:.06em}
.dg-sur h2{margin:0;font:900 clamp(32px,5vw,72px)/.92 var(--dg-u)!important;letter-spacing:-.045em!important;text-transform:uppercase!important}
.dg-sur p{margin:0;color:#CFCDC7;max-width:440px}
.dg-sur__btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.dg-sur__btns a{color:var(--dg-bg);font-size:15px;text-decoration:underline}
.dg-sur button{min-height:56px;padding:0 28px;border-radius:28px;border:0;background:var(--dg-orange);color:var(--dg-ink);font:800 16px var(--dg-u);letter-spacing:-.01em;cursor:pointer;transition:transform .15s,background .15s}
.dg-sur button:hover{background:#FF7A33;transform:rotate(-2deg) scale(1.03)}
.dg-sur button:disabled{opacity:.7;cursor:progress}
.dg-tick{position:relative;max-width:520px;width:100%;justify-self:stretch}
.dg-tick::before{content:"";position:absolute;top:-12px;left:40%;width:110px;height:26px;background:rgba(215,255,63,.85);transform:rotate(-3deg);z-index:2}
.dg-pick{display:grid;gap:12px;background:var(--dg-bg);color:var(--dg-ink);border-radius:16px;padding:22px;transform:rotate(1.2deg);box-shadow:8px 8px 0 var(--dg-ink);transition:transform .2s}
.dg-pick:hover{transform:rotate(0)}
.dg-pick__top{display:flex;justify-content:space-between;font:700 11px var(--dg-m);letter-spacing:.1em}
.dg-pick strong{font:800 clamp(20px,2vw,28px)/1.1 var(--dg-u);letter-spacing:-.03em}
.dg-pick__go{font-weight:700;border-top:1px dashed var(--dg-ink);padding-top:10px}
.dg-empty{border:1.5px dashed #777;border-radius:16px;padding:40px 22px;display:grid;gap:8px;text-align:center}
.dg-empty b{font:600 28px var(--dg-c);color:var(--dg-lime)}
.dg-empty span{font:500 12px var(--dg-m);color:#999}

/* ---------- diary + about ---------- */
.dg-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,4vw,56px)}
.dg-diary{list-style:none;margin:0;padding:0}
.dg-diary li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--dg-line)}
.dg-diary time{font:700 12px/1.9 var(--dg-m)}
.dg-diary p{margin:0;text-wrap:pretty}
.dg-about{border:1.5px solid var(--dg-ink);border-radius:20px;padding:clamp(20px,2.4vw,32px);display:grid;gap:16px;align-content:start;background:var(--dg-card);position:relative}
.dg-about h2{margin:0;font:800 clamp(20px,2vw,28px)/1.15 var(--dg-u)!important;letter-spacing:-.025em!important;max-width:90%}
.dg-about p{margin:0;color:#333}
.dg-seal{position:absolute;right:20px;top:-16px;width:72px;height:72px;border-radius:50%;border:2px solid var(--dg-orange);color:var(--dg-orange);display:grid;place-items:center;text-align:center;font:700 9px/1.2 var(--dg-m);letter-spacing:.06em;transform:rotate(12deg);background:var(--dg-bg)}
.dg-about>a{font-weight:700;text-decoration:underline;text-decoration-color:var(--dg-orange);text-underline-offset:3px}

/* ---------- footer ---------- */
.dg-footer{background:var(--dg-ink);color:var(--dg-bg);font-family:var(--dg-o);padding:clamp(48px,7vw,96px) var(--dg-gap) 28px;border-radius:clamp(20px,3vw,36px) clamp(20px,3vw,36px) 0 0;margin:clamp(56px,8vw,112px) 0 0}
.dg-footer__in{max-width:1440px;margin:0 auto;display:grid;gap:clamp(40px,6vw,72px)}
.dg-footer__logo{font:900 clamp(52px,14vw,210px)/.82 var(--dg-u);letter-spacing:-.05em;overflow-wrap:normal}
.dg-footer__logo span{color:var(--dg-orange)}
.dg-footer__hand{margin:0;font:600 30px/1.15 var(--dg-c);color:var(--dg-lime);transform:rotate(-1.5deg);transform-origin:left}
.dg-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:28px;padding-top:32px;border-top:1px solid #333}
.dg-footer__cols nav{display:grid;gap:8px;align-content:start}
.dg-footer__cols .dg-mono{color:#999}
.dg-footer a{color:var(--dg-bg);min-height:28px}
.dg-footer a:hover{color:var(--dg-orange)}
.dg-footer__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font:500 12px var(--dg-m);color:#999;letter-spacing:.04em}

/* ---------- stamp cursor ---------- */
.dg-stamp{position:fixed;left:0;top:0;z-index:60;pointer-events:none;opacity:0;transition:opacity .15s;background:var(--dg-ink);color:var(--dg-lime);font:700 12px var(--dg-m);letter-spacing:.08em;padding:8px 10px;border-radius:4px;white-space:nowrap}

/* ---------- responsive ---------- */
@media (max-width:1099px){.dg-nav{display:none}}
@media (max-width:959px){.dg-fresh{grid-template-columns:minmax(0,1fr)}}
@media (max-width:759px){
  .dg-spacer{height:64px}
  .dg-header{padding-top:10px;padding-bottom:10px}
  .dg-search-btn .dg-hide-m{display:none}
  .dg-hand,.dg-hero__grid .dg-board{display:none}
  .dg-hero__grid{display:block}
  .dg-hero__txt{gap:18px}
  .dg-hero__txt .dg-lead{font-size:22px}
  .dg-feat{grid-template-columns:minmax(0,1fr)}
  .dg-mboard{display:block}
  .dg-diary li{grid-template-columns:84px minmax(0,1fr)}
}
@media (min-width:760px){.dg-mboard{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.dg-feat__body>.dg-chip{align-self:flex-start}

/* ---------- плавное появление: состояние задаёт CSS, класс dg-js ставится в <head> ---------- */
@keyframes dgIn{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
.dg-js [data-intro]{opacity:0;animation:dgIn .6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes dgInHand{from{opacity:0;transform:translate3d(0,24px,0) rotate(-4deg)}to{opacity:1;transform:rotate(-4deg)}}
.dg-js .dg-hand[data-intro]{animation-name:dgInHand}
.dg-js [data-intro="1"]{animation-delay:.08s}
.dg-js [data-intro="2"]{animation-delay:.16s}
.dg-js [data-intro="3"]{animation-delay:.24s}
.dg-js [data-intro="4"]{animation-delay:.32s}
.dg-js [data-intro="5"]{animation-delay:.4s}
.dg-js [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
.dg-js [data-reveal].is-in{opacity:1;transform:none}
/* ---------- вдохновение: мозаика фото ---------- */
.dg-insp{columns:150px 3;column-gap:clamp(10px,1.4vw,20px)}
.dg-insp figure{margin:0 0 clamp(10px,1.4vw,20px);break-inside:avoid}
.dg-insp a{display:block;border-radius:16px;overflow:hidden;background:var(--dg-soft)}
.dg-insp img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dg-insp a:hover img{transform:scale(1.04)}
.dg-insp figcaption{margin-top:6px;font:700 10px var(--dg-m);letter-spacing:.08em;text-transform:uppercase;color:#555}
@media (min-width:900px){.dg-insp{columns:4}}
.dg-word,.dg-hand{will-change:transform,opacity}
.dg-header{will-change:background-color}
@media (prefers-reduced-motion:reduce){.dg-js [data-intro],.dg-js [data-reveal]{opacity:1;transform:none;animation:none;transition:none}}
.dg-item__top{text-transform:uppercase}.dg-item__top a{text-decoration:underline;text-decoration-color:var(--dg-orange);text-underline-offset:3px}.dg-item__foot a{text-decoration:underline;text-decoration-color:var(--dg-orange);text-underline-offset:3px;font-weight:700}