:root{--ink:#1b1916;--paper:#efe8dc;--key:#f7bf00;--flag-white:#fff;--body-on-ink:#c4baaa;--sp-hair:4px;--sp-gutter:16px;--sp-step:24px;--sp-block:40px;--sp-scene:104px;--hit:48px;--sp-ask:56px;--fs-label:13px;--tw:2px;--f-serif:"Merriweather",Georgia,serif;--f-sans:"Noto Sans",system-ui,sans-serif;--f-mono:"Geist Mono",ui-monospace,monospace;--bg:var(--paper);--fg:var(--ink);--title:var(--ink);--thread:var(--ink);--thread-thin:var(--ink);--row:var(--ink);--front:var(--ink);--on-face:var(--paper);--on-face-thin:var(--paper);--groove:var(--ink);--lab-face:var(--paper);--ask-bg:var(--ink);--ask-fg:var(--paper);--ask-bd:var(--paper);--ask-sub:color-mix(in srgb,var(--paper) 75%,transparent);--ft-bg:var(--ink);--ft-fg:var(--paper);--ft-sub:color-mix(in srgb,var(--paper) 75%,transparent);--ft-thread:var(--paper);--ft-thread-thin:var(--paper);--band:var(--paper);--band-dot:transparent}:root[data-theme=key]{--bg:var(--ink);--fg:var(--body-on-ink);--title:var(--key);--thread:var(--key);--thread-thin:var(--body-on-ink);--row:var(--body-on-ink);--front:var(--key);--on-face:var(--key);--on-face-thin:var(--body-on-ink);--lab-face:var(--body-on-ink);--ask-fg:var(--key);--ask-bd:var(--key);--ask-sub:var(--body-on-ink);--ft-fg:var(--body-on-ink);--ft-sub:var(--body-on-ink);--ft-thread:var(--key);--ft-thread-thin:var(--body-on-ink);--band:var(--flag-white);--band-dot:var(--key)}:root{--fg85:color-mix(in srgb,var(--fg) 85%,transparent);--fg75:color-mix(in srgb,var(--fg) 75%,transparent)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}html,body{overflow-x:clip}body{color:var(--fg);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.5}html.menu-open{overflow:hidden}@media (max-width:1023.98px){html{scroll-padding-bottom:calc(var(--sp-ask) + var(--sp-gutter)*2 + env(safe-area-inset-bottom))}}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--title);outline-offset:var(--sp-hair)}.sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-weight:500}.t2{color:var(--fg75)}.js .nojs-only{display:none}.gor{z-index:-2;pointer-events:none;background:var(--bg);background:hsl(from var(--bg) h calc(s * 1.05) l);opacity:0;position:fixed;inset:0}.grain{inset:calc(var(--sp-block)*-1);z-index:-1;pointer-events:none;background:var(--fg);opacity:.06;position:fixed;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.6 -.55'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.6 -.55'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-mask-size:240px 240px;mask-size:240px 240px}.page{position:relative;container-type:inline-size}.page>*{--fb:17px;--E:var(--sp-gutter);--g:0px;--col:min(calc(100cqi - var(--sp-gutter)*2),calc(36 * var(--fb)));--xs:0px;--fs-lead:calc(1.25 * var(--fb));--fs-h:calc(2 * var(--fb));--fs-display:calc(6 * var(--fb));font-size:var(--fb)}@media (min-width:1024px){.page>*{--fb:clamp(18px,.9375cqi,24px);--E:calc(100cqi / 30);--g:calc(100cqi / 48);--col:clamp(450px,38cqi,calc(36 * var(--fb)));--xs:calc(var(--E) + var(--col) + var(--g))}}.col{margin-left:var(--E);width:var(--col);max-width:calc(100% - var(--E) - var(--sp-gutter))}.site{z-index:2;position:relative}.hd{align-items:center;gap:var(--sp-step);min-height:calc(var(--hit) + var(--sp-gutter));padding:calc(var(--sp-hair)*2) max(var(--E),env(safe-area-inset-right)) 0 max(var(--E),env(safe-area-inset-left));display:flex}.hd-name{font-family:var(--f-serif);color:var(--title);min-height:var(--hit);align-items:center;font-size:20px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.nav{display:none}.nav ul{gap:var(--sp-step);list-style:none;display:flex}.tab{min-height:var(--hit);font-size:var(--fs-label);flex-direction:column;justify-content:center;line-height:1.3;text-decoration:none;display:flex}.tab b{font-weight:600}.tab span{color:var(--fg85);font-weight:500}.tab:hover b{text-decoration:underline}.tools{align-items:center;gap:var(--sp-step);margin-left:auto;display:flex}.tool{align-items:center;gap:calc(var(--sp-hair)*2);min-height:var(--hit);min-width:var(--hit);color:var(--fg);font:inherit;font-size:var(--fs-label);cursor:pointer;text-align:left;background:0 0;border:0;line-height:1.3;text-decoration:none;display:inline-flex}.tool .lb{flex-direction:column;display:flex}.tool .lb b{font-weight:600}.tool .lb span{color:var(--fg85);font-weight:500}.ico{flex:none;width:24px;height:24px;overflow:visible}.ico path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ico .thk{stroke:var(--thread);stroke-width:var(--tw)}.ico .thn{stroke:var(--thread-thin);stroke-width:calc(var(--tw) * .5);stroke-opacity:.75}.ico .ico-fill{fill:var(--thread);stroke:none}.theme-btn .lb{display:none}:root[data-theme=key] .theme-btn .lb-day,:root[data-theme=mono] .theme-btn .lb-night{display:flex}.menu-btn{min-width:104px}@media (min-width:1024px){.nav{display:block}.menu-btn{display:none}}@media (max-width:1023.98px){.call .lb span,.theme-btn .lb span{display:none}}@media (max-width:639.98px){.theme-btn .lb{display:none!important}}@media (max-width:479.98px){.hd .call{display:none}}.nav-nojs{display:none}@media (max-width:1023.98px){html:not(.js) .nav-nojs{padding:0 var(--E);display:block}html:not(.js) .menu-btn{display:none}}.nav-nojs summary{min-height:var(--hit);cursor:pointer;align-items:center;font-weight:600;display:flex}.nav-nojs ul{padding-bottom:var(--sp-step);list-style:none}.nav-nojs a{min-height:var(--hit);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.nav-nojs b{font-family:var(--f-serif);font-weight:900;font-size:var(--fs-h);color:var(--title)}main{display:block;position:relative}.sec{z-index:1;position:relative}h2{font-family:var(--f-serif);font-weight:900;font-size:var(--fs-h);color:var(--title);line-height:1.15}hgroup .t2{font-size:calc(var(--fs-h) * .5);margin-top:calc(var(--sp-hair)*1.5);line-height:1.3}.body{color:var(--fg85);margin-top:var(--sp-step)}.tlink{min-height:var(--hit);color:var(--fg);flex-direction:column;justify-content:center;display:inline-flex}.tlink .t2{font-size:var(--fs-label)}.ask{min-height:var(--sp-ask);padding:calc(var(--sp-hair)*1.5) calc(var(--sp-step) + var(--sp-hair));border:2px solid var(--ask-bd);border-radius:calc(var(--sp-ask) / 2);background:var(--ask-bg);color:var(--ask-fg);flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.15;text-decoration:none;display:inline-flex}.ask-t{font-weight:600;font-size:calc(var(--fb) * 1.12)}.ask-s{font-size:var(--fs-label);color:var(--ask-sub)}.ask:hover .ask-t{text-decoration:underline}.l1{min-height:calc(100svh - var(--hit) - var(--sp-gutter));padding-bottom:var(--sp-block);flex-direction:column;display:flex}.cap{padding:var(--sp-step) var(--E) 0;font-size:var(--fs-label);color:var(--fg75);flex-direction:column;line-height:1.45;display:flex}.cap .t2{color:var(--fg75)}.w{display:inline-grid}.w>span{visibility:hidden;grid-area:1/1}.w>span.on{visibility:visible}.name{padding:.06em 0 0 var(--E);margin-top:calc(var(--sp-hair)*2);font-family:var(--f-serif);font-optical-sizing:auto;font-kerning:none;font-feature-settings:"kern" 0;color:var(--title);white-space:nowrap;font-weight:900;line-height:.8;font-size:calc((100cqi - var(--E)) / 3.421)}.nm{display:block}.nl{display:inline}.nm i{font-style:normal;display:inline-block}.mk{width:0;height:0;display:inline-block}@media (min-width:1024px) and (max-aspect-ratio:6/5),(max-width:1023.98px) and (orientation:portrait){.nl{display:block}.name{font-size:calc((100cqi - var(--E)) / 2.1165)}}@media (max-width:1023.98px) and (orientation:landscape){.name{font-size:min(calc((100cqi - var(--E)) / 3.421),40.4svh);text-align:right;padding-left:0}}.lead{margin-top:var(--sp-step)}.lead-tg{font-size:var(--fs-lead);color:var(--fg);line-height:1.35}.lead .t2{margin-top:calc(var(--sp-hair)*1.5)}.l1-act{margin-top:var(--sp-step);align-items:center;gap:var(--sp-step);flex-wrap:wrap;display:flex}.ask-l1{display:none}@media (min-width:1024px){.ask-l1{display:inline-flex}}.face{pointer-events:none;display:none}.face-svg{width:100%;height:100%;display:block;overflow:visible}.face-in{width:100%;height:100%;position:relative}@media (min-width:1024px){.js .face-w{left:var(--xs);z-index:0;display:block;position:absolute;top:0;bottom:0;right:0}.motion .face-w .face-in{height:100svh;position:sticky;top:0}}@media (max-width:1023.98px){.js .face-n{z-index:0;display:block;position:absolute;inset:0}.motion .face-n .face-in{height:100svh;position:sticky;top:0}}.face svg{overflow:visible}.motion .l2{height:260svh}@media (max-width:1023.98px){.motion .l2{height:230svh}}.l2col{z-index:1;position:relative}.l2-h{padding-top:var(--sp-block)}.step{margin-top:var(--sp-block);color:var(--fg);text-decoration:none;display:block}.kn{font-family:var(--f-mono);font-weight:500;font-size:var(--fs-display);color:var(--title);flex-direction:column;line-height:.92;display:flex}.kn .and{font-family:var(--f-sans);font-weight:500;font-size:var(--fs-lead);color:var(--fg85);line-height:1.3}.ks{margin-top:calc(var(--sp-hair)*3);font-size:var(--fs-lead);line-height:1.35;display:block}.step:hover .ks{text-decoration:underline}@media (max-width:1023.98px){.l2col{width:100%;max-width:none;margin-left:0}.plate{width:fit-content;max-width:calc(100% - var(--sp-block) - var(--sp-hair));margin-left:calc(var(--sp-gutter) + var(--sp-hair)*3);padding:calc(var(--sp-hair)*3) var(--sp-gutter);background:var(--bg);display:block}.l2-h.plate{padding-top:var(--sp-gutter);margin-top:var(--sp-block)}}.l3{padding-top:30svh}.ask-l3{bottom:calc(var(--sp-gutter) + env(safe-area-inset-bottom));z-index:2;width:max-content;min-width:60cqi;margin:var(--sp-block) max(var(--sp-gutter),env(safe-area-inset-right)) 0 auto;display:flex;position:sticky}@media (min-width:1024px){.ask-l3{min-width:0;margin:var(--sp-block) 0 0 var(--E);position:relative}}.l4{padding-top:var(--sp-scene)}@media (min-width:1024px){.motion .l4{height:200svh}.motion .l4col{position:sticky;top:20svh}}.year-box{margin-top:var(--sp-step);width:min(100%,calc(72svh + var(--sp-step)*2));aspect-ratio:1;position:relative}@media (min-width:1024px){.js .year-box{display:none}}.year-box svg{width:100%;height:100%;overflow:visible}.l5{padding-top:var(--sp-scene)}.engr{display:block;position:relative}.engr i{background:var(--thread);width:100%;height:100%;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.choy{aspect-ratio:939/516;width:var(--col);max-width:calc(100% - var(--E) - var(--sp-gutter));margin:0 0 var(--sp-block) var(--E)}.non{aspect-ratio:682/656;width:var(--col);max-width:calc(100% - var(--E) - var(--sp-gutter));margin:var(--sp-scene) 0 0 var(--E)}@media (min-width:1024px){.non{width:28cqi}html:not(.js) .choy{width:36cqi}}.face .choy{max-width:none;filter:drop-shadow(0 0 1px var(--groove)) drop-shadow(0 0 1.5px var(--groove));margin:0;position:absolute}.choy.ld i,html:not(.js) .choy i{-webkit-mask-image:url(/images/vatan/choy-engraving.webp);mask-image:url(/images/vatan/choy-engraving.webp)}.non.ld i,html:not(.js) .non i{-webkit-mask-image:url(/images/vatan/non-engraving.webp);mask-image:url(/images/vatan/non-engraving.webp)}.face .choy i{background:var(--on-face)}.motion .engr i{clip-path:inset(0 0 100%)}.rules{margin-top:var(--sp-block);list-style:none}.rules li{padding-left:calc(1.5em + var(--sp-step));margin-top:calc(var(--sp-hair)*3);color:var(--fg85);line-height:1.5;position:relative}html:not(.js) .rules li:before{content:"";border:2px solid var(--thread);border-radius:50%;width:1.5em;height:1.5em;position:absolute;top:0;left:0}.ft{z-index:1;background:var(--ft-bg);color:var(--ft-fg);position:relative}.ft-in{padding:calc(var(--sp-block)*2) var(--E) var(--sp-block)}.ft-in>*{max-width:var(--col)}.ft-in>*+*{margin-top:var(--sp-step)}.ft .t2{color:var(--ft-sub);font-size:var(--fs-label);display:block}.ft-op>span:first-child{display:block}.ft-op [lang=en]{white-space:nowrap}.ft-fam ul{flex-wrap:wrap;list-style:none;display:flex}.ft-fam li,.ft-fam a{min-height:var(--hit);align-items:center;display:inline-flex}.ft-fam .sep{padding:0 var(--sp-hair)}.ft-ct a{min-height:var(--hit);vertical-align:top;flex-direction:column;justify-content:center;text-decoration:none;display:inline-flex}.ft-ct a>span:first-child{text-decoration:underline}.ft-ct .sep{padding:0 var(--sp-hair);vertical-align:top;line-height:var(--hit);display:inline-block}.band{background:var(--band);width:56px;height:12px;margin-top:var(--sp-block);display:block;position:relative}.band:after{content:"";background:var(--band-dot);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.ft-wave{width:100%;height:12px;display:block;overflow:visible}.ft-paper{z-index:1;pointer-events:none;background:var(--bg);color:var(--fg);position:absolute;inset:0}.ft-paper .t2{color:var(--fg75)}.ft-paper .band{background:var(--bg)}.thr{z-index:3;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.thr path,.face-svg path,.menu-thr path,.nj{fill:none;stroke-linecap:round;stroke-linejoin:round}.thk{stroke:var(--thread);stroke-width:var(--tw)}.thn{stroke:var(--thread-thin);stroke-width:calc(var(--tw) * .5);stroke-opacity:.75}.onface .thk{stroke:var(--on-face)}.onface .thn{stroke:var(--on-face-thin)}.grv{stroke:var(--groove);stroke-width:calc(var(--tw) * 3)}.onink .thk{stroke:var(--ft-thread)}.onink .thn{stroke:var(--ft-thread-thin)}.row{stroke:var(--row);stroke-width:var(--tw)}.row.front{stroke:var(--front);stroke-opacity:1!important}.knot{stroke:var(--thread);stroke-width:var(--tw)}.hl{font-family:var(--f-sans);font-weight:600;font-size:var(--fs-label)}.hl.onface{fill:var(--lab-face);stroke:var(--groove);stroke-width:calc(var(--tw) * 3);paint-order:stroke;stroke-linejoin:round}.hl.onpaper{fill:var(--fg)}.nj{stroke:var(--thread);stroke-width:2px}.ft-wave path{fill:none;stroke:var(--ft-thread);stroke-width:2px}.motion.measuring .stk,.measuring .ask-l3{position:static!important}html:not(.js) .l1:after{content:"";right:var(--sp-hair);background:var(--thread);width:2px;position:absolute;top:55%;bottom:0}html:not(.js) .l2:before,html:not(.js) main:after{content:"";top:0;bottom:0;left:var(--xs);z-index:0;background:var(--row);opacity:.8;position:absolute;right:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12'%3E%3Cpath d='M0 3Q3.5 .6 7 3T14 3T21 3T28 3M0 9Q3.5 11.4 7 9T14 9T21 9T28 9' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12'%3E%3Cpath d='M0 3Q3.5 .6 7 3T14 3T21 3T28 3M0 9Q3.5 11.4 7 9T14 9T21 9T28 9' fill='none' stroke='black' stroke-width='3'/%3E%3C/svg%3E");-webkit-mask-size:28px 12px;mask-size:28px 12px}html:not(.js) main:after{display:none}@media (min-width:1024px){html:not(.js) .l2:before{display:none}html:not(.js) main:after{top:calc(100svh - var(--hit) - var(--sp-gutter));display:block}}html:not(.js) .ask-l3{outline:2px solid var(--thread);outline-offset:var(--sp-hair)}dialog.menu{--E:var(--sp-gutter);--fb:17px;--fs-h:34px;width:100%;max-width:none;height:100dvh;max-height:none;padding:0 0 env(safe-area-inset-bottom);background:var(--bg);color:var(--fg);overscroll-behavior:contain;border:0;margin:0;position:fixed;inset:0;overflow-y:auto}dialog.menu::backdrop{background:var(--bg)}.menu-list{padding:var(--sp-block) var(--E) var(--sp-block) calc(var(--E) + var(--sp-step) + var(--sp-hair));list-style:none}.menu-list li+li{margin-top:var(--sp-step)}.menu-list a{min-height:var(--hit);flex-direction:column;text-decoration:none;display:flex}.menu-list b{font-family:var(--f-serif);font-weight:900;font-size:var(--fs-h);color:var(--title);line-height:1.1}.menu-list span{font-size:calc(var(--fs-h) * .5);color:var(--fg75)}.menu-call{display:none}@media (max-width:479.98px){.menu-call{display:list-item}}.menu-thr{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}