@charset "UTF-8";
:root{--bg:#0b0c0c;--surface:#141616;--text:#f4f4ef;--muted:#9b9e9b;--line:#303331;--lime:#d3f96a;--gutter:clamp(24px,5vw,88px);font-family:Arial,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:120px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:2px solid var(--lime);outline-offset:6px}[hidden]{display:none!important}.muted{color:var(--muted)}.accent{color:var(--lime)}.section{padding:100px var(--gutter)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500;line-height:1.8}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:11px}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:var(--lime);color:#111;padding:15px}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:absolute;top:0;left:0;width:100%;height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);z-index:20;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.15;font-weight:700;letter-spacing:.06em}.brand img{width:42px;height:48px;filter:invert(1);mix-blend-mode:screen;object-fit:contain}.brand>span{position:relative}.brand-dot{font-size:8px;vertical-align:top;margin-left:3px}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav>a{font-size:12px;position:relative}.site-header nav>a small{display:block;color:#b2b5b0;font-size:9px;margin-top:5px;letter-spacing:.05em}.site-header nav>a[aria-current=page]:after{content:"";height:3px;width:3px;border-radius:50%;background:var(--lime);position:absolute;left:-12px;top:7px}.site-header nav>a:hover{color:var(--lime)}.site-header nav .nav-contact{border:1px solid #ffffff55;padding:13px 16px;margin-left:10px}.nav-contact span{margin-left:20px}.menu-toggle{display:none}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:20px 24px;font-size:13px;line-height:1.4;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button-lime{background:var(--lime);color:#141810}.button-lime:hover{background:#e3ff9e}.text-link{display:inline-flex;gap:40px;align-items:center;background:none;border-bottom:1px solid #848882;padding:0 0 12px;font-size:13px;transition:color .2s,border-color .2s}.text-link:hover{color:var(--lime);border-color:var(--lime)}
.hero{height:max(760px,100svh);max-height:1150px;min-height:720px;position:relative;overflow:hidden;background:#06080e}.hero-photo{position:absolute;inset:0 0 0 30%}.hero-photo img{width:100%;height:100%;object-position:50% 50%;filter:brightness(.82)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06080e 4%,#06080ef0 20%,#06080e38 63%,#06080e00),linear-gradient(0deg,#06080e 0%,transparent 24%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:190px 0 100px var(--gutter);width:65%}.hero h1{font-size:clamp(90px,10.8vw,176px);line-height:.88;font-weight:500;letter-spacing:-.075em;margin:34px 0 33px}.hero h1>span{color:var(--lime)}.hero-description{font-size:18px;line-height:1.85;letter-spacing:.06em;margin-bottom:30px}.hero-description .muted{font-size:13px;letter-spacing:.035em}.hero-foot{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;z-index:2;font-size:9px;letter-spacing:.1em;color:#c5c9c5}.hero-foot a{display:flex;align-items:center;gap:40px}.hero-foot a span{font-size:23px}.hero-index{position:absolute;right:var(--gutter);bottom:130px;writing-mode:vertical-rl;z-index:2;font-size:9px;letter-spacing:.14em;color:#bdc4ca}
.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.07em;color:var(--muted);padding-bottom:35px;border-top:1px solid var(--line);padding-top:22px}.intro-body{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;padding:26px 0 20px}.intro h2,.section-heading h2{font-size:clamp(34px,3.8vw,58px);line-height:1.5;letter-spacing:-.045em;font-weight:500}.intro-copy{padding-top:12px;max-width:390px}.intro-copy p,.section-aside{font-size:14px;line-height:2.1;color:var(--muted);letter-spacing:.025em}.intro-copy .text-link{margin-top:32px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px;color:var(--muted)}.selected{padding-top:54px}.selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.feature-work{display:block}.feature-work>img{width:100%;height:auto;aspect-ratio:1.12;transition:filter .4s}.feature-work:hover>img,.wide-work:hover>img{filter:brightness(1.13)}.feature-work>div{position:relative;padding-top:21px}.feature-work span{font-size:10px;color:var(--muted);letter-spacing:.07em;display:block;margin-bottom:10px}.feature-work b{font-size:20px;font-weight:400;letter-spacing:.03em}.feature-work i{position:absolute;right:5px;top:27px;font-size:24px;font-style:normal}.wide-work{display:block;position:relative;margin-top:60px;height:490px;overflow:hidden}.wide-work>img{width:100%;height:100%;filter:brightness(.6);transition:filter .4s}.wide-work:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent)}.wide-work>div{position:absolute;inset:42px;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.wide-work>div>span{font-size:10px;letter-spacing:.08em}.wide-work h3{font-size:clamp(28px,3.5vw,48px);font-weight:400;line-height:1.5;letter-spacing:-.035em}.round-arrow{position:absolute;right:0;bottom:0;border:1px solid #fff9;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:25px!important}
.practice{padding-top:45px}.service-list{border-top:1px solid var(--line)}.service-row{display:flex;align-items:center;gap:45px;padding:29px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.service-row:hover{padding-left:14px;color:var(--lime)}.row-number{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.service-row h3{font-size:24px;line-height:1.5;font-weight:400;letter-spacing:.035em}.service-row p{font-size:11px;letter-spacing:.04em;color:var(--muted);margin-top:7px}.row-arrow{margin-left:auto;font-size:28px;font-weight:300}.artist-strip{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:10%;padding-top:64px}.artist-strip-image{height:500px;overflow:hidden}.artist-strip-image img{width:100%;height:100%;object-position:50% 35%;filter:saturate(.7)}.artist-strip .eyebrow{color:var(--muted);margin-bottom:30px}.artist-strip h2{font-size:48px;font-weight:400;line-height:1.5}.artist-strip h2 span{display:block;font-size:25px;letter-spacing:-.03em;margin-top:8px}.artist-strip p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted);margin:28px 0}.contact-band{padding:86px var(--gutter);background:var(--lime);color:#151a10;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:70px}.contact-band h2{font-size:clamp(36px,5vw,70px);font-weight:500;line-height:1.45;letter-spacing:-.045em;margin-top:25px}.circle-link{width:170px;height:170px;border:1px solid #151a1088;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:transform .2s,background .2s;flex-shrink:0}.circle-link:hover{transform:rotate(-7deg);background:#151a100c}.circle-link span{font-size:14px}.circle-link b{font-weight:300;font-size:45px;line-height:1.2}
.site-footer{padding:66px var(--gutter) 24px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-bottom:58px}.footer-wordmark{font-size:22px;letter-spacing:-.04em;font-weight:600}.footer-wordmark span{display:block;font-size:8px;letter-spacing:.16em;margin-top:13px;color:var(--muted)}.footer-top p{font-size:11px;line-height:2;color:var(--muted)}.footer-mail{font-size:14px;border-bottom:1px solid #6c746b;padding-bottom:9px}.footer-mail:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:9px;line-height:1.8}.footer-bottom a:hover{color:var(--lime)}
.page-intro{padding-top:190px;padding-bottom:62px}.page-intro>.eyebrow{color:var(--muted);margin-bottom:32px}.page-intro h1{font-size:clamp(40px,5.4vw,82px);letter-spacing:-.055em;line-height:1.45;font-weight:400}.page-intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:45px;font-size:12px;line-height:1.9}.page-intro-bottom>span{font-size:10px;letter-spacing:.12em}.about-panorama{height:580px;overflow:hidden}.about-panorama img{width:100%;height:100%;object-position:50% 55%}.about-story,.artist-bio{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding-top:100px}.about-story>.eyebrow,.artist-bio>.eyebrow{color:var(--muted);padding-top:12px}.about-story h2,.artist-bio h2{font-size:clamp(28px,3.2vw,46px);line-height:1.6;font-weight:400;letter-spacing:-.04em;margin-bottom:32px}.about-story p:not(.eyebrow),.artist-bio>div>p{font-size:15px;line-height:2.2;color:#d0d3cd;margin-top:20px;max-width:740px}.english-copy{font-size:14px!important;color:var(--muted)!important;line-height:1.9!important;letter-spacing:.005em}.values{padding-top:30px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.value-grid article{border-top:1px solid var(--line);padding-top:25px}.value-grid article>span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.value-grid h3{font-size:32px;font-weight:400;margin:35px 0 22px}.value-grid p{font-size:14px;line-height:2;color:var(--muted)}
.services-details{padding-top:20px}.service-detail{display:grid;grid-template-columns:65px 1.1fr 1fr;align-items:start;gap:30px;border-top:1px solid var(--line);padding:34px 0 45px;scroll-margin-top:30px}.service-detail .row-number{margin-top:10px}.service-detail h2{font-weight:400;font-size:27px;line-height:1.6}.service-detail h2 small{display:block;font-weight:400;font-size:11px;letter-spacing:.03em;color:var(--muted);margin-top:8px}.service-detail p{font-size:13px;color:var(--muted);line-height:2.1;padding-top:5px}.work-archive{padding-top:10px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:35px}.filter-bar button{padding:11px 17px;background:none;border:1px solid var(--line);border-radius:30px;font-size:11px;color:var(--muted);transition:all .2s}.filter-bar button.active{background:var(--lime);color:#18200d;border-color:var(--lime)}.filter-bar small{font-size:9px;margin-left:8px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.gallery-item{background:none;padding:0;text-align:left;width:100%}.gallery-image{position:relative;overflow:hidden;aspect-ratio:1.22;background:var(--surface)}.gallery-image img{width:100%;height:100%;transition:transform .6s,filter .5s}.gallery-image>span{position:absolute;right:14px;bottom:14px;background:#0c0f0cb0;border:1px solid #ffffff66;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-size:19px}.gallery-item:hover img{transform:scale(1.05);filter:brightness(1.12)}.gallery-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:14px;letter-spacing:.05em}
.artist-hero{padding-top:190px;display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:center}.artist-hero .eyebrow{color:var(--muted);margin-bottom:32px}.artist-hero h1{font-size:42px;font-weight:400;letter-spacing:.05em}.artist-hero h1>span{display:block;font-size:clamp(55px,6.5vw,96px);line-height:.98;letter-spacing:-.065em;font-weight:400;margin-top:24px}.artist-tagline{font-size:14px;line-height:2;color:var(--muted);margin:36px 0}.artist-hero figure>img{width:100%;height:570px;object-position:50% 30%}.artist-hero figcaption,.contact-details figcaption{font-size:9px;letter-spacing:.08em;color:var(--muted);margin-top:16px}.artist-bio{padding-top:40px}.bio-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px;border-top:1px solid var(--line);padding-top:30px}.bio-facts span{font-size:10px;color:var(--muted);letter-spacing:.08em}.bio-facts p{font-size:12px;line-height:2;margin-top:20px}.cv{padding-top:40px}.cv-columns{display:grid;grid-template-columns:1fr 1fr;gap:9%}.cv-columns>div>h3{font-size:23px;font-weight:400;margin-bottom:25px}.cv-columns h3>span{color:var(--muted);font-size:12px;margin-left:15px}.cv-year{border-top:1px solid var(--line)}.cv-year summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:20px;padding:23px 0}.cv-year summary::-webkit-details-marker{display:none}.cv-year summary>span{font-size:25px;font-weight:400}.cv-year summary small{font-size:9px;color:var(--muted);letter-spacing:.05em;margin-left:auto}.cv-year summary b{font-size:20px;font-weight:400;transition:transform .2s}.cv-year[open] summary b{transform:rotate(45deg);color:var(--lime)}.cv-year ul{padding:0 0 25px 16px;margin:0;color:#bfc4bc;font-size:12px;line-height:2}.cv-year li{padding:4px 0 7px 5px}.cv-year li::marker{color:#68765c}
.contact-hero{padding-top:190px;padding-bottom:80px}.contact-hero h1{font-size:clamp(48px,6.6vw,100px);font-weight:400;line-height:1.4;letter-spacing:-.055em;margin:35px 0}.contact-lead{font-size:14px;line-height:2.1;color:var(--muted)}.contact-big-mail{display:flex;align-items:center;justify-content:space-between;gap:25px;width:max-content;max-width:100%;font-size:clamp(19px,3.8vw,56px);font-weight:400;letter-spacing:-.04em;border-bottom:1px solid #686d64;margin-top:55px;padding-bottom:19px}.contact-big-mail>span{color:var(--lime);margin-left:25px}.contact-big-mail:hover{color:var(--lime)}.contact-options{display:flex;align-items:center;gap:30px;margin-top:30px}.copy-status{color:var(--lime);font-size:11px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);padding-top:75px}.contact-details h2{font-size:40px;font-weight:400;line-height:1.6;margin:30px 0}.contact-details dl{margin:0}.contact-details dl>div{display:grid;grid-template-columns:85px 1fr;border-top:1px solid var(--line);padding:23px 0;gap:15px}.contact-details dt{font-size:9px;letter-spacing:.05em;color:var(--muted);padding-top:6px}.contact-details dd{margin:0;font-size:13px;line-height:2}.contact-details dd span{display:block;font-size:10px;color:var(--muted);margin-top:12px}.contact-details figure>img{height:600px;width:100%}.not-found{min-height:75vh;padding-top:230px}.not-found h1{font-size:clamp(32px,5vw,66px);font-weight:400;margin:30px 0}.not-found>p:not(.eyebrow){color:var(--muted);margin-bottom:35px}
.lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;border:0;background:#070909f7;color:white;padding:70px 85px 40px;margin:0}.lightbox::backdrop{background:#000d}.lightbox[open]{display:flex;align-items:center;justify-content:center;gap:30px}.lightbox figure{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;max-width:calc(100% - 100px)}.lightbox figure>img{object-fit:contain;max-height:calc(100svh - 160px);max-width:100%;width:auto;height:auto}.lightbox figcaption{font-size:11px;color:#bac0b5;margin-top:18px;line-height:1.5}.lightbox button{background:none;padding:10px;font-size:26px}.lightbox .lightbox-close{position:absolute;top:22px;right:30px;font-size:12px;letter-spacing:.05em}.lightbox-prev,.lightbox-next{flex-shrink:0}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{color:var(--lime)}body.lightbox-open{overflow:hidden}
@media(min-width:1700px){.section,.site-footer,.contact-band{padding-left:max(var(--gutter),calc((100vw - 1500px)/2));padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}.hero-content{padding-left:max(var(--gutter),calc((100vw - 1500px)/2))}}
@media(max-width:1050px){.site-header nav{gap:20px}.hero-content{width:80%}.hero h1{font-size:130px}.intro-body{gap:6%}.section{padding-top:75px;padding-bottom:75px}.page-intro,.contact-hero{padding-top:170px}.artist-hero{padding-top:175px;gap:7%}.artist-strip{gap:7%}.hero{height:850px;min-height:0}.wide-work{height:420px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.artist-hero figure>img{height:510px}.contact-details figure>img{height:580px}}
@media(max-width:760px){:root{--gutter:24px;scroll-padding-top:90px}.site-header{height:85px;position:absolute}.brand{font-size:11px;gap:9px}.brand img{width:31px;height:38px}.menu-toggle{display:flex;position:relative;width:62px;height:42px;align-items:center;background:none;z-index:25}.menu-toggle>span{font-size:10px;position:absolute;left:0;top:5px}.menu-toggle i{position:absolute;right:0;width:22px;height:1px;background:white;top:12px;transition:transform .2s,top .2s}.menu-toggle i:last-child{top:20px}.menu-toggle[aria-expanded=true] i{transform:rotate(45deg);top:16px}.menu-toggle[aria-expanded=true] i:last-child{transform:rotate(-45deg)}.site-header nav{display:none;position:fixed;inset:0;background:#111511;padding:120px 30px 60px;flex-direction:column;align-items:stretch;justify-content:center;gap:28px}.site-header nav.open{display:flex}.site-header nav>a{font-size:24px;padding-bottom:10px;border-bottom:1px solid var(--line)}.site-header nav>a small{font-size:11px;margin-top:10px}.site-header nav>a[aria-current=page]:after{left:-13px;top:13px}.site-header nav .nav-contact{margin-left:0;font-size:15px;padding:18px;margin-top:15px}.menu-open{overflow:hidden}.section{padding-top:60px;padding-bottom:60px}.hero{height:calc(100svh);max-height:950px;min-height:760px}.hero-photo{inset:85px 0 0 0}.hero-photo img{object-position:64% center;filter:brightness(.8)}.hero:after{background:linear-gradient(90deg,#06080ee0,transparent),linear-gradient(0deg,#06080e 4%,#06080e33 40%,#06080e44 65%,#06080e 100%)}.hero-content{padding:160px 24px 70px;width:100%}.hero h1{font-size:clamp(92px,17vw,140px);margin:35px 0;line-height:.92}.hero-description{font-size:16px}.hero-description .muted{font-size:11px}.hero .eyebrow{font-size:9px;letter-spacing:.09em}.hero .button{margin-top:8px}.hero-foot{bottom:22px;font-size:8px;align-items:center;gap:15px}.hero-foot a{font-size:0;gap:0}.hero-foot a span{font-size:24px}.hero-index{display:none}.intro-body{grid-template-columns:1fr;gap:24px;padding-top:12px}.section-label{font-size:8px;padding-bottom:20px}.intro h2,.section-heading h2{font-size:34px;line-height:1.6}.intro-copy{max-width:100%}.intro-copy p{font-size:13px}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:16px}.selected{padding-top:20px}.selected-grid{grid-template-columns:1fr;gap:38px}.feature-work>img{aspect-ratio:1.15}.feature-work b{font-size:18px}.wide-work{height:410px;margin-top:40px}.wide-work>div{inset:25px}.wide-work h3{font-size:29px}.round-arrow{height:42px;width:42px;font-size:20px!important}.section-aside{font-size:12px}.practice{padding-top:20px}.service-row{gap:20px;padding:25px 0}.service-row h3{font-size:20px}.service-row p{font-size:10px}.service-row:hover{padding-left:5px}.artist-strip{grid-template-columns:1fr;gap:35px}.artist-strip-image{height:480px;width:100%;max-width:480px}.artist-strip h2{font-size:34px}.artist-strip h2 span{font-size:21px}.artist-strip .eyebrow{margin-bottom:18px}.artist-strip p:not(.eyebrow){font-size:13px}.contact-band{margin-top:35px;padding-top:55px;padding-bottom:55px;gap:25px;align-items:end}.contact-band .eyebrow{font-size:8px;max-width:180px}.contact-band h2{font-size:31px;margin-top:24px;white-space:nowrap}.circle-link{width:83px;height:83px;gap:3px}.circle-link span{font-size:10px}.circle-link b{font-size:27px}.site-footer{padding-top:45px}.footer-top{flex-direction:column;gap:25px;padding-bottom:35px}.footer-wordmark{font-size:21px}.footer-top p{font-size:10px}.footer-mail{font-size:14px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:8px}.footer-bottom>span:nth-child(2){order:3;width:100%}.page-intro{padding-top:145px;padding-bottom:45px}.page-intro h1{font-size:38px}.page-intro>.eyebrow{font-size:10px;margin-bottom:24px}.page-intro-bottom{margin-top:28px;align-items:start;gap:24px;flex-direction:column;font-size:11px}.about-panorama{height:390px}.about-story,.artist-bio{grid-template-columns:1fr;gap:26px}.about-story h2,.artist-bio h2{font-size:28px}.about-story p:not(.eyebrow),.artist-bio>div>p{font-size:13px;line-height:2.1}.value-grid{grid-template-columns:1fr;gap:35px}.value-grid h3{font-size:28px;margin:23px 0 16px}.value-grid p{font-size:13px}.services-details{padding-top:0}.service-detail{grid-template-columns:26px 1fr;gap:15px;padding:25px 0 30px}.service-detail h2{font-size:23px}.service-detail p{grid-column:2;font-size:12px}.service-detail .row-number{font-size:10px}.service-detail h2 small{font-size:10px}.work-archive{padding-top:0}.filter-bar{gap:8px}.filter-bar button{font-size:10px;padding:10px 12px}.gallery-grid{gap:25px 12px}.gallery-image{aspect-ratio:.95}.gallery-image>span{width:27px;height:27px;right:8px;bottom:8px;font-size:16px}.gallery-caption{font-size:8px;letter-spacing:0}.artist-hero{padding-top:145px;grid-template-columns:1fr;gap:40px}.artist-hero h1{font-size:34px}.artist-hero h1>span{font-size:73px}.artist-hero figure>img{height:520px;max-width:440px}.artist-tagline{font-size:13px;margin:25px 0}.artist-bio{padding-top:20px}.bio-facts{gap:18px}.bio-facts p{font-size:10px}.cv{padding-top:15px}.cv-columns{grid-template-columns:1fr;gap:45px}.cv-columns>div>h3{font-size:22px}.contact-hero{padding-top:145px}.contact-hero h1{font-size:49px;margin:26px 0}.contact-hero .eyebrow{font-size:8px}.contact-lead{font-size:12px}.contact-lead br{display:none}.contact-big-mail{font-size:clamp(17px,4.6vw,28px);margin-top:35px;gap:10px;letter-spacing:-.045em;width:100%}.contact-big-mail>span{margin-left:0}.contact-options{flex-wrap:wrap;gap:23px}.contact-options .button{font-size:12px;padding:17px 20px;gap:25px}.contact-options .text-link{font-size:11px;gap:0}.contact-details{grid-template-columns:1fr;gap:40px}.contact-details h2{font-size:32px}.contact-details figure>img{height:400px}.contact-details dl>div{grid-template-columns:70px 1fr;gap:12px}.contact-details dd{font-size:12px}.contact-details dd span{font-size:9px}.lightbox{padding:65px 10px 40px}.lightbox[open]{gap:4px}.lightbox figure{max-width:calc(100% - 62px)}.lightbox button{padding:5px;font-size:22px}.lightbox .lightbox-close{right:17px;top:24px;font-size:12px}.lightbox figcaption{font-size:9px;text-align:center}.not-found{padding-top:170px}.not-found h1{font-size:32px}}
@media(max-width:480px){.contact-band{flex-direction:column;align-items:start;gap:25px}.contact-band .circle-link{align-self:end}.artist-hero h1>span{font-size:clamp(54px,16.5vw,73px)}.contact-hero h1{font-size:clamp(41px,12.5vw,49px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.artist-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}

/* Language links stay visible beside the menu at every viewport size. */
.site-header{gap:24px}
.site-header nav{margin-left:auto}
.language-switch{display:flex;gap:4px;align-items:center;flex-shrink:0;position:relative;z-index:26;white-space:nowrap}
.language-switch a{padding:8px 9px;border:1px solid transparent;border-radius:3px;font-size:10px;line-height:1.3;color:var(--muted)}
.language-switch a[aria-current=page]{color:var(--lime);border-color:var(--line)}
.language-switch a:hover{color:var(--text);border-color:var(--muted)}
html[lang=en] .page-intro h1{font-size:clamp(36px,4.7vw,72px);line-height:1.22;letter-spacing:-.045em}
html[lang=en] .intro h2,html[lang=en] .section-heading h2{line-height:1.25;letter-spacing:-.045em}
html[lang=en] .intro h2{font-size:clamp(34px,4vw,58px)}
html[lang=en] .contact-band h2{line-height:1.2;white-space:normal}
html[lang=en] .service-detail h2{font-size:24px;line-height:1.35}
html[lang=en] .hero-description{font-size:16px;letter-spacing:0}
html[lang=en] .hero-description .muted{max-width:360px;letter-spacing:0}
html[lang=en] .about-story h2,html[lang=en] .artist-bio h2{line-height:1.35}
html[lang=en] .contact-hero h1{line-height:1.12}
html[lang=en] .footer-bottom>span:nth-child(2){max-width:380px}
@media(max-width:1100px) and (min-width:981px){.site-header{gap:16px}.site-header nav{gap:17px}.nav-contact span{margin-left:10px}.site-header nav .nav-contact{margin-left:0;padding:12px}}
@media(max-width:980px){
 .site-header{height:85px;position:absolute;gap:16px}
 .brand{margin-right:auto;font-size:11px;gap:9px}.brand img{width:31px;height:38px}
 .language-switch{order:2}.language-switch a{padding:7px 8px}
 .menu-toggle{order:3;display:flex;position:relative;width:62px;height:42px;align-items:center;background:none;z-index:25;flex-shrink:0}
 .menu-toggle>span{font-size:10px;position:absolute;left:0;top:5px}
 .menu-toggle i{position:absolute;right:0;width:22px;height:1px;background:white;top:12px;transition:transform .2s,top .2s}
 .menu-toggle i:last-child{top:20px}.menu-toggle[aria-expanded=true] i{transform:rotate(45deg);top:16px}.menu-toggle[aria-expanded=true] i:last-child{transform:rotate(-45deg)}
 .site-header nav{display:none;position:fixed;inset:0;background:#111511;padding:110px 30px 45px;flex-direction:column;align-items:stretch;justify-content:center;gap:24px;margin:0;overflow:auto}
 .site-header nav.open{display:flex}.site-header nav>a{font-size:24px;padding-bottom:10px;border-bottom:1px solid var(--line)}
 .site-header nav>a small{font-size:11px;margin-top:10px}.site-header nav>a[aria-current=page]:after{left:-13px;top:13px}
 .site-header nav .nav-contact{margin-left:0;font-size:15px;padding:18px;margin-top:15px}.menu-open{overflow:hidden}
}
@media(max-width:760px){
 html[lang=en] .hero-description{font-size:14px;line-height:1.65;max-width:310px}
 html[lang=en] .hero-description .muted{font-size:11px;max-width:260px}
 html[lang=en] .page-intro h1{font-size:36px}
 html[lang=en] .contact-band h2{font-size:34px}
 html[lang=en] .service-row h3{font-size:19px;line-height:1.45}
 html[lang=en] .service-detail h2{font-size:21px}
 html[lang=en] .section-heading h2{font-size:34px}
 html[lang=en] .contact-hero h1{font-size:54px}
 html[lang=en] .language-switch a{font-size:10px}
}

.hero-light-field{position:absolute;inset:85px 0 0 28%;z-index:1;pointer-events:none;opacity:.8;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,black 20%,black 93%,transparent);mask-image:linear-gradient(90deg,transparent,black 20%,black 93%,transparent)}
.hero-light-field canvas{display:block;width:100%;height:100%}
.light-field-toggle{position:absolute;z-index:3;right:var(--gutter);bottom:78px;padding:9px 12px;border:1px solid #c4d8ef45;border-radius:3px;background:#06101b80;backdrop-filter:blur(6px);font-size:10px;line-height:1.4;letter-spacing:.04em;color:#c8d7df;transition:border-color .2s,color .2s}
.light-field-toggle:hover{border-color:var(--lime);color:var(--lime)}
@media(max-width:760px){.hero-light-field{inset:85px 0 0 0;opacity:.56;-webkit-mask-image:linear-gradient(90deg,transparent,black 38%,black);mask-image:linear-gradient(90deg,transparent,black 38%,black)}.light-field-toggle{bottom:62px;right:24px;font-size:9px;padding:8px 10px}}

/* Each chapter has its own decorative scene; copy remains above the artwork. */
.page-visual{position:relative;isolation:isolate;overflow:hidden}
.page-visual>:not(.hero-light-field):not(.light-field-toggle){position:relative;z-index:2}
.page-visual>.hero-light-field{inset:105px 0 0 46%;opacity:.94;-webkit-mask-image:linear-gradient(90deg,transparent,black 27%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent,black 27%,black 88%,transparent)}
.page-visual>.light-field-toggle{bottom:19px;z-index:3}
.page-artist .page-visual>figure{z-index:0}
.page-artist .page-visual>.hero-light-field{inset:160px 20% 100px 32%;opacity:1;-webkit-mask-image:radial-gradient(ellipse at 55% 50%,transparent 20%,black 56%,transparent 98%);mask-image:radial-gradient(ellipse at 55% 50%,transparent 20%,black 56%,transparent 98%)}
.page-contact .page-visual>.hero-light-field{inset:115px -2% 28px 49%}
@media(max-width:760px){
 .page-visual>.hero-light-field{inset:95px -25% 10px 26%;opacity:.45;-webkit-mask-image:linear-gradient(90deg,transparent,black 30%,black);mask-image:linear-gradient(90deg,transparent,black 30%,black)}
 .page-visual>.light-field-toggle{bottom:16px;font-size:9px}
 .page-artist .page-visual>.hero-light-field{inset:360px -20% 75px -20%;opacity:.65}
 .page-contact .page-visual>.hero-light-field{inset:130px -30% 30px 25%;opacity:.4}
}
