/* Look AS "Balance": accountants, bookkeepers, financial advisers, insurance brokers. The bookkeeper's analysis pad:
   tinted pad paper, one money column on the right behind a red double rule (every amount, time and the one action
   line up in it, down the whole page), single rules for subtotals and the accountant's double rule for totals,
   red-pencil audit ticks, photos paper-clipped to the pad, and the nav written as an addition.
   Every class starts with as- (stylesheets are global); engine classes (wrap, wk, langs, legal-page, nf, btn) keep theirs.
   Fonts: Besley (a Clarendon, variable 400–900 with italic) and Familjen Grotesk, SIL OFL 1.1, self-hosted in fonts/. */
@font-face{font-family:"Besley AS";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/besley-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Besley AS";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/besley-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Besley AS";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/besley-latin-ext-wght-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Besley AS";font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/besley-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Familjen AS";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/familjen-grotesk-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:"Familjen AS";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/familjen-grotesk-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --pad:#e3f0e1;--band:#d6e9d3;--sheet:#f7fbf6;--ink:#152b1c;--mute:#46594b;--rule:#a9c3a7;--head:#21412b;--pencil:#b04e44;--acc:#1f5a3a;--onacc:#fff;--clip:#7f8a90;--deep:#10301f;--ondeep:#eef6ec;
  --as-fd:"Besley AS",Georgia,serif;--as-ft:"Familjen AS",system-ui,sans-serif;
  --as-max:1180px;--as-pad:clamp(20px,4.4vw,64px);--as-sec:clamp(48px,4.4vw,64px);
  --as-amt:clamp(176px,19vw,250px);--as-tk:44px;--as-gap:clamp(20px,3vw,40px);
  --m-accent:var(--acc);--m-header-bg:var(--pad);--m-head-offset:16px;
  --g-max:var(--as-max);--g-pad:var(--as-pad);--g-bg:var(--pad);--g-paper:var(--pad);--g-surface:var(--sheet);--g-ink:var(--ink);--g-muted:var(--mute);--g-line:var(--rule);--g-accent:var(--acc);--g-radius:0px;--g-fd:var(--as-fd);--g-ft:var(--as-ft);--g-top:0px;
}
.as-f-clerk{--as-ft:"Besley AS",Georgia,serif}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pad);color:var(--ink);font:400 calc(17px*var(--tune-size,1))/1.6 var(--as-ft);font-kerning:normal;-webkit-font-smoothing:antialiased}
.as-f-clerk body,.as-f-clerk{font-size:calc(16.5px*var(--tune-size,1))}
:where(img){display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
h1,h2,h3{font-family:var(--as-fd);font-weight:620;margin:0;letter-spacing:-.012em;text-wrap:balance;color:var(--ink)}
.as-f-clerk :is(h1,h2,h3){font-weight:780;letter-spacing:-.018em}
h1{font-size:calc(clamp(50px,7.9vw,118px)*var(--tune-size,1));line-height:.98;letter-spacing:-.022em}
h2{font-size:calc(clamp(30px,3.6vw,48px)*var(--tune-size,1));line-height:1.08}
h3{font-size:calc(clamp(19px,1.6vw,22px)*var(--tune-size,1));line-height:1.25;letter-spacing:-.005em}
p{margin:0;text-wrap:pretty}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.as-vh{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%)}
h1,h2,h3,summary,dd,dt,.as-btn,.as-row-p,.as-t li span{overflow-wrap:anywhere;hyphens:manual}
.as-amt{font-family:var(--as-fd);font-weight:600;letter-spacing:0;white-space:nowrap}
/* Besley's tabular figures are broken in the variable font (some digits stay at 400), so amounts keep its default figures */
.as-amt.m-count,.as-fig{font-variant-numeric:normal}
.as-wrap,.wrap{width:100%;max-width:calc(var(--as-max) + 2 * var(--as-pad));margin:0 auto;padding:0 var(--as-pad)}

/* ---------- the money column: a red double rule down every section that keeps figures in it ---------- */
.as-col>.as-wrap{position:relative}
.as-col>.as-wrap::after{content:"";position:absolute;top:var(--as-sec);bottom:var(--as-sec);right:calc(var(--as-pad) + var(--as-amt) + var(--as-gap) / 2);width:1px;background:var(--pencil);opacity:.75;pointer-events:none}
.as-sec>.as-wrap{padding-top:var(--as-sec);padding-bottom:var(--as-sec)}
.as-band{background:var(--band)}
.as-head{max-width:calc(100% - var(--as-amt) - var(--as-gap));margin-bottom:clamp(24px,3vw,36px);display:grid;gap:12px}
.as-head p{color:var(--mute);font-size:calc(18px*var(--tune-size,1));max-width:40em}
.as-lede{font-size:calc(clamp(18px,1.5vw,20px)*var(--tune-size,1));line-height:1.5;color:var(--ink)}

