/* Rizen site skin: carries the homepage's language (grid paper, Dirty Line display type, tangerine on black, pill nav)
   across every other page. Loads after site.css and home.css; the theme's section markup is untouched. */

/* tokens the theme reads, remapped to the homepage palette */
.rz-skin{--paper:#EAE7E4;--band:#F3F1EE;--ink:#121214;--body:#55524F;--soft:#8C8884;--line:rgba(18,18,20,.14);--navy:#121214;
  --or-btn:#B35407;--or-tint:#FBE6D2;--r:14px;--r-lg:18px;--f:'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
html.rz-skin-html{background:#EAE7E4}
.rz-skin{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5}
.rz-skin p{margin:0 0 15px;color:var(--ink-2)}
.rz-skin .wrap{max-width:none;padding-inline:var(--gl) var(--gr)}

/* the dither field and the cursor trail belong to the old design */
.rz-skin .herodither,.rz-skin .pagetrail,.rz-skin .hero::before,.rz-skin .hero::after{display:none!important}

/* display type: capitals go punk, lowercase stays clean, exactly as on the homepage */
.rz-skin h1,.rz-skin .h1,.rz-skin h2.h2,.rz-skin .h2,.rz-skin .shead{font-family:var(--disp);font-weight:400;letter-spacing:-.01em;line-height:1}
.rz-skin .h1{font-size:clamp(44px,7vw,106px);max-width:16ch}
.rz-skin .h2,.rz-skin .shead{font-size:clamp(36px,5.3vw,80px);max-width:16ch}
.rz-skin .h3,.rz-skin h3{font-family:var(--sans);font-weight:800;letter-spacing:-.03em;line-height:1.1}
.rz-skin .ncard .h3,.rz-skin .audc h3,.rz-skin .step h3,.rz-skin .plan h3,.rz-skin .srow h3{font-size:clamp(20px,1.7vw,26px)}
.rz-skin .kicker,.rz-skin .marker .lb,.rz-skin .shw-meta,.rz-skin .srow .num,.rz-skin .step .n,.rz-skin .ncard .nmeta,.rz-skin .plan .pl{font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:500}

/* fixed pill nav, same as home */
.rz-skin .nav.site{position:fixed;background:none;border:0;backdrop-filter:none}
/* buttons: the theme's pills take the homepage button shape */
.rz-skin .pill.acc,.rz-skin .pill.plain,.rz-skin .pill.onink{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 7px 0 20px;border-radius:999px;font:600 15px var(--sans);text-decoration:none;transition:transform .3s var(--ease),background .3s}
.rz-skin .pill.acc{background:var(--or);color:var(--ink);border:0}
.rz-skin .pill.acc:hover{background:#FFA24D;color:var(--ink)}
.rz-skin .pill.acc .ic,.rz-skin .pill.onink .ic{width:34px;height:34px;background:var(--ink)}
.rz-skin .pill.acc .ic svg,.rz-skin .pill.onink .ic svg{stroke:#fff;transition:transform .35s var(--ease)}
.rz-skin .pill.acc:hover .ic{background:var(--ink)}
.rz-skin .pill.acc:hover .ic svg{stroke:#fff;transform:rotate(-45deg)}
.rz-skin .pill.plain{border:1px solid var(--line-2);background:transparent;padding:0 20px}
.rz-skin .pill.plain:hover{background:rgba(18,18,20,.05);border-color:var(--line-2)}
.rz-skin .chip{background:transparent;border:1px solid var(--line-2);font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;box-shadow:none}
.rz-skin .chip .st{background:var(--or)}
.rz-skin .chip .st svg{stroke:var(--ink)}

/* hero on grid paper */
.rz-skin .hero{border-bottom:0;background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cpath d='M120.5 0V240M0 120.5H240' stroke='%23121214' stroke-opacity='.055'/%3E%3Cpath d='M120.5 113V128M113 120.5H128' stroke='%23121214' stroke-opacity='.4'/%3E%3C/svg%3E");background-size:240px 240px;background-position:center -120px}
.rz-skin .hero .wrap{padding-block:calc(130px + env(safe-area-inset-top,0px)) clamp(60px,7vw,100px)}
.rz-skin .kicker{color:var(--or-txt);margin-bottom:26px;display:flex;align-items:center;gap:14px}
.rz-skin .kicker::before{content:"";width:40px;height:1px;background:var(--ink)}
.rz-skin .hero .sub,.rz-skin .hero .lead{color:var(--ink-2);font-size:clamp(17px,1.35vw,20px);max-width:48ch;margin-top:26px}
.rz-skin .btns{margin-top:30px}
@media (max-width:700px){.rz-skin .hero{background-size:160px 160px;background-position:center -80px}}

/* sections and bands */
.rz-skin section{padding-block:clamp(70px,9vw,130px)}
.rz-skin .on-band{background:var(--paper)}
.rz-skin .marker{gap:14px;margin-bottom:clamp(36px,5vw,64px);padding-top:14px;border-top:1px solid var(--ink)}
.rz-skin .marker .n{width:auto;height:auto;background:none;color:var(--or-txt);font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;font-weight:500}
.rz-skin .marker .lb{border:0;background:none;padding:0;color:var(--ink)}
.rz-skin .slead{color:var(--ink-2)}

/* cards and rows */
.rz-skin .audc,.rz-skin .plan,.rz-skin details,.rz-skin form.lead,.rz-skin .proj .cv,.rz-skin .photo .fr{border-color:var(--line-2);border-radius:20px;background:#fff}
.rz-skin .plan.hi{background:var(--blk);border-color:var(--blk)}
.rz-skin .plan .amt{font-family:var(--disp);font-weight:400;letter-spacing:0}
.rz-skin .step .n{width:auto;height:auto;background:none;color:var(--or-txt);margin-bottom:12px;display:block}
.rz-skin .srv,.rz-skin .shw{border-top-color:var(--line-2)}
.rz-skin .srow,.rz-skin .shw-row{border-bottom-color:var(--line-2)}
.rz-skin .srow .num{color:var(--or-txt);padding-top:.6em}
.rz-skin .srow .who{background:transparent;border:1px solid rgba(179,84,7,.45);color:var(--or-txt);font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.rz-skin .shw-name{font-family:var(--disp);font-weight:400;font-size:clamp(22px,2.8vw,42px);letter-spacing:-.01em}
.rz-skin .shw-row:hover .shw-name{color:var(--or-txt)}
.rz-skin .shw-name::after{display:none}
.rz-skin summary{font-weight:700;font-size:17px}
.rz-skin summary:hover{color:var(--or-txt)}
.rz-skin .fld label{font:500 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}
.rz-skin .fld input,.rz-skin .fld textarea,.rz-skin .fld select{border:1px solid var(--line-2);border-radius:12px;background:#fff}
.rz-skin .fld input:focus,.rz-skin .fld textarea:focus,.rz-skin .fld select:focus{outline:2px solid var(--or)}
.rz-skin .prose a,.rz-skin .ncard:hover h3,.rz-skin .flinks a:hover{color:var(--or-txt)}
.rz-skin .ncard .nimg,.rz-skin .nhero{border-radius:18px}

/* contact dialog (theme markup, homepage look) */
.rz-skin dialog.cm{border:0;border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 40px 120px rgba(0,0,0,.35)}
.rz-skin dialog.cm::backdrop{background:rgba(10,10,12,.55);backdrop-filter:blur(6px)}
.rz-skin .cm-head{padding:28px 28px 0}
.rz-skin .cm-head .h3{font-size:30px}
.rz-skin .cm-x{background:transparent;border:1px solid var(--line-2);border-radius:50%;padding:9px}
.rz-skin form.lead.cm-form{padding:20px 28px 28px}
.rz-skin .fhint{color:var(--ink-3);font-size:12.5px}

/* footer uses the homepage classes already; keep it on black */
.rz-skin .foot{margin-top:0}

/* WordPress admin bar */
.admin-bar.rz-skin .nav{top:calc(14px + 32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){.admin-bar.rz-skin .nav{top:calc(14px + 46px)}}

/* neutralise homepage-only layout rules that share class names with the theme */
.rz-skin .hero{display:block;min-height:0;grid-template-columns:none;padding:0;overflow:visible;align-items:initial}
.rz-skin .hero .wrap{position:relative;z-index:2}
.rz-skin .hero h1.h1{font-size:clamp(44px,7vw,106px);font-weight:400;letter-spacing:-.01em;line-height:1;max-width:16ch;margin-top:0}
.rz-skin h2.shead,.rz-skin .shead{display:block;border-top:0;padding-top:0}
.rz-skin .prose ul,.rz-skin .post-body ul,.rz-skin .ans ul{list-style:disc;padding-left:20px}
.rz-skin .prose ol,.rz-skin .post-body ol{list-style:decimal;padding-left:20px}
.rz-skin .prose a,.rz-skin .post-body a{text-decoration:underline;text-underline-offset:3px}
.rz-skin .plan li,.rz-skin .audc li,.rz-skin .qz-res li{list-style:none}

/* glass object riding the page hero */
.rz-skin .hero{overflow:visible}
.rz-skin .hero-glass{position:absolute;right:max(2%,calc(var(--gr) - 20px));top:50%;transform:translateY(-46%);width:min(30vw,400px);aspect-ratio:1;z-index:3;pointer-events:auto}
.rz-skin .hero-glass canvas{width:100%;height:100%;cursor:grab;touch-action:pan-y}
.rz-skin .hero-glass canvas:active{cursor:grabbing}
.rz-skin .hero .wrap{padding-right:max(var(--gr),34vw)}
@media (max-width:900px){.rz-skin .hero-glass{display:none}.rz-skin .hero .wrap{padding-right:var(--gr)}}

/* project gallery: big mockups of each site in its own shop */
.rz-skin .rz-gal{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px) clamp(20px,2.5vw,36px);margin-top:clamp(28px,4vw,48px)}
.rz-skin .rz-gal-item{display:block;color:inherit;text-decoration:none}
.rz-skin .rz-gal-item:nth-child(4n+1),.rz-skin .rz-gal-item:nth-child(4n+4){grid-column:span 2}
.rz-skin .rz-gal-item:nth-child(4n+1) .rz-gal-img,.rz-skin .rz-gal-item:nth-child(4n+4) .rz-gal-img{aspect-ratio:2/1}
.rz-skin .rz-gal-img{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line-2);aspect-ratio:3/2}
.rz-skin .rz-gal-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.rz-skin .rz-gal-item:hover .rz-gal-img img{transform:scale(1.03)}
.rz-skin .rz-gal-txt{display:flex;gap:18px;padding:18px 4px 0;align-items:flex-start}
.rz-skin .rz-gal-txt .n{color:var(--or-txt);padding-top:.55em}
.rz-skin .rz-gal-title{font-family:var(--disp);font-weight:400;font-size:clamp(26px,3vw,46px);line-height:1;letter-spacing:-.01em;display:flex;align-items:center;gap:.3em;margin:0}
.rz-skin .rz-gal-title .go{width:.6em;height:.6em;display:inline-grid;place-items:center;color:var(--or-txt)}
.rz-skin .rz-gal-title .go svg{width:100%;height:100%;stroke:currentColor;fill:none}
.rz-skin .rz-gal-meta{display:block;margin:8px 0 10px;color:var(--ink-3)}
.rz-skin .rz-gal-txt p{max-width:52ch;margin:0}
@media (max-width:800px){.rz-skin .rz-gal{grid-template-columns:1fr}.rz-skin .rz-gal-item{grid-column:span 1!important}}