/*
Theme Name: NEW EYES Portfolio
Author: León
Description: NEW EYESの一ページポートフォリオ。作品フィルター、画像拡大、タイピング、スクロールフェード、追従カーソルに対応。
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: new-eyes
*/

@font-face{font-family:'helvetica-neue-lt-pro';src:local('Helvetica Neue LT Pro'),local('HelveticaNeueLTPro-Roman');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'helvetica-neue-lt-pro';src:local('Helvetica Neue LT Pro Bold'),local('HelveticaNeueLTPro-Bd');font-style:normal;font-weight:700 900;font-display:swap}
:root{--bg:#fff;--ink:#000;--acid:#58FF5C;--line:#d8d8d8;--font:"helvetica-neue-lt-pro","Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--acid);outline-offset:5px}.skip{position:absolute;top:-80px;background:var(--acid);padding:15px;z-index:30}.skip:focus{top:0}.condensed{font-family:var(--font);font-weight:700}header{height:80px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--ink);position:sticky;top:0;z-index:10}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1.4px}.wordmark span{font-size:10px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:30px;font-size:11px}nav a:hover{opacity:.5}.header-caption{font-size:10px;letter-spacing:.05em}.hero{padding:24px 3.5% 30px;position:relative}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em}.hero h1{font-size:clamp(50px,17.7vw,300px);line-height:.9;letter-spacing:-.035em;margin:32px 0 0;white-space:nowrap;position:relative;z-index:2}.hero-stage{height:clamp(350px,34vw,620px);background:#d8d8d8;position:relative;margin-top:25px;overflow:hidden}.hero-stage:before{content:'A DIFFERENT WAY OF SEEING.';position:absolute;left:18px;bottom:16px;font-size:9px;z-index:2}.hero-main{height:135%;width:52%;object-fit:contain;position:absolute;left:25%;top:-10%;mix-blend-mode:multiply}.floating{position:absolute;object-fit:contain;filter:drop-shadow(8px 16px 10px #0002)}.float-left{left:5%;top:7%;width:25%;height:80%;transform:rotate(-10deg)}.float-right{right:4%;top:10%;height:78%;width:23%;transform:rotate(9deg)}.hero-sticker{position:absolute;right:23%;bottom:22px;background:var(--acid);width:100px;height:100px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:bold;transform:rotate(12deg);z-index:3}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px;line-height:1.8}.hero-bottom p{margin:0}.hero-bottom a{border-bottom:1px solid;padding-bottom:3px}.strip{background:var(--ink);color:var(--acid);overflow:hidden;white-space:nowrap;padding:13px 0;font-size:26px}.strip div{width:max-content;animation:drift 30s linear infinite}.strip span{margin:0 28px}@keyframes drift{to{transform:translateX(-50%)}}.gallery{padding:85px 3.5%}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-title h2{font-size:clamp(65px,10vw,150px);letter-spacing:-.02em;line-height:.85;margin:0}.section-title h2 sup{font:11px var(--font);vertical-align:top;margin-left:10px}.section-title p{font-size:10px;line-height:1.9;margin:0}.gallery-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);padding:20px 0 25px}.filters{display:flex;gap:8px}.filter{border:1px solid var(--ink);border-radius:30px;background:none;padding:9px 20px;font-size:11px}.filter[aria-pressed=true],.filter:hover{background:var(--ink);color:var(--bg)}.gallery-hint{font-size:10px;color:#666}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 20px}.piece{border:0;background:none;padding:0;text-align:left;min-width:0}.piece[hidden]{display:none}.image-wrap{aspect-ratio:4/5;background:#f2f2f2;position:relative;overflow:hidden;display:grid;place-items:center}.image-wrap img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s}.piece:hover img{transform:scale(1.035)}.piece:nth-child(7n+1){grid-column:span 2}.piece:nth-child(7n+1) .image-wrap{aspect-ratio:8.15/5}.expand{position:absolute;bottom:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;background:var(--bg);border-radius:50%;font-size:20px;transition:background .2s}.piece:hover .expand{background:var(--acid)}.caption{display:flex;justify-content:space-between;font-size:10px;line-height:1.6;gap:10px;margin-top:12px}.caption>span:last-child{color:#777;white-space:nowrap}.source-note{font-size:10px;color:#777;margin:30px 0 0}.source-note a{text-decoration:underline}.about{background:var(--ink);color:var(--bg);padding:80px 3.5%;display:grid;grid-template-columns:1fr 1.1fr;gap:7%}.about-intro h2{font-size:120px;line-height:.8;margin:0 0 35px}.about-content h3{font-size:70px;letter-spacing:-4px;font-weight:500;margin:0 0 15px}.role{font-size:16px;line-height:1.8;max-width:450px}.practice{font-size:11px;color:#aaa;line-height:2;letter-spacing:.04em;margin:25px 0 35px}.history-label{font-size:10px;letter-spacing:.1em;color:var(--acid);border-bottom:1px solid #fff5;padding-bottom:15px}.history{list-style:none;padding:0;margin:0}.history li{display:grid;grid-template-columns:48px 1fr;gap:15px;border-bottom:1px solid #fff3;padding:16px 0;font-size:11px;line-height:1.8}.history time{color:#aaa}.contact{padding:85px 3.5% 45px}.contact-label{display:flex;justify-content:space-between;font-size:10px}.contact h2{font-size:clamp(48px,11.4vw,180px);line-height:.85;letter-spacing:-.03em;margin:40px 0}.contact h2 span{display:block}.contact h2 .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.contact-links{border-top:1px solid;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:30px}.email{font-size:clamp(13px,2vw,28px);overflow-wrap:anywhere}.email:hover{text-decoration:underline}.instagram{font-size:11px;border-bottom:1px solid;padding:8px 0;white-space:nowrap}footer{border-top:1px solid var(--ink);margin:0 3.5%;padding:22px 0;display:flex;justify-content:space-between;gap:15px;font-size:9px}footer a{text-decoration:underline}dialog{border:0;position:fixed;padding:0;background:#151515;color:white;max-width:95vw;width:1100px;max-height:94svh}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.lightbox-image{display:block;max-height:78svh;width:100%;object-fit:contain;background:#191919}.lightbox-footer{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.lightbox-footer a{font-size:10px;text-decoration:underline}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;background:var(--bg);width:40px;height:40px;color:var(--ink);font-size:26px;z-index:2}.lightbox-nav{display:flex;gap:8px}.lightbox-nav button{border:1px solid #fff6;color:white;background:none;width:32px;height:32px}.intro{animation:intro .8s both}@keyframes intro{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){main,header,footer{max-width:1800px;margin-left:auto;margin-right:auto}}@media(max-width:700px){header{height:65px;padding:0 5%}.wordmark{font-size:21px}nav{gap:15px;font-size:10px}.header-caption{display:none}.hero{padding:22px 5%}.hero-top{font-size:8px}.hero h1{font-size:17.2vw;margin-top:30px}.hero-stage{height:390px;margin-top:20px}.hero-main{width:80%;left:10%;height:110%;top:-4%}.float-left{width:36%;height:55%;left:-7%;top:30%;transform:rotate(-13deg)}.float-right{width:35%;height:55%;right:-6%;top:2%}.hero-sticker{width:75px;height:75px;font-size:9px;right:5%;bottom:20px}.hero-stage:before{font-size:7px;left:10px}.hero-bottom{font-size:9px}.strip{font-size:21px;padding:11px 0}.gallery{padding:60px 5%}.section-title h2{font-size:clamp(36px,11vw,64px)}.section-title p{font-size:8px}.gallery-hint{display:none}.filter{padding:8px 16px;font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.piece:nth-child(7n+1){grid-column:auto}.piece:nth-child(7n+1) .image-wrap{aspect-ratio:4/5}.piece:first-child{grid-column:span 2}.piece:first-child .image-wrap{aspect-ratio:1.1}.caption{font-size:9px;flex-direction:column;gap:3px}.caption>span:last-child{font-size:8px}.about{padding:60px 5%;grid-template-columns:1fr;gap:35px}.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.about-intro h2{font-size:clamp(30px,9vw,60px)}.about-content h3{font-size:60px}.role{font-size:14px}.history li{font-size:10px}.contact{padding:60px 5% 35px}.contact-label{font-size:8px;gap:20px}.contact h2{font-size:13.3vw;margin-top:35px}.contact-links{align-items:start;flex-direction:column;gap:15px}.email{font-size:16px}.instagram{font-size:10px}footer{margin:0 5%;font-size:8px;flex-wrap:wrap}.lightbox-footer{font-size:10px;padding:15px;flex-wrap:wrap}.lightbox-image{max-height:73svh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.typing-line{display:inline-flex;align-items:center;min-height:1.5em;white-space:nowrap}.typing-cursor{width:7px;height:1.1em;display:inline-block;margin-left:5px;background:var(--acid);animation:caret .9s step-end infinite}@keyframes caret{50%{opacity:0}}.wordmark span{color:var(--ink);background:var(--acid);padding:1px 3px;margin-left:4px}.filter[aria-pressed=true]{background:var(--acid);border-color:var(--ink);color:var(--ink)}.filter:hover{background:var(--ink);color:var(--bg)}nav a:hover{opacity:1;box-shadow:0 3px 0 var(--acid)}.email:hover,.instagram:hover{background:var(--acid);color:var(--ink)}.hero-top{gap:15px}.hero-top>span:last-child{white-space:nowrap}.strip{font-size:22px;line-height:1.2}.about-intro h2{font-size:clamp(60px,7.8vw,120px)}@media(max-width:700px){.about-intro h2{font-size:clamp(30px,9vw,60px)}.hero-top{font-size:7px;gap:8px}.typing-cursor{width:5px;margin-left:3px}.strip{font-size:18px}}@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none;opacity:1}}
.bio{font-size:14px;line-height:2.1;max-width:520px;margin:24px 0 18px;line-break:strict;overflow-wrap:anywhere}.profile-instagram{display:inline-block;font-size:12px;color:var(--acid);text-underline-offset:4px}.profile-instagram:hover{text-decoration:underline}@media(max-width:700px){.bio{font-size:13px;line-height:2}}


.mouse-follower{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none!important;z-index:2147483647;opacity:0;visibility:hidden;mix-blend-mode:normal;will-change:transform}
.mouse-follower:before{content:"";position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:#58FF5C;transform:translate(-50%,-50%) scale(1);transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .2s ease}
.mouse-follower.is-visible{opacity:1;visibility:visible}
.mouse-follower.is-hover{mix-blend-mode:difference}
.mouse-follower.is-hover:before{background:#fff;transform:translate(-50%,-50%) scale(1.6)}
@media(hover:hover) and (pointer:fine){html.custom-cursor-active,html.custom-cursor-active *{cursor:none!important}}
@media(hover:none),(pointer:coarse){.mouse-follower{display:none!important}}
@media(prefers-reduced-motion:reduce){.mouse-follower:before{transition:none}}
.scroll-type-run,.type-visual,[data-type-char]{display:inline!important}.scroll-type-run [data-type-char]{visibility:hidden}.scroll-type-run [data-type-char].is-typed{visibility:visible}.typing-cursor{animation:none}
.reveal-pending{opacity:0;translate:0 28px;transition:opacity .85s cubic-bezier(.22,1,.36,1),translate .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-revealed,.reveal-pending:focus-within{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;translate:none;transition:none}}
.about-intro{align-content:start}.about-intro h2{margin-bottom:0}@media(max-width:700px){.about-intro{grid-template-columns:1fr}}
.portrait-wrap{width:100%;max-width:420px;aspect-ratio:1.05;margin-top:35px;background:#222;overflow:hidden}.portrait-wrap img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:700px){.portrait-wrap{max-width:360px;margin-top:25px}}

body.admin-bar header{top:32px}@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{top:0}}.wp-content{max-width:1000px;margin:auto;padding:70px 5%;min-height:60vh}.wp-content img{max-width:100%;height:auto}.wp-content h1{font-size:clamp(32px,6vw,80px)}.wp-content a{text-decoration:underline}.wp-content article{padding:25px 0;border-bottom:1px solid #ddd}.wp-content p{line-height:1.9}.wp-content .post-thumbnail{max-height:600px;object-fit:contain}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.aligncenter{display:block;margin-inline:auto}.sticky{border-top:2px solid #58ff5c}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}