/* ---------- buttons: a filled slip with the double rule under it, like a total ---------- */
.as-btn,.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;background:var(--acc);color:var(--onacc);font:600 calc(17px*var(--tune-size,1))/1.2 var(--as-ft);text-decoration:none;border:0;border-radius:0;cursor:pointer;text-align:center}
.as-btn::after,.btn::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:4px;border-top:1px solid var(--acc);border-bottom:1px solid var(--acc)}
.as-btn:hover,.btn:hover{background:var(--head);color:var(--pad)}
.as-link{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}
.as-link::after{content:" →"}

/* ---------- masthead: one row, the name left, the nav written as a sum ending in the one button ---------- */
.as-top{position:relative;z-index:10;border-bottom:1px solid var(--rule)}
.as-top-in{max-width:calc(var(--as-max) + 2 * var(--as-pad));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px;padding-top:12px;padding-bottom:12px}
.as-id{display:flex;align-items:baseline;gap:20px;min-width:0}
.as-name{font:640 calc(clamp(22px,2vw,27px)*var(--tune-size,1))/1.1 var(--as-fd);letter-spacing:-.01em;text-decoration:none}
.as-f-clerk .as-name{font-weight:780}
.as-id .langs{font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.as-sum{display:flex;align-items:center;font-size:calc(17px*var(--tune-size,1));line-height:1.2}
.as-sum ol{display:flex;align-items:baseline;list-style:none;margin:0;padding:0}
.as-sum li{display:flex;align-items:baseline}
.as-sum li a{text-decoration:none;padding:6px 0}
.as-sum li a:hover,.as-sum a[aria-current]{text-decoration:underline}
.as-op{font-family:var(--as-fd);font-weight:600;color:var(--mute)}
.as-sum .as-op{color:var(--pencil);font-size:calc(19px*var(--tune-size,1));padding:0 .6em}
.as-sum li:first-child .as-op{display:none}
.as-pill{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;background:var(--acc);color:var(--onacc);font:600 16px/1.2 var(--as-ft);text-decoration:none;white-space:nowrap}
.as-pill:hover{background:var(--head);color:var(--pad)}
.as-sheet ol{list-style:none;margin:0;padding:0 0 8px;border-bottom:1.5px solid var(--head)}
.as-sheet li{display:grid;grid-template-columns:1.4em 1fr;align-items:baseline}
.as-sheet li a{justify-self:end;text-decoration:none;padding:7px 0}
.as-sheet li a:hover{text-decoration:underline}
.as-eq{display:grid;grid-template-columns:1.4em 1fr;align-items:baseline;margin-top:6px;padding:4px 0 6px;border-bottom:4px double var(--head);font:620 calc(18px*var(--tune-size,1))/1.2 var(--as-fd);text-decoration:none;color:var(--acc)}
.as-eq span:last-child{justify-self:end;text-align:right}
.as-eq:hover span:last-child{text-decoration:underline}
.as-menu{display:none}
@media (max-width:1080px){
  .as-top-in{min-height:0;padding-top:12px;padding-bottom:12px}
  .as-id .langs,.as-sum{display:none}
  .as-menu{display:block}
  .as-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1.5px solid var(--head);font:600 16px/1 var(--as-ft);white-space:nowrap}
  .as-menu summary::-webkit-details-marker{display:none}
  .as-menu[open] summary{background:var(--head);color:var(--pad)}
  .as-menu[open] summary .as-op{color:var(--pad)}
  .as-sheet{position:absolute;left:0;right:0;top:100%;background:var(--sheet);border-bottom:1.5px solid var(--head);padding:18px var(--as-pad) 22px;display:grid;font-size:calc(19px*var(--tune-size,1));box-shadow:0 12px 24px rgb(0 0 0 / .08)}
  .as-sheet .langs{margin-top:16px;justify-content:flex-end}
}

/* ---------- the hero: a big photo on the left, clipped to the pad on the right where the headline sits ---------- */
.as-hero-in{display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);min-height:clamp(600px,calc(100svh - 79px),900px)}
.as-due .as-hero-in{grid-template-columns:minmax(0,52fr) minmax(0,48fr)}
.as-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:calc(clamp(36px,4.4vw,64px)*var(--tune-space,1)) max(var(--as-pad),calc((100vw - var(--as-max)) / 2)) calc(clamp(40px,4.4vw,64px)*var(--tune-space,1)) clamp(36px,4.6vw,72px)}
.as-hero-side{position:relative;min-width:0;order:-1}
.as-photo{position:relative;margin:0}
.as-photo img{width:100%;height:100%;object-fit:cover}
.as-photo .as-clip{position:absolute;z-index:2;width:30px;height:88px;color:var(--clip);filter:drop-shadow(0 1px 0 rgb(255 255 255 / .35))}
.as-hero-pic{position:absolute;inset:0}
.as-hero-pic .as-clip{left:auto;right:-15px;top:clamp(40px,6vw,88px);transform:rotate(90deg)}
.as-tag{font-size:calc(16px*var(--tune-size,1));color:var(--mute);margin-bottom:18px}
.as-hero h1{max-width:9.5ch}
.as-hero .as-lede{max-width:30em;margin-top:clamp(20px,2.4vw,30px)}
.as-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:clamp(24px,2.8vw,34px)}
.as-or{font-size:calc(16px*var(--tune-size,1));color:var(--mute)}
.as-or a{color:var(--ink);font-family:var(--as-fd);font-weight:600;white-space:nowrap}

