/* zoriklundrlurk.com: a Japanese tetrapod breakwater, cast numbers stencilled on concrete */
:root{
  --ink:#16191B;--slate:#2B3033;--gray:#4A4F51;--conc:#DCDCD5;--slab:#EEEDE7;--orange:#F0642A;--orangeD:#C9481A;--rust:#A63A12;--orangeL:#FF8F5E;--cream:#FFF6E8;--line:#8E918C;
  --st:'Stick No Bills','Arial Narrow',Impact,sans-serif;--bz:'BIZ UDPGothic','Hiragino Sans','Yu Gothic',system-ui,sans-serif;
  --u:1px;--m:min(1px,calc(100vw/360));
  --g12:url(/assets/img/grain12.png);--g16:url(/assets/img/grain16.png);--g20:url(/assets/img/grain20.png);--g22:url(/assets/img/grain22.png);
  --sun:radial-gradient(ellipse 60% 60% at 86% 12%,rgba(255,246,232,.28),rgba(255,246,232,0));
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--conc);color:var(--ink);font:400 16px/1.55 var(--bz);overflow-wrap:break-word}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.skip{position:absolute;left:8px;top:-60px;background:var(--cream);padding:8px 14px;z-index:99;border:2px solid var(--ink)}
.skip:focus{top:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.in{width:100%;max-width:1224px;margin-inline:auto}
.cap{font:600 14px/1.1 var(--st);letter-spacing:.1em;text-transform:uppercase}
.mk{display:block;width:26px;height:26px;flex:none;background:currentColor;-webkit-mask:url(/assets/img/mark.svg) center/contain no-repeat;mask:url(/assets/img/mark.svg) center/contain no-repeat;font-style:normal}
.rl{font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.ln{color:var(--gray);font-weight:700;font-size:14px;text-underline-offset:3px}

/* ---------- buttons, dock ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:700 15px/1.2 var(--bz);text-decoration:none;box-shadow:3.75px 3.75px 0 var(--slate)}
.btn.or{background:var(--orange);color:var(--ink)}
.btn.sm{padding:8px 14px}
.btn:hover{transform:translate(2px,2px);box-shadow:1.75px 1.75px 0 var(--slate)}
.hd{padding:16px 12px;background:var(--g16) 0 0/128px,var(--conc);background-blend-mode:overlay,normal;display:flex;justify-content:center}
.dock{display:inline-flex;align-items:center;gap:12px;padding:10px;background:var(--ink);border-radius:12px;box-shadow:3.75px 3.75px 0 var(--orangeD)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.lg{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--orange);color:var(--ink)}
.lg .mk{width:26px;height:26px}.lg.w{background:#fff;width:40px;height:40px}.lg.w .mk{width:30px;height:30px}
.lt{display:none;font:600 26px/1 var(--st);letter-spacing:.01em}
.dock ul{display:flex;gap:2px}
.dock li a{display:block;padding:8px 12px;border-radius:8px;color:#fff;font:700 14px/1.2 var(--bz);text-decoration:none}
.dock li a[aria-current]{background:var(--orange);color:var(--ink)}
.dock li a:hover:not([aria-current]){background:var(--slate)}

/* ---------- hero ---------- */
.hero{position:relative;height:calc(1190*var(--m));overflow:clip;background:var(--g20) 0 0/128px,var(--sun),var(--orange);background-blend-mode:overlay,normal,normal}
.hs{position:absolute;top:0;bottom:0;left:max(0px,calc(50% - 180*var(--m)));width:min(100%,calc(360*var(--m)))}
.hs>*{position:absolute}
.htop{left:calc(20*var(--m));top:calc(24*var(--m));width:calc(320*var(--m));display:flex;flex-direction:column;align-items:flex-start;gap:0;z-index:1}
.htop p{font-size:calc(15*var(--m));line-height:1.45}
.htop .btn{padding:calc(13*var(--m)) calc(18*var(--m));font-size:calc(15*var(--m))}
.h1{left:calc(18*var(--m));top:calc(176*var(--m));width:calc(330*var(--m));font:800 calc(100*var(--m))/.86 var(--st);text-transform:uppercase;letter-spacing:0}
.h1 span{display:block}
.pile.hp{left:calc(-230*var(--m));top:calc(440*var(--m));width:calc(760*var(--m));height:auto;max-width:none}
.cn{font:800 calc(30*var(--m))/1 var(--st);color:rgba(22,25,27,.6);white-space:nowrap;transform-origin:0 0;display:none}
.cn.n2{transform:rotate(-9deg)}.cn.n5{transform:rotate(17deg)}
.sv{display:block;background:rgba(240,100,42,.92);border-radius:8px;transform-origin:0 0}
.sv.a{left:calc(150*var(--m));top:calc(640*var(--m));width:calc(60*var(--m));height:calc(10*var(--m));transform:rotate(-24deg)}
.sv.b{display:none}
.tag{left:calc(34*var(--m));top:calc(740*var(--m));width:calc(292*var(--m));height:calc(311*var(--m));padding:calc(18*var(--m)) calc(16*var(--m)) calc(16*var(--m));border-radius:12px;background:var(--g22) 0 0/128px,var(--conc);background-blend-mode:overlay,normal;box-shadow:calc(5*var(--m)) calc(5*var(--m)) 0 var(--slate);z-index:1}
.tag .sv.c{display:block;left:calc(206*var(--m));top:calc(18*var(--m));width:calc(64*var(--m));height:calc(10*var(--m));border-radius:5px;background:var(--orange);transform:rotate(6deg)}
.tag .cap{font-size:calc(14*var(--m));color:var(--gray);text-transform:none;letter-spacing:.02em;font-weight:600}
.tag ul{margin-top:calc(8*var(--m))}
.tag li a{display:flex;align-items:center;gap:calc(10*var(--m));padding:calc(5*var(--m)) 0;text-decoration:none;border-bottom:1.5px dashed rgba(74,79,81,.45);min-height:calc(34*var(--m))}
.tag li:last-child a{border-bottom:0}
.tag b{flex:none;width:calc(42*var(--m));font:800 calc(22*var(--m))/1 var(--st);color:var(--rust)}
.tag .tn{flex:1;font:700 calc(15*var(--m))/1.25 var(--bz)}
.tag i{font:600 calc(12*var(--m))/1 var(--st);letter-spacing:.06em;text-transform:uppercase;color:var(--gray);font-style:normal}
.tag li a:hover .tn{text-decoration:underline}
.bd{left:calc(40*var(--m));top:calc(1116*var(--m));z-index:2}
.bd .dock{box-shadow:3.75px 3.75px 0 var(--orangeD)}

/* ---------- sections ---------- */
.sec{position:relative;padding:56px 20px 64px}
.sg{background:var(--g16) 0 0/128px,var(--conc);background-blend-mode:overlay,normal}
.hdg{display:grid;gap:12px;margin-bottom:8px}
.hdg h2,.se h2,.sq h2,.sf h2{font:700 34px/1.12 var(--bz)}
.hdg p{font-size:15px;color:var(--gray)}
.row{position:relative;display:flex;flex-direction:column;gap:18px;padding:24px 0}
.row::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink)}
.no{display:grid;gap:4px}
.no b{font:800 44px/.9 var(--st);color:var(--rust)}
.no span,.fx dt{font:600 14px/1.1 var(--st);letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}
.rt{display:grid;gap:10px;align-content:center;min-width:0}
.rt h3{font:700 22px/1.15 var(--bz)}
.rt h3 a{text-decoration:none}.rt h3 a::after{content:'';position:absolute;inset:0}
.meta{font:600 14px/1.1 var(--st);letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
.od{font-size:16px}
.rt .rl{justify-self:start}
.cc{position:relative;display:block;width:calc(320*var(--m));max-width:100%;height:224px;background:radial-gradient(ellipse 60% 60% at 86% 12%,rgba(255,246,232,.9),rgba(255,246,232,0))}
.cc img{position:absolute;left:50%;top:12px;width:200px;height:200px;margin-left:-100px;border-radius:12px;box-shadow:6px 6px 0 var(--slate)}
.row:hover::before{height:6px;background:var(--orange)}
.row:hover{background:var(--slab)}
.se{background:var(--g12) 0 0/128px,radial-gradient(ellipse 60% 60% at 86% 12%,rgba(255,246,232,.16),rgba(255,246,232,0)),var(--slate);background-blend-mode:overlay,normal,normal;color:var(--cream)}
.se h2{color:var(--cream);margin-bottom:28px}
.ew{display:grid;gap:28px}
.note{padding:20px;border:2px dashed var(--orange);border-radius:12px;display:grid;gap:12px;justify-items:start}
.note .cap{font-size:15px;color:var(--orangeL)}
.note p:not(.cap){font-size:15px;color:var(--slab)}
.note a{color:var(--orangeL);font-weight:700;font-size:15px;text-underline-offset:3px}
.eg{display:grid;gap:24px}
.ei h3{display:flex;align-items:center;gap:12px;font:700 21px/1.35 var(--bz);color:var(--cream)}
.ei .mk{color:var(--orange)}
.ei p{margin-top:10px;font-size:16px;color:var(--conc)}
.sq{background:var(--g16) 0 0/128px,url(/assets/img/plan-q.svg) 0 0/96px 165px,var(--conc);background-blend-mode:overlay,normal,normal}
.sq h2{margin-bottom:28px}
.qg6{display:grid;gap:20px}
.qc{display:grid;gap:14px;align-content:start;padding:18px 16px;border:2px dashed var(--ink);border-radius:12px;background:var(--g16) 0 0/128px,var(--slab);background-blend-mode:overlay,normal;box-shadow:3.75px 3.75px 0 var(--slate)}
.qh{display:flex;align-items:center;gap:14px}
.qh img{width:72px;height:72px;border-radius:8px;flex:none}
.qh .cap{font-size:14px}.qg{font:600 13px/1.1 var(--st);letter-spacing:.04em;color:var(--gray);text-transform:uppercase;margin-top:2px}
.qc blockquote{font-size:20px;line-height:1.4}
.qc figcaption{font-size:14px;color:var(--gray)}
.sf{background:var(--g16) 0 0/128px,var(--slab);background-blend-mode:overlay,normal}
.fw{display:grid;gap:24px}
.fr{position:relative;display:grid;gap:8px;padding:22px 0}
.fr::before,.fr.last::after{content:'';position:absolute;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--gray) 0 10px,transparent 10px 16px)}
.fr::before{top:0}.fr.last::after{bottom:0}
.fr h3{display:flex;gap:14px;align-items:baseline;font:700 18px/1.35 var(--bz)}
.fr h3 b{font:800 30px/1 var(--st);color:var(--gray)}.fr.last h3 b{color:var(--rust)}
.fr p{font-size:17px}

