@font-face{font-family:Authentic Sans;src:url(/assets/fonts/authentic-sans-90.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--u:calc(100vw/1024);--ink:#000;--text:#222;--muted:#555;--line:#d9d9d9;--yellow:#ffff80;--f:"Authentic Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--fclock:var(--f);--fmono:"SF Mono",Menlo,Monaco,Consolas,"Liberation Mono",monospace}
*,:before,:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{color:var(--ink);font:400 17px/1.35 var(--f);letter-spacing:0;-webkit-font-smoothing:antialiased;background:#fff;margin:0;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-weight:400}
.skip{z-index:100;color:#fff;background:#000;padding:6px 12px;position:absolute;top:8px;left:-999px}
.skip:focus{left:8px}
.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
:focus-visible{outline-offset:3px;outline:2px solid #000}
.tag{color:#fff;font-family:var(--f);letter-spacing:0;white-space:nowrap;cursor:pointer;background:#000;border:0;border-radius:0;height:26px;padding:0 12px;font-size:17px;line-height:26px;text-decoration:none;display:inline-block}
.tag.is-on{color:#000;background:#fff;box-shadow:inset 0 0 0 1px #000}
.tag,.me{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqElEQVR42u3Z0QqAMAiFYY3e/5XtNmLFwja1/V5G0A59mJKKr+zmusqk2qR4lQ+gHjZmbUGqOo0ThAhAAAIQYO0A+4RnDJ2XIPR7Qg/zkn0xq0FohS40gplCKCuh8CW9h9mZFoQyEDJHN+ANLB9AewhdOMmb+4cc+nQGCGUg1PyQRfGAUHVCJThBiI3MyYaNrEoXStWRIFSdUAinnt+1ECpNKMNZIRRdB1MSMGO/7wS+AAAAAElFTkSuQmCC) 18 1,pointer;cursor:-webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqElEQVR42u3Z0QqAMAiFYY3e/5XtNmLFwja1/V5G0A59mJKKr+zmusqk2qR4lQ+gHjZmbUGqOo0ThAhAAAIQYO0A+4RnDJ2XIPR7Qg/zkn0xq0FohS40gplCKCuh8CW9h9mZFoQyEDJHN+ANLB9AewhdOMmb+4cc+nQGCGUg1PyQRfGAUHVCJThBiI3MyYaNrEoXStWRIFSdUAinnt+1ECpNKMNZIRRdB1MSMGO/7wS+AAAAAElFTkSuQmCC) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAABIUlEQVR42u3dawoCMQwA4Ua8/5XrBaxQ6WPTfvNbVuyQOMguRtlH7Xx9lAN5FRBAAAggAFtYURZfa6fWvgiKiCPryAQQQAAIIAAEEAACCAABBIAAAkAAASCAAEzmfcBnSH1/kQkggAAQQABU0J8J1H9/UR301mECrCAQQAAIUEH5WVBTYQKsIBBAAAhIUkGeZB9YU61qMgFWEAEggABsrKBRT7JXx2kCCAABBICANMSoCvpRR2Xm9dMcdOMcTIAVRAAIIAAbK6jF1Dq67qBVkBUEAggAAXkqSB2pICsIBBAAAs7FM2KLaqd4RswKAgEEgICHfWkPvJbfiFSQFQQCCAABd1bQVXU06t9dTYAVRAAIIAC3VZAzNQFWEAgggABs5QOfZjDDGVT5tAAAAABJRU5ErkJggg==) 2x)18 1,pointer;cursor:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAqElEQVR42u3Z0QqAMAiFYY3e/5XtNmLFwja1/V5G0A59mJKKr+zmusqk2qR4lQ+gHjZmbUGqOo0ThAhAAAIQYO0A+4RnDJ2XIPR7Qg/zkn0xq0FohS40gplCKCuh8CW9h9mZFoQyEDJHN+ANLB9AewhdOMmb+4cc+nQGCGUg1PyQRfGAUHVCJThBiI3MyYaNrEoXStWRIFSdUAinnt+1ECpNKMNZIRRdB1MSMGO/7wS+AAAAAElFTkSuQmCC) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAABIUlEQVR42u3dawoCMQwA4Ua8/5XrBaxQ6WPTfvNbVuyQOMguRtlH7Xx9lAN5FRBAAAggAFtYURZfa6fWvgiKiCPryAQQQAAIIAAEEAACCAABBIAAAkAAASCAAEzmfcBnSH1/kQkggAAQQABU0J8J1H9/UR301mECrCAQQAAIUEH5WVBTYQKsIBBAAAhIUkGeZB9YU61qMgFWEAEggABsrKBRT7JXx2kCCAABBICANMSoCvpRR2Xm9dMcdOMcTIAVRAAIIAAbK6jF1Dq67qBVkBUEAggAAXkqSB2pICsIBBAAAs7FM2KLaqd4RswKAgEEgICHfWkPvJbfiFSQFQQCCAABd1bQVXU06t9dTYAVRAAIIAC3VZAzNQFWEAgggABs5QOfZjDDGVT5tAAAAABJRU5ErkJggg==) 2x)18 1,pointer}
.wrap{padding-bottom:76px}
.stage{height:calc(662*var(--u));position:relative;overflow:hidden}
@media (min-width:861px){:root{--u:min(calc(100vw/1024),calc((100vh - 60px)/662))}
.p-home .wrap{padding-bottom:0}
.stage{width:calc(1024*var(--u));margin:calc((100vh - 662*var(--u))/2)auto 0}
}
.stage [style*=--x]{left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));position:absolute}
.stage [style*=--w]{width:calc(var(--w)*var(--u))}
.name{z-index:4;text-align:center;white-space:nowrap;font-size:calc(120*var(--u));letter-spacing:0;margin:0;line-height:1}
.links{z-index:4;font-size:calc(24*var(--u));line-height:calc(29*var(--u));letter-spacing:0;margin:0}
.links a{margin-right:calc(7*var(--u));border-bottom:max(1px,calc(1.05*var(--u)))solid #000;text-decoration:none;display:inline-block}
.intro{z-index:4;color:var(--text);font-size:calc(17*var(--u));line-height:calc(23*var(--u));letter-spacing:0;margin:0}
.art{z-index:1;pointer-events:none;user-select:none;height:auto}
.me{z-index:3;margin:0}
.me:before{content:"";position:absolute;top:0;right:-16.74%;bottom:0;left:-16.74%}
.me-img{z-index:1;width:100%;position:relative}
.me-px{z-index:2;pointer-events:none;visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}
.me.is-px .me-px{visibility:visible}
.me.is-px .me-img{opacity:0}
.me-seat{z-index:0;pointer-events:none;user-select:none;max-width:none;height:auto;position:absolute}
.facebox{z-index:3;left:var(--fl);top:var(--ft);width:var(--fw);height:var(--fh);border:max(1px,calc(1.4*var(--u)))solid var(--yellow);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.68,-.6,.32,1.6);position:absolute}
.me:hover .facebox{opacity:1}
.fb-label{left:calc(-1.4*var(--u));background:var(--yellow);color:#000;font-size:calc(13*var(--u));line-height:calc(19*var(--u));padding:0 calc(7*var(--u));white-space:nowrap;letter-spacing:0;position:absolute;bottom:100%}
.facebox i{background:var(--yellow);position:absolute}
.facebox i:first-of-type{width:max(1px,calc(1.4*var(--u)));height:calc(8*var(--u));top:0;left:50%}
.facebox i:nth-of-type(2){width:max(1px,calc(1.4*var(--u)));height:calc(8*var(--u));bottom:0;left:50%}
.facebox i:nth-of-type(3){height:max(1px,calc(1.4*var(--u)));width:calc(8*var(--u));top:50%;left:0}
.facebox i:nth-of-type(4){height:max(1px,calc(1.4*var(--u)));width:calc(8*var(--u));top:50%;right:0}
.stage .tag{z-index:6;font-size:calc(17*var(--u));line-height:calc(26*var(--u));height:calc(26*var(--u));padding:0 calc(12*var(--u));letter-spacing:0}
.mail{z-index:4;font-size:calc(17*var(--u));line-height:calc(23*var(--u));letter-spacing:0;margin:0}
.mail a{text-decoration:none}
.clock{z-index:4;text-align:right;color:var(--text);font-family:var(--fclock);font-size:calc(21*var(--u));line-height:calc(31*var(--u));letter-spacing:0;white-space:nowrap;margin:0}
.clock .dg{text-align:center;width:.63em;display:inline-block}
.windows[hidden]{display:none!important}
.stage .win{--wu:var(--u);z-index:20}
.win{--wu:2px;color:#111;border-radius:calc(5*var(--wu));box-shadow:0 calc(8*var(--wu))calc(26*var(--wu))#00000047,0 0 0 max(1px,calc(.5*var(--wu)))#00000059;background:#fff;text-decoration:none;display:block;overflow:hidden}
a.win:hover .win-title{text-decoration:underline}
.win-bar{height:calc(11*var(--wu));background:#2c2c2c;display:block;position:relative}
.win-bar i{width:calc(4.2*var(--wu));height:calc(4.2*var(--wu));margin-top:calc(-2.1*var(--wu));background:#ff5f57;border-radius:50%;position:absolute;top:50%}
.win-bar i:first-of-type{left:calc(5*var(--wu))}
.win-bar i:nth-of-type(2){left:calc(11*var(--wu));background:#febc2e}
.win-bar i:nth-of-type(3){left:calc(17*var(--wu));background:#28c840}
.win-title{left:calc(26*var(--wu));right:calc(26*var(--wu));text-align:center;color:#e6e6e6;font-family:var(--fclock);font-size:calc(5.6*var(--wu));line-height:calc(11*var(--wu));letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:0;overflow:hidden}
.win-body{display:block}
.win-img img{width:100%}
.win-txt{padding:calc(9*var(--wu))calc(10*var(--wu))calc(10*var(--wu));font-family:var(--fmono);font-size:calc(7.4*var(--wu));letter-spacing:0;line-height:1.45}
.wt-head{margin-bottom:calc(5*var(--wu));color:#666;display:block}
.wt-row{justify-content:space-between;gap:calc(8*var(--wu));border-bottom:max(1px,calc(.5*var(--wu)))dotted #bbb;padding:calc(1.5*var(--wu))0;display:flex}
.wt-v{white-space:nowrap;font-weight:700}
.wt-note{margin-top:calc(6*var(--wu));color:#666;font-size:calc(6.2*var(--wu));display:block}
.win-chart{padding:calc(9*var(--wu))calc(10*var(--wu))calc(8*var(--wu));font-family:var(--f);letter-spacing:0}
.wc-title{font-size:calc(10*var(--wu));line-height:1.15;display:block}
.wc-bars{align-items:flex-end;gap:calc(6*var(--wu));height:calc(112*var(--wu));margin:calc(8*var(--wu))0 calc(4*var(--wu));border-bottom:max(1px,calc(.6*var(--wu)))solid #000;display:flex}
.wc-bar{height:var(--h);flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}
.wc-fill{background:#000;flex:1;display:block}
.wc-val{text-align:center;font-size:calc(6.6*var(--wu));line-height:1.5;position:absolute;bottom:100%;left:0;right:0}
.wc-mon{text-align:center;font-size:calc(6.6*var(--wu));line-height:1.6;position:absolute;top:100%;left:0;right:0}
.wc-note{margin-top:calc(12*var(--wu));color:var(--muted);font-size:calc(5.8*var(--wu));line-height:1.3;display:block}
.pop{color:#000;border:max(1px,calc(1*var(--u)))solid #000;overscroll-behavior:contain;background:#fff;border-radius:0;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:auto;padding:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}
.pop::backdrop{background:#fff0}
.pop-close-form{margin:0}
.pop .pop-close{z-index:5;top:calc(20*var(--u));right:calc(32*var(--u));font-size:calc(17*var(--u));line-height:calc(26*var(--u));height:calc(26*var(--u));padding:0 calc(12*var(--u));letter-spacing:0;position:absolute}
.pop [style*=--x]{left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w)*var(--u));position:absolute}
.pop-work{width:calc(894*var(--u));height:calc(525*var(--u));overflow:hidden}
.pop .tag{font-size:calc(17*var(--u));line-height:calc(26*var(--u));height:calc(26*var(--u));padding:0 calc(12*var(--u))}
.pw-title{left:calc(46*var(--u));top:calc(20*var(--u));font-size:calc(15*var(--u));line-height:calc(26*var(--u));color:var(--text);margin:0;position:absolute}
.pw-count{margin-left:calc(10*var(--u))}
.pw-track{left:calc(46*var(--u));right:calc(46*var(--u));top:calc(70*var(--u));height:calc(364*var(--u));scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;display:flex;position:absolute;overflow-x:auto;overflow-y:hidden}
.pw-track::-webkit-scrollbar{display:none}
.pw-track:focus-visible{outline-offset:6px}
.pw-slide{gap:calc(32*var(--u));scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;display:flex}
.pw-shot{flex:0 0 calc(470*var(--u));background:#fff;height:100%;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #d4d4d4}
.pw-shot img{object-fit:cover;object-position:left top;width:100%;max-width:none;height:100%}
.pw-info{flex-direction:column;flex:1;min-width:0;display:flex}
.pw-kind{margin:0 0 calc(14*var(--u));font-size:calc(14*var(--u));line-height:calc(20*var(--u));text-transform:uppercase;color:var(--text)}
.pw-kind span{margin-left:calc(6*var(--u))}
.pw-name{margin:0 0 calc(16*var(--u));font-size:calc(40*var(--u));line-height:1.02}
.pw-result{font-size:calc(19*var(--u));color:var(--text);margin:0;line-height:1.32}
.pw-more{align-self:flex-start;margin-top:auto}
.pw-slide-text .pw-info{padding-right:calc(110*var(--u))}
.pw-slide-text .pw-name{font-size:calc(58*var(--u));margin-bottom:calc(22*var(--u));line-height:1}
.pw-slide-text .pw-result{max-width:calc(600*var(--u));font-size:calc(24*var(--u));line-height:1.28}
.pw-nav{left:calc(46*var(--u));right:calc(46*var(--u));bottom:calc(30*var(--u));justify-content:space-between;align-items:center;gap:calc(20*var(--u));display:flex;position:absolute}
.pw-also{font-size:calc(15*var(--u));line-height:calc(22*var(--u));color:var(--text);margin:0}
.pw-arrows{gap:calc(8*var(--u));display:flex}
.pw-arrows .tag[disabled]{opacity:.25;cursor:default;color:#fff;box-shadow:none;background:#000}
.pop-content{width:min(1120px,100vw - 24px);padding:22px 32px 26px}
.pc-title{color:var(--text);text-transform:none;margin:0 0 18px;padding-right:110px;font-size:15px;line-height:26px}
.pc-title span{margin-left:8px}
.pc-reels{justify-content:flex-start}
.pc-links{margin:16px 0 0}
.pc-note{max-width:640px;margin:0;font-size:22px;line-height:1.3}
.pop-content .tag{height:26px;padding:0 12px;font-size:17px;line-height:26px}
.pop-content .pop-close{top:20px;right:32px}
.pop-resume{width:calc(560*var(--u));padding:calc(58*var(--u))calc(44*var(--u))calc(34*var(--u));text-align:center}
.pr-h{color:var(--text);text-transform:uppercase;font-size:calc(13*var(--u));line-height:calc(20*var(--u));letter-spacing:0;margin:0}
.pr-text{margin:calc(4*var(--u))auto calc(20*var(--u));max-width:calc(470*var(--u));font-size:calc(17*var(--u));line-height:calc(23*var(--u));letter-spacing:0}
.pr-list{text-align:left;border-top:max(1px,calc(1*var(--u)))solid #000;margin:0;padding:0;list-style:none}
.pr-list li{justify-content:space-between;gap:calc(14*var(--u));padding:calc(6*var(--u))0;border-bottom:1px solid var(--line);font-size:calc(14*var(--u));line-height:calc(18*var(--u));letter-spacing:0;display:flex}
.pr-date{color:var(--muted);white-space:nowrap}
.pr-links{align-items:center;gap:calc(10*var(--u));margin:calc(22*var(--u))0 0;flex-direction:column;display:flex}
.pr-dl{font-size:calc(17*var(--u));line-height:calc(24*var(--u));border-bottom:max(1px,calc(1.05*var(--u)))solid #000;letter-spacing:0;text-decoration:none}
.pr-more{font-size:calc(13*var(--u));color:var(--text)}
.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,2.6vw,38px);display:flex}
.top-name{letter-spacing:0;white-space:nowrap;font-size:clamp(30px,4.2vw,60px);line-height:1;text-decoration:none}
.top-nav{flex-wrap:wrap;gap:8px;display:flex}
.page{max-width:1120px;margin:0 auto;padding:clamp(26px,4.5vw,64px) clamp(16px,2.6vw,38px) 30px}
.page-head{margin-bottom:44px}
.case .page-head{margin-bottom:0}
.case .page-head+.facts{margin-top:34px}
.kicker{text-transform:uppercase;color:var(--text);margin:0 0 12px;font-size:15px;line-height:22px}
.kicker span{margin-left:8px}
.page-title{letter-spacing:0;max-width:15ch;margin:0 0 22px;font-size:clamp(44px,7.4vw,108px);line-height:.92}
.lede{max-width:640px;color:var(--text);margin:0 0 12px;font-size:clamp(18px,1.7vw,23px);line-height:1.32}
.tags-row{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}
.case-vis{max-width:780px;margin:40px 0 46px}
.result-line{color:#000;max-width:700px;margin:0 0 16px;font-size:clamp(21px,2.1vw,28px);line-height:1.25}
.case-sheet{margin:34px 0 44px}
.case-sheet iframe{background:#fff;border:1px solid #000;width:100%;height:min(560px,70vh);display:block}
.case-sheet figcaption{color:var(--text);margin-top:10px;font-size:17px;line-height:1.4}
.case-reels{margin:34px 0 44px}
.reels{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:18px;padding-bottom:12px;display:flex;overflow-x:auto}
.reel{scroll-snap-align:start;flex:none;width:min(340px,82vw)}
.reel .instagram-media{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
.case-reels .tags-row{margin-top:14px}
.win-big.win-k-txt,.win-big.win-k-chart{max-width:540px}
.facts{border-top:1px solid #000;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px 30px;margin:0 0 46px;padding-top:16px;display:grid}
.facts dt{text-transform:uppercase;color:var(--text);font-size:15px;line-height:22px}
.facts dd{margin:4px 0 0;font-size:18px;line-height:1.4}
.block{max-width:780px;margin:0 0 46px}
.block-h{letter-spacing:0;margin:0 0 16px;font-size:clamp(30px,3.7vw,50px);line-height:1}
.block h3{margin:24px 0 6px;font-size:22px;line-height:1.2}
.block p,.prose p,.about-text p{color:var(--text);margin:0 0 12px;font-size:19px;line-height:1.45}
.block a,.prose a,.about-text a:not(.tag){color:#000}
.note{border-left:2px solid #000;padding-left:12px;color:var(--text)!important;font-size:17px!important}
.dash,.nums,.learned{color:var(--text);margin:0 0 14px;padding-left:22px;font-size:19px;line-height:1.45}
.dash,.learned{list-style-type:"+  "}
.dash li,.nums li,.learned li{margin:0 0 6px}
.table-wrap{margin:6px 0 18px;overflow-x:auto}
table{border-collapse:collapse;width:100%}
caption{text-align:left;text-transform:uppercase;color:var(--text);padding-bottom:8px;font-size:15px;line-height:1.4}
th{text-align:left;text-transform:uppercase;color:var(--text);border-bottom:1px solid #000;padding:8px 12px 8px 0;font-size:15px;font-weight:400}
td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px 10px 0;font-size:18px;line-height:1.38}
td.big{white-space:nowrap;font-size:24px;line-height:1.1}
.talk{border-top:1px solid #000;max-width:780px;margin:56px 0 34px;padding-top:22px}
.talk p{color:var(--text);margin:0;font-size:19px;line-height:1.45}
.next{border-top:1px solid #000;margin:0 0 20px;padding-top:18px;font-size:clamp(22px,2.7vw,36px);line-height:1.15}
.next-k{color:var(--text);margin-bottom:6px;font-size:15px;line-height:22px;display:block}
.next a{border-bottom:1px solid #000;text-decoration:none}
.cv-list{margin:0;padding:0;list-style:none}
.cv-list li{border-top:1px solid #000;padding:14px 0 16px}
.cv-when{text-transform:uppercase;color:var(--text);margin:0 0 4px!important;font-size:15px!important;line-height:22px!important}
.cv-title{margin:0 0 6px;font-size:23px;line-height:1.2}
.cv-desc{margin:0!important;font-size:17px!important}
.facts-tools{margin-bottom:0}
.about-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:40px;margin-bottom:46px;display:grid}
.about-photo{margin:0}
.about-photo img{width:100%;max-width:420px;margin-left:auto}
.skill-line{margin:0 0 14px;color:#000!important;font-size:clamp(24px,3vw,40px)!important;line-height:1.15!important}
.slash{color:#bbb}
.prose{max-width:720px}
.foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;padding:26px clamp(16px,2.6vw,38px) 90px;display:flex}
.foot-left{margin:0;font-size:17px;line-height:1.4}
.foot-left a{text-decoration:none}
.foot-small{color:var(--text);margin-left:14px;font-size:15px}
.foot .clock{font-size:21px;line-height:1.3}
@media (max-width:860px){.wrap{padding-bottom:72px}
.stage{height:auto;padding:12px 16px 26px;overflow:visible}
.stage [style*=--x]{position:static}
.stage [style*=--w]{width:auto}
.name{text-align:left;white-space:normal;letter-spacing:0;margin:0 0 14px;font-size:calc(23.8vw - 7.616px);line-height:.9}
.n1,.n2{display:block}
.links{letter-spacing:0;margin:0 0 12px;font-size:21px;line-height:27px}
.links a{border-bottom-width:1px;margin-right:8px}
.intro{letter-spacing:0;max-width:34em;font-size:17px;line-height:23px}
.scene{height:calc(122vw - 39.04px);margin:6px -16px 0;position:relative;overflow:hidden}
.scene .art,.scene .me,.scene .tag{position:absolute!important}
.art-1{width:62%!important;top:-6%!important;left:50%!important}
.art-2{width:34%!important;top:42%!important;left:68%!important}
.art-3{width:50%!important;top:47%!important;left:1%!important}
.me{bottom:0;transform:translate(-50%);width:var(--mw,64%)!important;top:auto!important;left:50%!important}
.fb-label{padding:0 6px;font-size:12px;line-height:18px;left:-1px}
.facebox{border-width:1.5px}
.facebox i:first-of-type,.facebox i:nth-of-type(2){width:1.5px;height:7px}
.facebox i:nth-of-type(3),.facebox i:nth-of-type(4){width:7px;height:1.5px}
.stage .tag{letter-spacing:0;height:26px;padding:0 12px;font-size:17px;line-height:26px}
.t-resume{right:5%;top:22%!important;left:auto!important}
.t-work{top:47%!important;left:6%!important}
.t-content{top:63%!important;left:13%!important}
.t-contact{right:6%;top:76%!important;left:auto!important}
.windows{gap:14px;margin:18px 0 6px;scroll-margin-top:12px;display:grid}
.stage .win{--wu:calc((100vw - 32px)/250);width:100%!important;position:relative!important;top:auto!important;left:auto!important}
.stage .win:nth-child(2n){margin-left:6%;width:94%!important}
.stage .win:nth-child(odd){width:94%!important}
.mail{letter-spacing:0;margin:18px 0 4px;font-size:17px;line-height:23px}
.clock{text-align:left;font-size:18px;line-height:26px}
.pop{border:0;max-width:100vw;height:100dvh;max-height:100dvh;width:100vw!important}
.pop .pop-close{letter-spacing:0;height:26px;padding:0 12px;font-size:17px;line-height:26px;position:fixed;top:12px;right:12px}
.pop [style*=--x]{width:auto;position:static}
.pop .tag{height:26px;padding:0 12px;font-size:17px;line-height:26px}
.pw-title{font-size:15px;line-height:26px;top:14px;left:18px}
.pw-count{margin-left:10px}
.pw-track{height:auto;top:58px;right:0;bottom:112px;left:0}
.pw-slide{flex-direction:column;gap:16px;padding:0 18px;overflow-y:auto}
.pw-shot{aspect-ratio:16/10;flex:none;height:auto}
.pw-kind{margin-bottom:10px;font-size:14px;line-height:20px}
.pw-kind span{margin-left:6px}
.pw-name{margin-bottom:12px;font-size:32px}
.pw-result{font-size:18px}
.pw-more{margin-top:18px}
.pw-slide-text .pw-info{padding-right:0}
.pw-slide-text .pw-name{margin-bottom:18px;font-size:50px}
.pw-slide-text .pw-result{max-width:none;font-size:22px}
.pw-nav{flex-direction:column-reverse;align-items:flex-start;gap:14px;bottom:22px;left:18px;right:18px}
.pw-also{font-size:15px;line-height:21px}
.pw-arrows{gap:8px}
.pop-content{padding:16px 18px 30px}
.pc-title{padding-right:110px}
.pop-resume{padding:60px 18px 30px}
.pr-h{font-size:13px;line-height:20px}
.pr-text{letter-spacing:0;max-width:none;margin:6px 0 18px;font-size:17px;line-height:23px}
.pr-list li{letter-spacing:0;flex-direction:column;gap:2px;padding:8px 0;font-size:16px;line-height:21px}
.pr-dl{font-size:18px;line-height:26px}
.pr-more{font-size:15px}
.pr-links{gap:12px;margin-top:22px}
.about-grid{grid-template-columns:1fr;gap:22px}
.about-photo img{max-width:300px;margin:0}
.top-nav .tag{height:24px;padding:0 9px;font-size:15px;line-height:24px}
}
@media (max-width:380px){.top{padding:12px}
.top-nav{gap:6px}
}
@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}
.pw-track{scroll-behavior:auto}
}