/* "account": the headline is the title of a T-account, set under it as a compact block */
.as-t{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(var(--r,3),auto) auto;width:100%;max-width:600px;margin-top:calc(clamp(24px,3vw,40px)*var(--tune-space,1));text-align:left}
.as-t::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--head);transform-origin:50% 50%}
.as-t::after{content:"";position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:var(--head);transform-origin:50% 0}
.as-t-side{grid-row:1 / -1;display:grid;grid-template-rows:subgrid;padding:12px 18px 0}
.as-t-you{padding-left:0}
.as-t-side ul{display:contents}
.as-t-total{grid-row:-2 / -1;align-self:end}
.as-t-h{font-size:calc(15px*var(--tune-size,1));color:var(--mute);padding-bottom:6px;border-bottom:1px solid var(--rule)}
.as-t li{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:7px 0;border-bottom:1px solid var(--rule);font-size:calc(16px*var(--tune-size,1));line-height:1.3}
.as-tick{flex:none;width:24px;height:20px;color:var(--pencil)}
.as-t .as-tick{width:20px;height:17px}
.as-t-total{position:relative;margin-top:8px;padding:8px 0 10px;border-top:1.5px solid var(--head);font:620 calc(18px*var(--tune-size,1))/1.25 var(--as-fd)}
.as-t-total::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;border-top:1.5px solid var(--head);border-bottom:1.5px solid var(--head);transform-origin:0 50%}

/* "deadline": the key date on a pad slip laid on the photo, circled in red pencil; the year's calendar below */
.as-due-slip{position:absolute;z-index:3;right:clamp(28px,3.4vw,52px);bottom:clamp(32px,4.4vw,64px);width:236px}
.as-due-key{display:grid;justify-items:center;text-align:center;gap:4px;padding:18px 18px 20px;background:var(--sheet);border:1px solid var(--rule);box-shadow:0 1px 1px rgb(0 0 0 / .06),0 18px 36px -18px rgb(0 0 0 / .4)}
.as-due-k{font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.as-due-date{display:flex;flex-direction:column;align-items:center;margin:4px 0}
.as-due-n{position:relative;display:block;font:800 calc(clamp(64px,6.4vw,96px)*var(--tune-size,1))/.92 var(--as-fd);letter-spacing:-.02em;padding:0 .08em}
.as-due-m{font:600 calc(clamp(19px,1.7vw,24px)*var(--tune-size,1))/1.2 var(--as-fd);margin-top:6px}
.as-due-rev .as-due-m{order:-1;margin:0 0 4px}
.as-ring{position:absolute;left:-26%;top:-22%;width:152%;height:140%;color:var(--pencil);overflow:visible;pointer-events:none}
.as-due-t{font:italic 500 calc(17px*var(--tune-size,1))/1.35 var(--as-fd);max-width:12em}
.as-due-yr{padding-top:0;padding-bottom:calc(clamp(40px,4.4vw,64px)*var(--tune-space,1))}
.as-year{grid-column:1/-1;position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));list-style:none;margin:0;padding:0;background:var(--pad);border-top:4px solid var(--head);border-bottom:1px solid var(--rule)}
.as-year li{min-width:0;display:grid;align-content:start;justify-items:center;gap:6px;padding:12px 4px 14px;border-left:1px solid var(--rule);text-align:center}
.as-year li:first-child{border-left:0}
.as-ym{font-size:15px;color:var(--mute);white-space:nowrap}
.as-yd{display:grid;gap:2px;max-width:100%;overflow-wrap:anywhere;font:600 calc(20px*var(--tune-size,1))/1.2 var(--as-fd)}
.as-yd-none{color:var(--rule)}
.as-year li.as-on{background:var(--sheet);box-shadow:none}
.as-year-sec{margin:0 0 calc(clamp(28px,3vw,40px)*var(--tune-space,1))}

/* ---------- the office band: one full-width photo before the services ---------- */
.as-picband .as-band-pic{height:clamp(260px,33vw,520px)}
.as-band-pic .as-clip{left:clamp(48px,8vw,120px);top:-22px}