/* ---------- footer ---------- */
.ft{padding:48px 20px 32px;background:var(--g20) 0 0/128px,url(/assets/img/plan-orange.svg) 0 0/96px 165px,var(--orange);background-blend-mode:overlay,normal,normal}
.fcols{display:grid;gap:32px}
.fl{display:grid;gap:16px;justify-items:start}
.fl .logo{color:var(--ink)}.fl p{font-size:15px;max-width:380px}
.fm{font-weight:700;color:var(--ink);text-underline-offset:3px}
.ft .lt{display:block;color:var(--ink)}
.fcol .cap{font-size:15px;color:var(--ink)}
.fcol ul{display:grid;gap:12px;margin-top:12px}
.fcol a,.fck{font-size:16px;color:var(--ink);text-underline-offset:3px}
.fck{background:none;border:0;padding:0;text-decoration:underline;font:inherit;font-size:16px;text-align:left}
.fcol a{text-decoration:none}.fcol a:hover{text-decoration:underline}
.fb{display:grid;gap:4px;margin-top:32px;padding-top:20px;font-size:14px;position:relative}
.fb::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 16px)}

/* ---------- inner pages ---------- */
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:14px;line-height:1.55}
.crumbs li+li::before{content:'/';margin-right:8px}
.crumbs a{text-underline-offset:3px}
.gtop,.atop,.ltop,.ghd{position:relative;overflow:clip}
.gtop{padding:28px 20px 40px;background:var(--g16) 0 0/128px,var(--sun),var(--conc);background-blend-mode:overlay,normal,normal}
.gtop .in{display:grid;gap:18px;position:relative}
.gtop .crumbs{color:var(--gray)}
.gtop h1,.atop h1,.ltop h1,.ghd h1{font:800 60px/.9 var(--st)}
.lead{font-size:15px;color:var(--gray)}
.rc{color:var(--rust)}
.pcrop{display:none}
.scat{background:var(--g16) 0 0/128px,var(--conc);background-blend-mode:overlay,normal;padding-top:0}
.g2 .fx{display:grid;gap:12px}
.fx dd{font-size:14px;line-height:1.55}
.g2 .cc{height:224px}
.atop{padding:32px 20px 200px;background:var(--g20) 0 0/128px,radial-gradient(ellipse 60% 60% at 86% 12%,rgba(255,246,232,.55),rgba(255,246,232,0)),var(--orange);background-blend-mode:overlay,normal,normal}
.atop .in{display:grid;gap:20px;position:relative}
.atop .lead{font-size:16px;color:var(--ink)}
.atop .pcrop{display:block;position:absolute;left:0;right:0;bottom:0;height:170px}
.atop .pcrop img{position:absolute;left:-60px;top:0;width:560px;height:auto;max-width:none}
.abody{background:var(--g16) 0 0/128px,url(/assets/img/plan-about.svg) 0 0/96px 165px,var(--conc);background-blend-mode:overlay,normal,normal;display:grid;gap:32px}
.as{position:relative;display:grid;gap:12px;padding-bottom:28px;margin-bottom:32px}
.as::after,.ls::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,var(--gray) 0 10px,transparent 10px 16px)}
.as h2{font:800 32px/.95 var(--st)}
.as div{display:grid;gap:14px;font-size:16px}
.contact{padding:20px;border:2px dashed var(--ink);border-radius:12px;background:var(--g16) 0 0/128px,var(--slab);background-blend-mode:overlay,normal;box-shadow:5px 5px 0 var(--slate);display:grid;gap:14px}
.contact h2{font:800 34px/.95 var(--st)}
.rs{display:grid;gap:10px}.rs li{display:flex;gap:10px;align-items:center;font-size:16px}.rs .mk{width:18px;height:18px;color:var(--orange)}
.contact dl{display:grid;gap:12px}.contact dl div{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:baseline}
.contact dt{font:600 14px/1.1 var(--st);color:var(--gray);text-transform:uppercase;letter-spacing:.06em}.contact dd{font-weight:700;overflow-wrap:anywhere}
.ltop{padding:28px 20px 36px;background:var(--g12) 0 0/128px,url(/assets/img/plan-legal.svg) 0 0/96px 165px,radial-gradient(ellipse 60% 60% at 86% 12%,rgba(255,255,255,.14),rgba(255,255,255,0)),var(--slate);background-blend-mode:overlay,normal,normal,normal;color:var(--conc)}
.ltop .in{display:grid;gap:16px;position:relative}
.ltop h1{color:var(--cream);font-size:56px}.up{color:var(--orangeL)}
.ltop .lead{color:var(--conc)}
.lbody{background:var(--g16) 0 0/128px,var(--conc);background-blend-mode:overlay,normal}
.lin{display:grid;gap:28px}
.ls{position:relative;display:grid;gap:8px;padding-bottom:24px}
.ln-no{font:800 36px/1 var(--st);color:var(--rust)}
.ls h2{font:700 21px/1.35 var(--bz);margin-bottom:10px}.ls p{font-size:16px}
.ghd{padding:24px 20px 36px;background:var(--g16) 0 0/128px,url(/assets/img/plan-guide.svg) 0 0/96px 165px,var(--conc);background-blend-mode:overlay,normal,normal}
.ghi{display:grid;gap:24px}
.gtx{display:grid;gap:18px;justify-items:start}
.gtx .crumbs{color:var(--gray)}
.ghd h1{font-size:64px;line-height:.88}
.sum{font-size:16px}.gm{font-size:14px;color:var(--gray)}
.ghd .cc{height:300px;width:100%;max-width:320px}.ghd .cc img{width:280px;height:280px;margin-left:-140px;top:10px}
.facts{background:var(--g16) 0 0/128px,var(--slate);background-blend-mode:overlay,normal;padding:24px 20px}
.facts dl{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.facts dt{font:600 13px/1.1 var(--st);letter-spacing:.08em;text-transform:uppercase;color:var(--orangeL)}
.facts dd{font-size:15px;color:var(--slab);margin-top:4px}
.gbody{background:var(--g16) 0 0/128px,var(--conc);background-blend-mode:overlay,normal;padding:36px 20px 56px}
.gmain{display:grid;gap:36px;max-width:760px;margin-inline:auto}
.gs{display:grid;gap:16px;align-content:start}
.gs h2{font:700 24px/1.2 var(--bz)}
.tx,.qa p{font-size:16px}.qa p{line-height:1.55}
.keys{display:grid;gap:16px}.keys>div{display:flex;gap:16px;align-items:flex-start}
kbd{flex:none;padding:6px 14px;border-radius:8px;background:var(--ink);color:#fff;font:700 15px/1.55 var(--bz);box-shadow:3px 3px 0 var(--slate)}
.keys span{padding-top:5px}
.tips{display:grid;gap:16px}.tips li{display:flex;gap:16px}.tips b{flex:none;font:800 26px/1.1 var(--st);color:var(--rust);min-width:46px}
.lim{display:grid;gap:16px}.lim li{display:flex;gap:12px;align-items:flex-start}.lim .mk{width:20px;height:20px;color:var(--line);margin-top:3px}
.sim{display:grid;gap:16px}.sim a{display:flex;gap:16px;align-items:center;text-decoration:none}
.sim img{width:88px;height:88px;border-radius:8px;box-shadow:4px 4px 0 var(--slate);flex:none}
.sim b{display:block;font:700 21px/1.35 var(--bz)}.sim i{display:block;font-style:normal;font-size:15px;color:var(--gray)}
.where{display:grid;gap:10px;padding:24px;border:2px dashed var(--ink);border-radius:12px;background:var(--g16) 0 0/128px,var(--slab);background-blend-mode:overlay,normal;box-shadow:3.75px 3.75px 0 var(--slate)}
.where .cap{color:var(--rust)}.where p:not(.cap){font-size:15px}.where .rl{justify-self:start;color:var(--gray)}
.qa{position:relative;display:grid;gap:6px;padding:14px 0 20px}
.qa::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,var(--gray) 0 10px,transparent 10px 16px)}
.qa h3{font:700 17px/1.55 var(--bz)}

