
@font-face{font-family:'Kaisei Tokumin';src:url(kaisei-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Kaisei Tokumin';src:url(kaisei-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Familjen Grotesk';src:url(familjen-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Familjen Grotesk';src:url(familjen-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Familjen Grotesk';src:url(familjen-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --amr-ink:#20232a;
  --amr-ink-soft:#5c6069;
  --amr-steel:#262a31;
  --amr-walnut:#8a5f3c;
  --amr-paper:#faf9f5;
  --amr-board:#f1ede5;
  --amr-edge:#ded8cb;
  --amr-accent:#a2542a;
  --amr-on-dark:#f1eee7;
  --amr-gut:clamp(16px,3.6vw,38px);
  --amr-hold:1204px;
  
  --amr-btn-fill:#a2542a;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--amr-paper);
  color:var(--amr-ink);
  font-family:'Familjen Grotesk',system-ui,sans-serif;
  font-size:16.5px;
  line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:'Kaisei Tokumin',Georgia,serif;font-weight:700;line-height:1.18;margin:0}
h1{font-size:clamp(29px,4.2vw,47px);letter-spacing:-.008em}
h2{font-size:clamp(23px,3vw,33px)}
h3{font-size:18.5px;font-weight:500}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--amr-accent);outline-offset:2px}


.whetwrap{max-width:var(--amr-hold);margin-inline:auto;padding-inline:var(--amr-gut)}
.skipsteel{
  position:absolute;left:-9999px;top:0;z-index:50;
  background:var(--amr-steel);color:var(--amr-on-dark);padding:11px 22px
}
.skipsteel:focus{left:0}

.crownbench{background:var(--amr-paper);border-bottom:1px solid var(--amr-edge)}
.crownbench > .whetwrap{display:flex;align-items:center;gap:24px;min-height:74px;flex-wrap:wrap}
.toquemark{display:inline-flex;align-items:center;padding:12px 0}
.toquemark img{width:176px;height:44px}
.bladeroll{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 20px;padding-bottom:4px}
.bladeroll a{
  text-decoration:none;font-size:14.5px;font-weight:600;letter-spacing:.03em;
  padding:7px 0;border-bottom:2px solid transparent
}
.bladeroll a:hover{border-bottom-color:var(--amr-walnut)}

.spinetrail{font-size:13.5px;color:var(--amr-ink-soft);padding:14px 0 2px}
.spinetrail ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3px 9px}
.spinetrail li+li::before{content:'\203A';margin-right:9px;color:var(--amr-ink-soft)}
.spinetrail a{text-decoration:none}
.spinetrail a:hover{text-decoration:underline}


section{padding:clamp(46px,6.4vw,82px) 0}
.softsteel{background:var(--amr-board)}
.palewash{background:linear-gradient(180deg,var(--amr-board) 0%,var(--amr-paper) 88%)}
.nightsteel{
  background:var(--amr-steel);
  --amr-ink:#f1eee7;
  --amr-ink-soft:#b4b8bd;
  --amr-accent:#d8935f;
  --amr-walnut:#c99a6e;
  --amr-edge:#454b54;
  --amr-board:#2f343c;
  color:var(--amr-on-dark)
}
.nightsteel h1,.nightsteel h2{color:var(--amr-on-dark)}
.lastwhet .honebtn[data-quiet]{color:var(--amr-on-dark)}
.openforge{padding-bottom:0}

.edgenote{
  font-size:12.5px;letter-spacing:.19em;text-transform:uppercase;font-weight:600;
  color:var(--amr-accent);margin:0 0 11px
}
.bandbrow{font-size:14px;color:var(--amr-ink-soft);margin:8px 0 0}
.bandcrest{max-width:28ch}
.leadcut{font-size:clamp(16.5px,1.4vw,18.5px);color:var(--amr-ink-soft);max-width:64ch;margin-top:13px}
.plainnote{max-width:72ch;color:var(--amr-ink-soft)}


.honebtn{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font:inherit;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid var(--amr-steel);background:var(--amr-steel);color:#fff;
  padding:14px 26px;border-radius:0;text-decoration:none
}
.honebtn:hover{background:var(--amr-accent);border-color:var(--amr-accent)}
.honebtn[data-quiet]{background:transparent;color:var(--amr-ink);border-color:currentColor}
.honebtn[data-quiet]:hover{background:transparent;color:var(--amr-accent);border-color:var(--amr-accent)}