/* ---------- ledger rows: tick | particulars | money column ---------- */
.as-row{display:grid;grid-template-columns:var(--as-tk) minmax(0,1fr) var(--as-amt);column-gap:var(--as-gap);align-items:start;padding:17px 0;border-bottom:1px solid var(--rule);margin:0}
.as-row>.as-tick{grid-column:1;margin-top:3px}
.as-row>.as-row-p{grid-column:2;min-width:0}
.as-row>.as-row-a{grid-column:3;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;margin:0}
.as-row-p p{color:var(--mute);margin-top:4px}
.as-row-a .as-amt{font-size:calc(22px*var(--tune-size,1));line-height:1.2}
.as-per{font-size:calc(14px*var(--tune-size,1));color:var(--mute);line-height:1.3}
.as-led ul,.as-dates,.as-people ul{list-style:none;margin:0;padding:0}
.as-led-h{display:grid;grid-template-columns:var(--as-tk) minmax(0,1fr) var(--as-amt);column-gap:var(--as-gap);font-size:calc(14px*var(--tune-size,1));color:var(--mute);padding-bottom:9px;border-bottom:3px solid var(--head)}
.as-led-h span:last-child{text-align:right}
.as-row-long{padding:24px 0}
.as-row-long h2{font-size:calc(clamp(23px,2.2vw,30px)*var(--tune-size,1))}
.as-row-long .as-row-p p{max-width:42em;font-size:calc(17px*var(--tune-size,1))}
.as-for>span,.as-for-k{font-style:normal;font-family:var(--as-ft);font-size:calc(14px*var(--tune-size,1));color:var(--mute);margin-right:4px}
.as-row-long .as-row-p .as-for{font:italic 500 calc(17px*var(--tune-size,1))/1.45 var(--as-fd);color:var(--ink)}
.as-more{display:grid;grid-template-columns:var(--as-tk) minmax(0,1fr) var(--as-amt);column-gap:var(--as-gap);align-items:baseline;padding-top:20px}
.as-more .as-link{grid-column:2;justify-self:start}
.as-more-a{grid-column:3;text-align:right;font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.as-more-a .as-amt{color:var(--ink);font-size:calc(18px*var(--tune-size,1))}
.as-services:not(.as-col) .as-more{display:block;text-align:center;padding-top:32px}

/* ---------- services "slips": each service on its own ruled pad slip ---------- */
.as-slips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(18px,2.4vw,32px);align-items:stretch}
.as-slip{display:grid;grid-template-rows:auto 1fr auto auto auto;background:var(--sheet);border:1px solid var(--rule);padding-bottom:20px}
.as-slip h3,.as-slip h2{background:var(--head);color:var(--pad);font-size:calc(clamp(19px,1.7vw,22px)*var(--tune-size,1));padding:15px 22px 14px}
.as-slip>p:not(.as-slip-total):not(.as-slip-for):not(.as-slip-len){margin:14px 22px 0;line-height:28px;background:repeating-linear-gradient(to bottom,transparent 0 27px,var(--rule) 27px 28px)}
.as-slip-for{display:flex;gap:10px;align-items:flex-start;margin:14px 22px 0;font:italic 500 calc(16px*var(--tune-size,1))/1.4 var(--as-fd)}
.as-slip-for .as-tick{margin-top:1px}
.as-slip-len{margin:10px 22px 0;font-size:calc(14px*var(--tune-size,1));color:var(--mute)}
.as-slip-total{display:flex;justify-content:flex-end;align-items:baseline;gap:8px;margin:18px 22px 0;padding:10px 0 9px;border-top:1.5px solid var(--head);border-bottom:5px double var(--head)}
.as-slip-total .as-amt{font-size:calc(24px*var(--tune-size,1))}

/* ---------- intro: a paper-clipped print beside the words, the signature in the money column ---------- */
.as-intro .as-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(28px,5vw,80px);align-items:center}
.as-intro .as-sign{grid-column:1;grid-row:2;align-self:start;justify-self:start;text-align:left;margin-top:28px}
.as-intro .as-intro-pic{grid-column:2;grid-row:1 / span 2}
.as-intro-text{grid-column:1;grid-row:1;align-self:end}
.as-intro-text{display:grid;gap:16px}
.as-intro-text p{font-size:calc(18px*var(--tune-size,1));line-height:1.6}
.as-sign{align-self:end;justify-self:end;text-align:right;font:italic 500 calc(21px*var(--tune-size,1))/1.3 var(--as-fd);padding-bottom:6px;border-bottom:1px solid var(--head)}
.as-pic{position:relative;margin:0;padding-top:14px}
.as-print{display:block;background:var(--sheet);padding:10px;box-shadow:0 1px 0 var(--rule),0 10px 24px -14px rgb(0 0 0 / .35)}
.as-print img{width:100%;aspect-ratio:4/5;object-fit:cover}
.as-clip{position:absolute;left:30px;top:-6px;width:22px;height:64px;color:var(--clip);z-index:1}

/* ---------- tax calendar rows ---------- */
.as-dates .as-row{align-items:center;padding:14px 0}
.as-dot{grid-column:1;width:12px;height:12px;border:1.5px solid var(--mute);border-radius:50%}
.as-key .as-dot{background:var(--pencil);border-color:var(--pencil);box-shadow:0 0 0 4px var(--pad),0 0 0 5.5px var(--pencil)}
.as-key .as-row-p{font-weight:600}
.as-dates .as-row-p{font-size:calc(17px*var(--tune-size,1))}
.as-dates .as-amt{font-size:calc(19px*var(--tune-size,1))}

/* ---------- key figures: one row of large figures, ruled off like an addition and closed by the double rule ---------- */
.as-figrow{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));margin:0;border-top:1.5px solid var(--head);border-bottom:6px double var(--head)}
.as-figcell{display:flex;flex-direction:column;gap:6px;padding:22px clamp(16px,2.4vw,32px) 26px;border-left:1px solid var(--rule)}
.as-figcell:first-child{border-left:0;padding-left:0}
.as-figcell dd{order:-1;margin:0}
.as-figcell dt{font-size:calc(18px*var(--tune-size,1));color:var(--mute);max-width:16em}
.as-fig{font-size:calc(clamp(56px,6.6vw,96px)*var(--tune-size,1))!important;line-height:1;letter-spacing:-.02em}
.as-sample{color:var(--mute);font-size:calc(15px*var(--tune-size,1))}