/* ---------- cookie ---------- */
.cookie{position:fixed;z-index:60;left:10px;right:10px;bottom:10px;max-width:500px;display:grid;gap:14px;padding:20px 18px;background:var(--g16) 0 0/128px,var(--slab);background-blend-mode:overlay,normal;border:2px dashed var(--ink);border-radius:12px;box-shadow:3.75px 3.75px 0 var(--slate)}
.cookie[hidden]{display:none}
.cktop{display:flex;align-items:center;gap:12px}.cktop .mk{width:28px;height:28px;color:var(--orange)}
.cookie h2{font:800 30px/.95 var(--st)}
.cookie p{font-size:15px}
.ck-acts{display:grid;gap:14px}.ck-acts .btn{width:calc(100% - 4px)}
.ck-manage{display:grid;gap:8px;font-size:15px}.ck-manage[hidden]{display:none}
.ck-manage label{display:flex;gap:8px;align-items:center}

@media(min-width:400px){.ck-acts{grid-template-columns:1fr 1fr}.cookie{left:auto;right:20px;bottom:20px;width:min(500px,calc(100% - 40px))}}
@media(min-width:600px){
  .qg6{grid-template-columns:1fr 1fr}.eg{grid-template-columns:1fr 1fr;gap:28px 32px}
  .fcols{grid-template-columns:2fr 1fr 1fr 1fr}
  .facts dl{grid-template-columns:repeat(4,1fr)}
}