.nightsteel .honebtn{background:var(--amr-btn-fill);border-color:var(--amr-btn-fill);color:#fff}
.nightsteel .honebtn:hover{background:#e3a473;border-color:#e3a473;color:var(--amr-steel)}

.nightsteel .honebtn[data-quiet]{background:transparent;color:var(--amr-on-dark);border-color:currentColor}
.nightsteel .honebtn[data-quiet]:hover{background:transparent;color:var(--amr-accent);border-color:var(--amr-accent)}
.twohandles{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.buyart{border:0;background:none;padding:0;cursor:pointer;display:inline-block;line-height:0}
.buyart img{max-width:min(252px,100%);height:auto}
.noteart{max-width:min(372px,100%);height:auto;opacity:.88}


.openboard{padding-top:clamp(36px,4.4vw,62px);padding-bottom:clamp(36px,4.4vw,62px)}
.openboard > .whetwrap{display:grid;gap:clamp(26px,3.6vw,52px);grid-template-columns:1fr;align-items:center}

.openboard > .whetwrap > *{min-width:0}
.openboard h1{margin-bottom:4px}
.shotfold{position:relative;overflow:hidden;background:#fff;border-radius:4px}
.shotfold::before{content:'';display:block;padding-top:84%}
.steelshot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.honeband{display:grid;gap:12px;min-width:0;margin-top:clamp(24px,3vw,38px)}
.honeband a{
  display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:14px;align-items:center;
  text-decoration:none;background:var(--amr-board);border:1px solid var(--amr-edge);
  border-radius:4px;overflow:hidden
}
.honeband .shotfold{grid-row:1 / span 2;align-self:stretch;border-radius:0}
.honeband .shotfold::before{padding-top:88%}
.honeband strong{align-self:end;font-size:14.5px;font-weight:600;padding:12px 14px 2px 0;color:var(--amr-ink)}
.honeband span{align-self:start;font-size:13px;color:var(--amr-ink-soft);padding:0 14px 12px 0}


.edgegrid{display:grid;gap:clamp(16px,2.2vw,28px);grid-template-columns:repeat(auto-fill,minmax(236px,1fr))}
.gridfold{margin-top:clamp(24px,2.8vw,38px)}
.steelcard{
  display:flex;flex-direction:column;min-height:0;
  background:#fff;border:1px solid var(--amr-edge);border-radius:4px;overflow:hidden
}
.steelcard .shotfold{border-radius:0}
.steelcard .shotfold::before{padding-top:92%}
.steelcard h3{margin:0 0 5px;font-size:16.5px;font-weight:600;font-family:inherit;line-height:1.34}
.steelcard h3 a{text-decoration:none}
.steelcard h3 a:hover{text-decoration:underline}
.steelcard > div:last-child{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1}
.steelcard .plainnote{margin:0 0 9px;font-size:14.5px;max-width:none}
.steelcard .gleamcut{margin-top:auto;padding-top:9px}

.steelcard .buyart{margin-top:12px;align-self:start}

.rackslab{
  position:relative;display:flex;flex-direction:column;min-height:0;
  text-decoration:none;border:1px solid var(--amr-edge);border-radius:4px;overflow:hidden;
  background:#fff
}
.rackslab .shotfold::before{padding-top:70%}
.rackslab > div{padding:16px 18px 18px}
.rackslab strong{display:block;font-family:'Kaisei Tokumin',Georgia,serif;font-size:20px;font-weight:700}
.rackslab span{display:block;color:var(--amr-ink-soft);font-size:14.5px;margin-top:5px}
.rackslab:hover{border-color:var(--amr-walnut)}

.bladerail{display:grid;gap:clamp(15px,1.9vw,23px);grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}
.pairboard{display:grid;gap:clamp(17px,2.2vw,27px);grid-template-columns:1fr}
.pairboard > *{padding:clamp(28px,3.6vw,46px);border-radius:4px}

.pairboard > :first-child{
  background:var(--amr-steel);color:var(--amr-on-dark);
  --amr-ink:#f1eee7;--amr-ink-soft:#b4b8bd;--amr-accent:#d8935f;--amr-edge:#454b54
}
.pairboard > :first-child h2{color:var(--amr-on-dark)}
.pairboard > :first-child .honebtn{background:var(--amr-btn-fill);border-color:var(--amr-btn-fill);color:#fff}
.pairboard > :last-child{background:var(--amr-board)}
.pairboard h2{font-size:clamp(20px,2.2vw,26px)}


.gleamcut{
  display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  margin:9px 0 0;font-weight:600;font-size:19.5px;color:inherit
}
.gleamcut small{font-weight:400;font-size:13px;color:var(--amr-ink-soft)}
.polishrow{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--amr-ink-soft)}
.polishrow b{color:var(--amr-ink);font-weight:600}

.polishrow i{font-style:normal;letter-spacing:.07em;color:var(--amr-accent)}
.steeltag{
  display:inline-block;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;
  font-weight:600;color:var(--amr-accent);border:1px solid currentColor;
  padding:4px 10px;border-radius:0;margin-bottom:10px
}


.chopstrip{
  display:grid;gap:18px;grid-template-columns:1fr;
  margin:0;padding:0;list-style:none
}
.chopstrip li{display:flex;gap:13px;align-items:flex-start}
.chopstrip svg{flex:none;width:26px;height:26px;stroke:var(--amr-accent);margin-top:2px}
.chopstrip b{display:block;font-weight:600;font-size:15.5px}
.chopstrip span{color:var(--amr-ink-soft);font-size:14px}


.spinebar{
  display:grid;gap:clamp(20px,2.6vw,34px);grid-template-columns:1fr;
  margin-top:clamp(24px,3vw,38px);align-items:start
}
.bolsternote{margin:0;padding:0;list-style:none;display:grid;gap:15px;counter-reset:cnote}
.bolsternote li{
  position:relative;padding:15px 17px 15px 56px;counter-increment:cnote;
  background:#fff;border:1px solid var(--amr-edge);border-radius:4px
}
.bolsternote li::before{
  content:counter(cnote);position:absolute;left:16px;top:15px;
  width:27px;height:27px;border-radius:50%;display:grid;place-items:center;
  background:var(--amr-steel);color:var(--amr-on-dark);font-size:13.5px;font-weight:600
}
.bolsternote b{display:block;font-weight:600;margin-bottom:2px}
.bolsternote span{color:var(--amr-ink-soft);font-size:14.5px}


.tanglist{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.tanglist li{padding-left:20px;position:relative;color:var(--amr-ink-soft)}
.tanglist li::before{
  content:'';position:absolute;left:0;top:.66em;width:8px;height:8px;
  background:var(--amr-accent)
}
.tanglist li b{color:var(--amr-ink);font-weight:600}
.inblock{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 0;padding:0;list-style:none}
.inblock li{
  border:1px solid var(--amr-edge);background:#fff;padding:6px 13px;font-size:14px
}
.bladetable{width:100%;border-collapse:collapse;margin-top:20px;font-size:15px}

.bladetable caption{max-width:72ch;text-align:left;color:var(--amr-ink-soft);font-size:14px;padding:0 15px 10px 0}
.bladetable th,.bladetable td{
  text-align:left;padding:12px 15px;border-bottom:1px solid var(--amr-edge);vertical-align:top
}
.bladetable thead th{background:var(--amr-board);font-weight:600;white-space:nowrap}
.bladetable tbody th{font-weight:600;width:30%}

.rackslide{overflow-x:auto}
.rackslide .bladetable{min-width:640px}

.sameforge{margin-top:16px}
.sameforge .plainnote{margin-bottom:9px}
.sameforge ul{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.sameforge a{
  display:flex;align-items:center;gap:9px;text-decoration:none;font-size:14px;
  border:1px solid var(--amr-edge);padding:6px 13px 6px 7px;background:#fff
}
.sameforge a[aria-current]{border-color:var(--amr-accent);font-weight:600}
.sameforge img{width:36px;height:36px;object-fit:cover}
.morerack{margin-top:clamp(28px,3.6vw,44px)}
.honerow{display:grid;gap:clamp(15px,1.9vw,24px);grid-template-columns:1fr;margin-top:24px}
.honecol{border:1px solid var(--amr-edge);border-radius:4px;padding:23px 25px;background:#fff}
.nightsteel .honecol{background:var(--amr-board);border-color:var(--amr-edge)}
.honecol h3{margin-bottom:9px}
.honecol p:last-child{margin-bottom:0}

main address{font-style:normal;margin:0 0 12px;line-height:1.55}


.piecerail{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0;list-style:none}
.piecerail a,.piecerail button{
  text-decoration:none;font-size:14px;border:1px solid var(--amr-edge);
  padding:7px 15px;border-radius:0;
  font-family:inherit;color:inherit;background:#fff;cursor:pointer;line-height:1.5
}
.piecerail a:hover,.piecerail button:hover{border-color:var(--amr-accent)}
.piecerail [aria-current],.piecerail [aria-pressed="true"]{
  background:var(--amr-steel);border-color:var(--amr-steel);color:#fff
}


.steelcount{border-top:1px solid var(--amr-edge);border-bottom:1px solid var(--amr-edge)}
.cutcount{display:grid;gap:20px;grid-template-columns:1fr;text-align:left}
.cutcount b{
  display:block;font-family:'Kaisei Tokumin',Georgia,serif;
  font-size:clamp(27px,3.4vw,38px);font-weight:700;line-height:1.12
}
.cutcount span{color:var(--amr-ink-soft);font-size:14.5px}


.forgerow{
  display:grid;gap:clamp(15px,1.9vw,24px);grid-template-columns:1fr;
  margin-top:clamp(24px,2.8vw,36px);padding:0;list-style:none
}
.forgerow li{border-top:2px solid var(--amr-accent);padding-top:15px}
.forgerow strong{display:block;font-family:'Kaisei Tokumin',Georgia,serif;font-size:18.5px;margin-bottom:6px}
.forgerow span{color:var(--amr-ink-soft);font-size:15px}
.saidrow{display:grid;gap:clamp(17px,2vw,26px);grid-template-columns:1fr;margin-top:28px}
.tablesaid{margin:0;background:#fff;border:1px solid var(--amr-edge);border-radius:4px;padding:23px 25px}
.tablesaid p{font-family:'Kaisei Tokumin',Georgia,serif;font-size:17.5px;line-height:1.5}
.tablesaid footer{font-size:13.5px;color:var(--amr-ink-soft)}


.lessongrid{display:grid;gap:clamp(17px,2.2vw,26px);grid-template-columns:1fr}
.lessoncard{
  display:flex;flex-direction:column;text-decoration:none;
  border:1px solid var(--amr-edge);border-radius:4px;padding:23px 25px;background:#fff
}
.lessoncard strong{font-family:'Kaisei Tokumin',Georgia,serif;font-size:19.5px;font-weight:700}
.lessoncard span{color:var(--amr-ink-soft);font-size:15px;margin-top:8px}
.lessoncard:hover{border-color:var(--amr-walnut)}
.askbench{margin-top:24px;display:grid;gap:13px}
.askblock{border:1px solid var(--amr-edge);border-radius:4px;padding:19px 23px;background:#fff}
.askblock h3{margin-bottom:6px}
.askblock p:last-child{margin-bottom:0}
.longboard{max-width:69ch;margin-top:clamp(18px,2.2vw,28px)}
.longboard h3{margin:clamp(24px,2.8vw,34px) 0 9px}
.longboard p{margin:0 0 15px}
.longboard ul{margin:0 0 17px;padding-left:19px;display:grid;gap:7px}
.longboard li{padding-left:2px}
.longboard .bladetable{margin-bottom:20px}
.longboard > :last-child{margin-bottom:0}

.longboard:first-child{margin-top:0}
.longboard > :first-child{margin-top:0}


.cutform{display:grid;gap:clamp(18px,2.4vw,30px);margin-top:clamp(22px,2.8vw,34px)}
.cutstep{border:1px solid var(--amr-edge);border-radius:4px;padding:21px 23px;background:#fff}
.cutstep legend{
  font-family:'Kaisei Tokumin',Georgia,serif;font-size:18.5px;font-weight:700;padding:0 7px
}
.cutstep > .plainnote{margin:9px 0 0;font-size:14.5px}
.cutstep > div{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.cutstep label{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  border:1px solid var(--amr-edge);padding:8px 15px;font-size:14.5px
}
.cutstep label small{color:var(--amr-ink-soft);font-weight:400}
.cutstep label:has(input:checked){border-color:var(--amr-accent);background:var(--amr-board);font-weight:600}
.cutstep input{accent-color:var(--amr-accent)}
.cutanswer{margin-top:clamp(24px,2.8vw,36px)}


.heelfoot{
  background:var(--amr-steel);color:var(--amr-on-dark);
  --amr-ink:#f1eee7;--amr-ink-soft:#b4b8bd;--amr-accent:#d8935f;--amr-edge:#454b54;
  padding:clamp(40px,4.6vw,58px) 0 0;font-size:14.5px
}
.heelfoot nav{display:grid;gap:24px;grid-template-columns:1fr}
.heelfoot h3{font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-family:inherit;font-weight:600;margin-bottom:12px;color:var(--amr-on-dark)}
.heelfoot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.heelfoot a{text-decoration:none;color:var(--amr-ink-soft)}
.heelfoot a:hover{color:var(--amr-on-dark);text-decoration:underline}
.heelfoot address{font-style:normal;color:var(--amr-ink-soft);display:block;margin-top:24px}
.underbench{
  border-top:1px solid var(--amr-edge);margin-top:26px;padding:18px 0 26px;
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between
}


.sheathed{display:none}
.edgemark{display:inline-block}


@media (min-width:680px){
  .pairboard{grid-template-columns:1fr 1fr}
  .forgerow{grid-template-columns:repeat(2,1fr)}
  .saidrow{grid-template-columns:repeat(3,1fr)}
  .lessongrid{grid-template-columns:repeat(2,1fr)}
  .honerow{grid-template-columns:1fr 1fr}
  .cutcount{grid-template-columns:repeat(4,1fr)}
  .chopstrip{grid-template-columns:repeat(2,1fr)}
  .heelfoot nav{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:940px){
  .openboard > .whetwrap{grid-template-columns:1.04fr .96fr}
  .forgerow{grid-template-columns:repeat(4,1fr)}
  .lessongrid{grid-template-columns:repeat(3,1fr)}
  .chopstrip{grid-template-columns:repeat(4,1fr)}
  .spinebar{grid-template-columns:.9fr 1.1fr}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}