/* ---------- review: a pencilled note, ticked ---------- */
.as-words .as-wrap{display:grid;grid-template-columns:var(--as-tk) minmax(0,1fr) var(--as-amt);column-gap:var(--as-gap);align-items:center}
.as-note{grid-column:2;margin:0}
.as-note blockquote{margin:0;font:italic 480 calc(clamp(25px,2.9vw,38px)*var(--tune-size,1))/1.3 var(--as-fd);max-width:24em}
.as-note blockquote em{font-style:normal;font-weight:620}
.as-note figcaption{margin-top:18px;font-size:calc(16px*var(--tune-size,1));color:var(--mute)}
.as-big-tick{grid-column:3;justify-self:center;width:96px;height:80px}

/* ---------- office and contact facts ---------- */
.as-facts{margin:0}
.as-facts dd{margin:0}
.as-facts .as-row-a{font-size:calc(17px*var(--tune-size,1));line-height:1.45}
.as-facts .as-row-a a{font-family:var(--as-fd);font-weight:600;font-size:calc(19px*var(--tune-size,1));overflow-wrap:anywhere}
.as-facts .as-row-a .as-amt{font-size:calc(19px*var(--tune-size,1))}
.as-week{margin-top:36px;max-width:calc(100% - var(--as-amt) - var(--as-gap));padding-left:calc(var(--as-tk) + var(--as-gap))}
.as-week h3{margin-bottom:16px}
@media (min-width:901px){
  .as-office .as-facts .as-row{grid-template-columns:var(--as-tk) 11em minmax(0,1fr)}
  .as-office .as-facts .as-row-a{text-align:left;align-items:flex-start}
  .as-office .as-week{max-width:none;padding-left:calc(var(--as-tk) + var(--as-gap))}
  .as-office .wk li{grid-template-columns:48px 1fr var(--as-amt);gap:var(--as-gap);font-size:calc(16px*var(--tune-size,1))}
  .as-office .wk-t{text-align:right}
  .as-office .wk-bar i{height:11px;top:-5px}
  .as-office .wk-scale{margin:6px calc(var(--as-amt) + var(--as-gap)) 0 calc(48px + var(--as-gap))}
}
.wk ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wk li{display:grid;grid-template-columns:48px 1fr 120px;gap:16px;align-items:center;font-size:calc(15px*var(--tune-size,1));font-variant-numeric:tabular-nums lining-nums}
.wk-bar{position:relative;height:1px;background:var(--rule)}
.wk-bar i{position:absolute;top:-4px;height:9px;background:var(--acc)}
.wk li.off .wk-t{color:var(--mute)}
.wk-t{text-align:right}
.wk-scale{display:flex;justify-content:space-between;margin:6px 136px 0 64px;font-size:calc(13px*var(--tune-size,1));color:var(--mute)}

/* ---------- the bottom line: the one deep band of the page ---------- */
.as-bottom{background:var(--deep);color:var(--ondeep)}
.as-bottom .as-wrap{text-align:center;display:grid;justify-items:center;padding-top:calc(var(--as-sec) * 1.5);padding-bottom:calc(var(--as-sec) * 1.5)}
.as-bottom h2{max-width:18ch;color:var(--ondeep)}
.as-bl{font-size:calc(16px*var(--tune-size,1));margin-bottom:14px;opacity:.82}
.as-bl-text{margin-top:14px;font-size:calc(18px*var(--tune-size,1));max-width:34em;opacity:.86}
.as-total{margin:clamp(24px,3vw,36px) 0 calc(clamp(28px,3vw,40px)*var(--tune-space,1))}
.as-total a{display:inline-block;font:700 clamp(36px,5.2vw,68px)/1.05 var(--as-fd);letter-spacing:-.01em;text-decoration:none;padding:0 .15em .12em;border-bottom:7px double currentColor;white-space:nowrap}
.as-total a:hover{color:var(--acc)}
.as-bottom .as-total a:hover{color:inherit;opacity:.85}
.as-bottom .as-btn{background:var(--ondeep);color:var(--deep)}
.as-bottom .as-btn::after{border-color:var(--ondeep)}
.as-bottom .as-btn:hover{background:var(--pad);color:var(--ink)}