/* ---------- desktop: composition in --u (1368 wide) ---------- */
@media(min-width:1024px){
  :root{--u:min(1px,calc(100vw/1368))}
  .in{max-width:calc(1224*var(--u))}
  .btn{padding:calc(15*var(--u)) calc(24*var(--u));font-size:calc(16*var(--u));border-radius:calc(12*var(--u));box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--slate)}
  .btn:hover{box-shadow:calc(4*var(--u)) calc(4*var(--u)) 0 var(--slate)}
  .hd{padding:calc(24*var(--u)) calc(72*var(--u))}
  .dock{gap:calc(28*var(--u));padding:calc(12*var(--u)) calc(14*var(--u));box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--orangeD)}
  .lg{width:calc(40*var(--u));height:calc(40*var(--u))}.lg .mk{width:calc(30*var(--u));height:calc(30*var(--u))}
  .lt{display:block;font-size:calc(26*var(--u))}
  .dock li a{padding:calc(10*var(--u)) calc(16*var(--u));font-size:calc(16*var(--u))}
  .dock ul{gap:calc(6*var(--u))}
  .hero{height:calc(900*var(--u));background:var(--g20) 0 0/128px,var(--sun),var(--orange);background-blend-mode:overlay,normal,normal}
  .hs{left:max(0px,calc(50% - 684*var(--u)));width:min(100%,calc(1368*var(--u)))}
  .htop{left:calc(72*var(--u));top:calc(40*var(--u));width:calc(1224*var(--u));flex-direction:row;justify-content:space-between;align-items:center;gap:calc(40*var(--u))}
  .htop p{width:calc(560*var(--u));font-size:calc(19*var(--u))}
  .htop .btn{padding:calc(15*var(--u)) calc(24*var(--u));font-size:calc(16*var(--u))}
  .h1{left:calc(66*var(--u));top:calc(140*var(--u));width:calc(1211*var(--u));font-size:calc(236*var(--u));white-space:nowrap}
  .pile.hp{left:calc(-190*var(--u));top:calc(432*var(--u));width:calc(1780*var(--u))}
  .cn{display:block;font-size:calc(36*var(--u))}
  .cn.n2{left:calc(196*var(--u));top:calc(600*var(--u))}
  .cn.n5{left:calc(430*var(--u));top:calc(662*var(--u));font-size:calc(34*var(--u));color:rgba(22,25,27,.58)}
  .sv{border-radius:calc(8*var(--u))}
  .sv.a{left:calc(822*var(--u));top:calc(680*var(--u));width:calc(110*var(--u));height:calc(16*var(--u))}
  .sv.b{display:block;left:calc(864*var(--u));top:calc(648*var(--u));width:calc(16*var(--u));height:calc(70*var(--u));transform:rotate(-24deg)}
  .tag{left:calc(948*var(--u));top:calc(556*var(--u));width:calc(360*var(--u));height:calc(332*var(--u));padding:calc(22*var(--u)) calc(22*var(--u)) calc(20*var(--u));box-shadow:calc(8*var(--u)) calc(8*var(--u)) 0 var(--slate)}
  .tag .sv.c{left:calc(274*var(--u));top:calc(18*var(--u));width:calc(64*var(--u));height:calc(10*var(--u))}
  .tag .cap{font-size:calc(16*var(--u))}
  .tag li a{gap:calc(10*var(--u));padding:calc(5*var(--u)) 0;min-height:calc(35*var(--u))}
  .tag b{width:calc(46*var(--u));font-size:calc(24*var(--u))}
  .tag .tn{font-size:calc(15*var(--u))}.tag i{font-size:calc(13*var(--u))}
  .bd{left:calc(412*var(--u));top:calc(808*var(--u))}
  .sec{padding:calc(104*var(--u)) calc(72*var(--u)) calc(112*var(--u))}
  .hdg{grid-template-columns:calc(620*var(--u)) 1fr;gap:calc(64*var(--u));align-items:end;margin-bottom:calc(28*var(--u));padding-bottom:calc(20*var(--u))}
  .hdg h2,.se h2,.sq h2,.sf h2{font-size:calc(54*var(--u));line-height:1.12}
  .hdg p{font-size:calc(17*var(--u));max-width:calc(460*var(--u))}
  .row{display:grid;grid-template-columns:calc(150*var(--u)) 1fr calc(216*var(--u));gap:calc(40*var(--u));align-items:center;padding:calc(32*var(--u)) 0}
  .no b{font-size:calc(72*var(--u))}.no span{font-size:calc(14*var(--u))}
  .rt{gap:calc(10*var(--u))}.rt h3{font-size:calc(34*var(--u))}.meta{font-size:calc(14*var(--u))}.od{font-size:calc(19*var(--u));max-width:calc(700*var(--u))}
  .rl{font-size:calc(15*var(--u))}
  .cc{width:calc(216*var(--u));height:calc(216*var(--u))}
  .cc img{left:calc(20*var(--u));top:calc(20*var(--u));width:calc(176*var(--u));height:calc(176*var(--u));margin:0;border-radius:calc(12*var(--u));box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--slate)}
  .row:hover::before{height:calc(6*var(--u))}
  .se .ew{grid-template-columns:calc(300*var(--u)) 1fr;gap:calc(48*var(--u))}
  .se h2{margin-bottom:calc(48*var(--u))}
  .note{padding:calc(20*var(--u));gap:calc(12*var(--u))}.note p:not(.cap),.note a{font-size:calc(15*var(--u))}
  .eg{grid-template-columns:1fr 1fr;gap:calc(40*var(--u))}
  .ei h3{font-size:calc(21*var(--u))}.ei p{font-size:calc(16*var(--u))}
  .sq h2{margin-bottom:calc(48*var(--u))}
  .qg6{grid-template-columns:repeat(3,1fr);gap:calc(36*var(--u));align-items:start}
  .qc{padding:calc(24*var(--u));gap:calc(14*var(--u));box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--slate)}
  .qc blockquote{font-size:calc(20*var(--u))}
  .fw{grid-template-columns:calc(380*var(--u)) 1fr;gap:calc(72*var(--u));align-items:start}
  .fr{grid-template-columns:calc(360*var(--u)) 1fr;gap:calc(32*var(--u));padding:calc(22*var(--u)) 0;align-items:start}
  .fr h3{font-size:calc(18*var(--u))}.fr p{font-size:calc(17*var(--u))}
  .ft{padding:calc(72*var(--u)) calc(72*var(--u)) calc(40*var(--u))}
  .fcols{grid-template-columns:calc(420*var(--u)) calc(204*var(--u)) calc(204*var(--u)) calc(204*var(--u));gap:calc(64*var(--u))}
  .fb{grid-template-columns:1fr auto;margin-top:calc(48*var(--u));padding-top:calc(20*var(--u))}
  .gtop{padding:calc(56*var(--u)) calc(72*var(--u)) calc(72*var(--u))}
  .gtop h1,.atop h1,.ltop h1{font-size:calc(120*var(--u))}
  .gtop h1{max-width:calc(760*var(--u))}
  .gtop .lead{font-size:calc(17*var(--u));max-width:calc(560*var(--u))}
  .pcrop{display:block;position:absolute;overflow:clip;top:calc(60*var(--u));left:calc(50% + 124*var(--u));width:calc(640*var(--u));height:calc(300*var(--u))}
  .pcrop img{position:absolute;left:0;top:0;width:calc(900*var(--u));height:auto;max-width:none}
  .scat{padding:0 calc(72*var(--u)) calc(112*var(--u))}
  .g2{grid-template-columns:calc(150*var(--u)) 1fr calc(260*var(--u))}
  .g2 .fx{grid-template-columns:repeat(3,calc(190*var(--u)));gap:calc(28*var(--u))}
  .g2 .rt{gap:calc(10*var(--u))}.fx dd{font-size:calc(14*var(--u))}
  .g2 .cc{width:calc(260*var(--u));height:calc(260*var(--u))}
  .g2 .cc img{left:calc(20*var(--u));top:calc(20*var(--u));width:calc(220*var(--u));height:calc(220*var(--u));box-shadow:calc(8*var(--u)) calc(8*var(--u)) 0 var(--slate)}
  .atop{padding:calc(64*var(--u)) calc(72*var(--u)) calc(72*var(--u))}
  .atop h1{max-width:calc(700*var(--u))}.atop .lead{font-size:calc(20*var(--u));max-width:calc(560*var(--u))}
  .atop .pcrop{left:calc(50% + 64*var(--u));width:calc(620*var(--u));top:calc(160*var(--u));bottom:auto;right:auto;height:calc(300*var(--u))}
  .atop .pcrop img{left:0;width:calc(900*var(--u))}
  .abody{padding:calc(104*var(--u)) calc(72*var(--u)) calc(112*var(--u));gap:0}
  .as{grid-template-columns:calc(380*var(--u)) 1fr;gap:calc(64*var(--u));padding-bottom:calc(40*var(--u));margin-bottom:calc(48*var(--u))}
  .as h2{font-size:calc(44*var(--u))}.as div{max-width:calc(700*var(--u));font-size:calc(17*var(--u))}
  .contact{max-width:calc(760*var(--u));padding:calc(32*var(--u));box-shadow:calc(8*var(--u)) calc(8*var(--u)) 0 var(--slate)}
  .contact h2{font-size:calc(48*var(--u))}
  .ltop{padding:calc(56*var(--u)) calc(72*var(--u)) calc(64*var(--u))}
  .ltop .lead{font-size:calc(18*var(--u));max-width:calc(700*var(--u))}
  .lbody{padding:calc(104*var(--u)) calc(72*var(--u)) calc(112*var(--u))}
  .lin{max-width:calc(980*var(--u));gap:calc(36*var(--u))}
  .ls{grid-template-columns:calc(90*var(--u)) 1fr;gap:calc(32*var(--u));padding-bottom:calc(32*var(--u))}
  .ls h2{font-size:calc(21*var(--u))}.ls p{font-size:calc(17*var(--u))}
  .ln-no{font-size:calc(36*var(--u))}
  .ghd{padding:calc(48*var(--u)) calc(72*var(--u)) calc(64*var(--u))}
  .ghi{grid-template-columns:calc(680*var(--u)) calc(480*var(--u));justify-content:space-between;align-items:center;gap:calc(64*var(--u))}
  .ghd h1{font-size:calc(128*var(--u));line-height:.88}.sum{font-size:calc(20*var(--u))}
  .ghd .cc{width:calc(480*var(--u));height:calc(480*var(--u));max-width:none}
  .ghd .cc img{left:calc(20*var(--u));top:calc(20*var(--u));width:calc(440*var(--u));height:calc(440*var(--u));margin:0;box-shadow:calc(10*var(--u)) calc(10*var(--u)) 0 var(--slate)}
  .facts{padding:calc(32*var(--u)) calc(72*var(--u))}.facts dl{gap:calc(20*var(--u)) calc(40*var(--u))}
  .gbody{padding:calc(72*var(--u)) calc(72*var(--u)) calc(96*var(--u))}
  .gmain{gap:calc(56*var(--u))}
  .gs h2{font-size:calc(32*var(--u))}.tx,.qa p,.keys span{font-size:calc(17*var(--u))}
  .where{padding:calc(24*var(--u));box-shadow:calc(6*var(--u)) calc(6*var(--u)) 0 var(--slate)}
  .cookie{width:min(500px,calc(100% - 40px))}
}
@media(prefers-reduced-motion:no-preference){.btn{transition:transform .12s,box-shadow .12s}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:359px){.dock li a{padding:8px 9px}}
.tag .sv.c{position:absolute}
/* social icons */
.socs{display:flex;align-items:center;gap:12px;margin-top:12px}
.socs a.sic{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--cream);text-decoration:none;box-shadow:3px 3px 0 rgba(22,25,27,.22);transition:background .12s,transform .12s,box-shadow .12s}
.socs a.sic svg{display:block;width:16px;height:16px;fill:currentColor}
.socs a.sic:hover{background:var(--slate);transform:translate(-1px,-1px);box-shadow:4px 4px 0 rgba(22,25,27,.28)}
.socs a.sic:focus-visible{outline:2px solid var(--ink);outline-offset:3px}