/* ---------- inner pages ---------- */
.as-ph .as-wrap{padding-top:calc(clamp(48px,7vw,96px)*var(--tune-space,1));padding-bottom:calc(clamp(36px,4vw,56px)*var(--tune-space,1))}
.as-ph h1,.as-ph .as-lede{max-width:calc(100% - var(--as-amt) - var(--as-gap))}
.as-ph h1{font-size:calc(clamp(40px,5.4vw,76px)*var(--tune-size,1))}
.as-ph .as-lede{margin-top:18px;max-width:min(36em,calc(100% - var(--as-amt) - var(--as-gap)))}
.as-full>.as-wrap{padding-top:calc(clamp(40px,5vw,64px)*var(--tune-space,1))}
.as-person{align-items:start}
.as-mono{grid-column:1;width:44px;height:44px;display:grid;place-items:center;border:1.5px solid var(--head);background:var(--sheet);font:700 calc(21px*var(--tune-size,1))/1 var(--as-fd);padding-top:1px}
.as-person h3{font-size:calc(clamp(21px,2vw,26px)*var(--tune-size,1))}
.as-person .as-row-p p{max-width:40em;font-size:calc(17px*var(--tune-size,1))}
.as-role{font-size:calc(15px*var(--tune-size,1));color:var(--mute);padding-top:5px}
.as-ct{display:grid;gap:clamp(32px,4vw,48px)}
.as-form{display:grid;gap:22px;margin-left:calc(var(--as-tk) + var(--as-gap));max-width:calc(100% - var(--as-tk) - var(--as-amt) - 2 * var(--as-gap))}
.as-form label{display:grid;gap:4px;font-size:calc(14px*var(--tune-size,1));color:var(--mute)}
.as-form input,.as-form textarea,.as-form select{font:400 calc(18px*var(--tune-size,1))/1.5 var(--as-ft);color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--head);border-radius:0;padding:8px 0;width:100%}
.as-form textarea{resize:vertical;line-height:32px;background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--rule) 31px 32px);padding:0}
.as-form select{appearance:none;background:linear-gradient(45deg,transparent 50%,var(--ink) 50%) right 6px top 55%/6px 6px no-repeat,linear-gradient(-45deg,transparent 50%,var(--ink) 50%) right 0 top 55%/6px 6px no-repeat}
.as-fm-foot{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:6px}
.as-fm-note{font-size:calc(14px*var(--tune-size,1));color:var(--mute);max-width:28em}
.as-card{position:relative;z-index:1;background:var(--sheet);border:1px solid var(--rule);padding:clamp(28px,4vw,52px);text-align:center;display:grid;justify-items:center;max-width:820px;margin:0 auto}
.as-card-k{font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.as-card .as-total{margin:14px 0 22px}
.as-card-more{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;font-size:calc(17px*var(--tune-size,1))}
.as-fq details{border-bottom:1px solid var(--rule)}
.as-fq details:first-child{border-top:3px solid var(--head)}
.as-fq summary{display:grid!important;grid-template-columns:var(--as-tk) minmax(0,1fr) var(--as-amt);column-gap:var(--as-gap);align-items:center;padding:18px 0;font:600 calc(clamp(18px,1.6vw,21px)*var(--tune-size,1))/1.3 var(--as-fd);cursor:pointer}
.as-fq summary>span:first-child{grid-column:2}
.as-fq summary::after{content:none!important}
.as-pm{grid-column:3;justify-self:end;width:28px;height:28px;position:relative}
.as-pm::before,.as-pm::after{content:"";position:absolute;left:5px;right:5px;top:13px;height:2px;background:var(--ink)}
.as-pm::after{transform:rotate(90deg)}
.as-fq details[open] .as-pm::after{transform:rotate(0deg)}
@media (prefers-reduced-motion:no-preference){.as-pm::after{transition:transform .25s ease}}
.as-fq details>p{margin:0 0 20px calc(var(--as-tk) + var(--as-gap));max-width:44em;color:var(--mute)}
.as-fq-open{margin:0;border-top:3px solid var(--head)}
.as-fq-open dt{font:600 calc(19px*var(--tune-size,1))/1.3 var(--as-fd)}
.as-fq-open dd{grid-column:2;margin:8px 0 0;color:var(--mute);max-width:44em}

/* ---------- gallery mount ---------- */
.as-gal{border-top:1px solid var(--rule)}

/* ---------- footer: the foot of the ledger page ---------- */
.as-foot{background:var(--band);font-size:calc(15px*var(--tune-size,1));color:var(--mute)}
.as-foot-in{display:grid;grid-template-columns:minmax(0,1fr) var(--as-amt);column-gap:var(--as-gap);padding-top:0;padding-bottom:calc(clamp(40px,5vw,64px)*var(--tune-space,1))}
.as-foot-in::before{content:"";grid-column:1/-1;height:7px;border-top:1.5px solid var(--head);border-bottom:1.5px solid var(--head);margin-bottom:calc(clamp(32px,4vw,48px)*var(--tune-space,1))}
.as-ft-id{display:grid;gap:4px;align-content:start}
.as-ft-name{font:620 calc(22px*var(--tune-size,1))/1.2 var(--as-fd);color:var(--ink);margin-bottom:6px}
.as-ft-legal{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.as-ft-note{margin-top:10px;font-size:calc(13px*var(--tune-size,1))}
.as-ft-reach{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.as-ft-reach a{color:var(--ink)}
.as-ft-reach>a:first-child{font:600 calc(20px*var(--tune-size,1))/1.2 var(--as-fd);text-decoration:none}
.as-ft-reach .langs{margin-top:10px}

/* ---------- engine pages ---------- */
.legal-page{max-width:760px;margin:0 auto;padding:calc(clamp(48px,6vw,88px)*var(--tune-space,1)) 0;container-type:inline-size}
/* capped so the longest title word ("Privacyverklaring") fits the column, at any text size */
.legal-page h1{font-size:min(calc(clamp(36px,4.4vw,56px)*var(--tune-size,1)),9.7cqi);margin-bottom:24px}
.legal-page h2{font-size:calc(clamp(24px,2.4vw,30px)*var(--tune-size,1));margin:calc(40px*var(--tune-space,1)) 0 12px}
.nf{text-align:center;padding:calc(clamp(72px,10vw,140px)*var(--tune-space,1)) 0;display:grid;gap:20px;justify-items:center}

/* ---------- tablet and phone ---------- */
@media (max-width:1000px){
  .as-slips{grid-template-columns:repeat(min(var(--n,3),2),minmax(0,1fr))}
}
@media (max-width:900px){
  .as-hero-in,.as-due .as-hero-in{grid-template-columns:1fr;min-height:0}
  .as-hero-side{height:clamp(270px,40svh,440px)}
  .as-hero-pic .as-clip{left:auto;right:28px;top:auto;bottom:-36px;transform:none;width:24px;height:70px}
  .as-hero-copy{padding:26px var(--as-pad) calc(40px*var(--tune-space,1))}
  .as-hero h1{max-width:none}
  .as-acct .as-t{order:5;margin-top:36px}
}
@media (max-width:760px){
  :root{--as-tk:28px;--as-gap:14px}
  .as-tag{font-size:calc(15px*var(--tune-size,1));margin-bottom:12px}
  .as-hero .as-lede{margin-top:16px;font-size:calc(17.5px*var(--tune-size,1))}
  .as-acts{margin-top:22px}
  body{font-size:calc(16.5px*var(--tune-size,1))}
  .as-col>.as-wrap::after{display:none}
  .as-head,.as-ph h1,.as-ph .as-lede,.as-week{max-width:none}
  .as-week{padding-left:0}
  .as-row,.as-led-h,.as-more,.as-fq summary{grid-template-columns:var(--as-tk) minmax(0,1fr) auto}
  .as-led-h span:last-child{display:none}
  .as-row-a .as-amt{font-size:calc(19px*var(--tune-size,1))}
  /* a service with a long name: the price goes under the text, so the name gets the full column (no Magánszemél-yek) */
  .as-row-long,.as-led .as-row{grid-template-columns:var(--as-tk) minmax(0,1fr)}
  .as-row-long>.as-row-a,.as-led .as-row>.as-row-a{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px;text-align:left;margin-top:10px}
  .as-more{display:grid;row-gap:12px}
  .as-more-a{grid-column:2 / -1;text-align:left}
  .as-name{font-size:calc(21px*var(--tune-size,1))}
  .as-t li{font-size:calc(15px*var(--tune-size,1));min-height:44px;gap:6px}
  .as-t-side{padding:12px 10px 0}
  .as-t-you{padding-left:0}
  .as-t .as-tick{width:17px;height:14px}
  .as-due-slip{left:auto;right:14px;bottom:14px;width:auto}
  .as-due-key{padding:10px 16px 12px}
  .as-due-k{font-size:calc(14px*var(--tune-size,1))}
  .as-due-n{font-size:calc(52px*var(--tune-size,1))}
  .as-due-m{font-size:calc(17px*var(--tune-size,1));margin-top:3px}
  .as-due-t{display:none}
  .as-figrow{grid-template-columns:1fr}
  .as-figcell{flex-direction:row;align-items:baseline;gap:18px;padding:16px 0;border-left:0;border-top:1px solid var(--rule)}
  .as-figcell:first-child{border-top:0}
  .as-figcell dd{flex:none;min-width:2.4ch}
  .as-year{grid-template-columns:repeat(6,minmax(0,1fr))}
  .as-year li:nth-child(7){border-left:0}
  .as-year li:nth-child(n+7){border-top:1px solid var(--rule)}
  .as-intro .as-wrap{grid-template-columns:1fr;row-gap:28px}
  .as-intro .as-sign{grid-column:1;justify-self:start;text-align:left}
  .as-intro .as-intro-pic,.as-intro-text,.as-intro .as-sign{grid-column:1;grid-row:auto;margin-top:0}
  .as-slips{grid-template-columns:1fr}
  .as-words .as-wrap{grid-template-columns:1fr}
  .as-note{grid-column:1}
  .as-big-tick{grid-column:1;justify-self:start;width:64px;height:54px;margin-top:20px}
  .as-facts .as-row{grid-template-columns:var(--as-tk) minmax(0,1fr)}
  .as-facts .as-row>.as-row-a{grid-column:2;align-items:flex-start;text-align:left;margin-top:4px}
  .as-person{grid-template-columns:var(--as-tk) minmax(0,1fr);column-gap:var(--as-gap)}
  .as-person .as-mono{width:28px;height:28px;font-size:calc(16px*var(--tune-size,1))}
  .as-person>.as-row-a{grid-column:2;align-items:flex-start;text-align:left;order:-1;padding:0 0 2px}
  .as-form{margin-left:0;max-width:none}
  .as-fm-foot{flex-direction:column;align-items:stretch}
  .as-fm-foot .as-btn{width:100%}
  .as-fq details>p{margin-left:calc(var(--as-tk) + var(--as-gap))}
  .as-foot-in{grid-template-columns:1fr;row-gap:28px}
  .as-ft-reach{align-items:flex-start;text-align:left}
  .as-acts .as-btn{width:100%}
  .wk li{grid-template-columns:40px 1fr 104px;gap:10px}
  .wk-scale{margin:6px 114px 0 50px}
}

/* ---------- Advanced hero moment: "the posting" ----------
   account: the T is ruled (its bar from the centre out, its stem down), the entries are posted into both sides from
   the middle, the bookkeeper ticks each one, and the totals' double rules are drawn last. deadline: the twelve months
   are laid down one after the other, the key date is set, and the red pencil rings it. Pointer: the T and the key date
   drift a little (data-depth). Transform and opacity only; everything ends exactly where the still page is. */
@media (prefers-reduced-motion:no-preference){
  .m-js .as-acct .as-t::before{animation:as-rule .7s cubic-bezier(.6,0,.2,1) .15s backwards}
  .m-js .as-acct .as-t::after{animation:as-stem .55s cubic-bezier(.6,0,.2,1) .7s backwards}
  .m-js .as-acct .as-t-h{animation:as-fade .5s ease .8s backwards}
  .m-js .as-acct .as-t-you li{animation:as-post-l .55s cubic-bezier(.2,.7,.2,1) backwards}
  .m-js .as-acct .as-t-we li{animation:as-post-r .55s cubic-bezier(.2,.7,.2,1) backwards}
  .m-js .as-acct .as-t li:nth-child(1){animation-delay:.95s}.m-js .as-acct .as-t li:nth-child(2){animation-delay:1.1s}
  .m-js .as-acct .as-t li:nth-child(3){animation-delay:1.25s}.m-js .as-acct .as-t li:nth-child(4){animation-delay:1.4s}
  .m-js .as-acct .as-t li .as-tick{animation:as-tick .35s cubic-bezier(.3,1,.5,1) backwards}
  .m-js .as-acct .as-t li:nth-child(1) .as-tick{animation-delay:1.35s}.m-js .as-acct .as-t li:nth-child(2) .as-tick{animation-delay:1.5s}
  .m-js .as-acct .as-t li:nth-child(3) .as-tick{animation-delay:1.65s}.m-js .as-acct .as-t li:nth-child(4) .as-tick{animation-delay:1.8s}
  .m-js .as-acct .as-t-total{animation:as-fade .5s ease 1.75s backwards}
  .m-js .as-acct .as-t-total::after{animation:as-rule-l .6s cubic-bezier(.6,0,.2,1) 1.9s backwards}
  .m-js .as-acct .as-t-we .as-t-total::after{animation-delay:2s}
  .m-js .as-due .as-year li{animation:as-lay .5s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(.2s + var(--i,0) * 60ms)}
  .m-js .as-due .as-year li:nth-child(2){--i:1}.m-js .as-due .as-year li:nth-child(3){--i:2}.m-js .as-due .as-year li:nth-child(4){--i:3}
  .m-js .as-due .as-year li:nth-child(5){--i:4}.m-js .as-due .as-year li:nth-child(6){--i:5}.m-js .as-due .as-year li:nth-child(7){--i:6}
  .m-js .as-due .as-year li:nth-child(8){--i:7}.m-js .as-due .as-year li:nth-child(9){--i:8}.m-js .as-due .as-year li:nth-child(10){--i:9}
  .m-js .as-due .as-year li:nth-child(11){--i:10}.m-js .as-due .as-year li:nth-child(12){--i:11}
  .m-js .as-due .as-due-key{animation:as-fade .6s ease .6s backwards}
  .m-js .as-due .as-due-n{animation:as-set .7s cubic-bezier(.2,.7,.2,1) .7s backwards}
  .m-js .as-due .as-ring{animation:as-ring .55s cubic-bezier(.3,1,.5,1) 1.45s backwards}
  @keyframes as-rule{from{transform:scaleX(0)}}
  @keyframes as-rule-l{from{transform:scaleX(0)}}
  @keyframes as-stem{from{transform:scaleY(0)}}
  @keyframes as-fade{from{opacity:0}}
  @keyframes as-post-l{from{opacity:0;transform:translateX(18px)}}
  @keyframes as-post-r{from{opacity:0;transform:translateX(-18px)}}
  @keyframes as-tick{from{opacity:0;transform:scale(.3) rotate(-18deg)}}
  @keyframes as-lay{from{opacity:0;transform:translateY(-10px)}}
  @keyframes as-set{from{opacity:0;transform:scale(1.08)}}
  @keyframes as-ring{from{opacity:0;transform:scale(.8) rotate(-14deg)}}
}

/* a home headline with a 10+ letter word ("Lindenholt") keeps it whole (html.title-long, engine/shared/site.ts) */
@media(min-width:901px){html.title-long .as-hero h1{max-width:none;font-size:calc(clamp(46px,6.2vw,92px)*var(--tune-size,1))}}