/* Nury's portfolio: monochrome, open compositions and scroll-linked movement. */
:root{--bg:#090909;--paper:#f2f2ef;--muted:#a6a6a2;--accent:#f2f2ef;--line:#2b2b2b}body{background:var(--bg)}header{position:fixed;inset:0 0 auto;z-index:30;height:112px;padding:25px 3%;border:0;background:linear-gradient(#090909ed,#09090900);align-items:flex-start;pointer-events:none}header a,header nav{pointer-events:auto}.brand{gap:8px}.brand>span{font:600 27px/1 Manrope,Arial,sans-serif;letter-spacing:-1.5px}.brand small{writing-mode:initial;font-size:11px;letter-spacing:1px;align-self:flex-end;line-height:1.1}.header-end{align-items:flex-start;gap:32px}.header-cta{border:0;border-bottom:1px solid #888;padding:0 0 4px}nav{margin-left:auto;margin-right:8%;display:grid;grid-template-columns:1fr 1fr;gap:2px 30px;font-size:14px;line-height:1.5}.hero{position:relative;display:block;min-height:700px;height:100svh;max-height:1100px;isolation:isolate}.hero-center{position:absolute;inset:20% 10% 24%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;will-change:transform,opacity}.hero-center h1{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(100px,19vw,300px);line-height:.76;letter-spacing:-.085em;margin:44px 0 30px;display:flex;align-items:baseline;gap:.05em}.hero-center h1 span{font-size:.15em;letter-spacing:-.04em}.hero-center .eyebrow{font-size:12px;letter-spacing:3px}.hero-tag{font-size:16px;color:var(--muted);margin:0}.hero-bottom{position:absolute;bottom:40px;left:3%;right:3%;display:flex;align-items:flex-end;justify-content:space-between;font-size:12px;line-height:1.5}.hero-bottom p{margin:0}.hero-bottom p:last-child{text-align:right}.hero-bottom a{display:flex;align-items:center;gap:20px;font-size:12px}.scroll-line{height:46px;width:1px;background:#444;position:relative;overflow:hidden}.scroll-line:after{content:'';height:18px;width:1px;background:#ddd;position:absolute;animation:scroll-cue 2.5s infinite}@keyframes scroll-cue{from{transform:translateY(-20px)}to{transform:translateY(50px)}}
#work{padding:90px 4% 100px;max-width:none}#work .section-top{align-items:center;margin:0 2% 40px}#work h2{font-size:clamp(38px,6vw,90px);font-weight:400}#work .filters{margin-left:2%;margin-bottom:100px}.filters button{border:0;border-radius:0;padding:8px 0;margin-right:24px;background:none;color:#888}.filters button[aria-pressed=true]{background:none;color:white;border-bottom:1px solid white}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:85px 3%;align-items:start}.work{grid-column:span 4;will-change:transform}.work:nth-child(6n+1){grid-column:1/6;margin-top:0}.work:nth-child(6n+2){grid-column:8/11;margin-top:140px}.work:nth-child(6n+3){grid-column:2/5;margin-top:20px}.work:nth-child(6n+4){grid-column:6/13;margin-top:130px}.work:nth-child(6n+5){grid-column:1/7;margin-top:30px}.work:nth-child(6n+6){grid-column:9/13;margin-top:210px}.photo img{aspect-ratio:4/5;filter:saturate(.7);transform:scale(1.04);transition:transform .65s,filter .65s}.photo:hover img{transform:scale(1.085);filter:saturate(1)}.photo{background:#161616}.zoom{opacity:0;transition:opacity .2s}.photo:hover .zoom,.photo:focus-visible .zoom{opacity:1}figcaption{font-size:12px;color:#aaa;margin-top:14px}.gallery-note{margin:90px 2% 0}.gallery.is-filtered{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.gallery.is-filtered .work{grid-column:auto;margin-top:0;transform:none!important}.empty{margin:0 2%}.showcase{height:300svh;position:relative;margin:80px 0;contain:paint}.showcase-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:#101010}.showcase-heading{position:absolute;z-index:2;top:120px;left:4%;right:4%;display:flex;justify-content:space-between;pointer-events:none}.showcase-count{font-size:14px;margin:0}.showcase-track{display:flex;height:100%;width:300%;will-change:transform}.showcase-panel{position:relative;width:calc(100% / 3);flex:none;margin:0;display:flex;align-items:center;justify-content:center;padding:135px 10% 70px;isolation:isolate}.showcase-panel img{height:min(62vh,650px);width:auto;max-width:64vw;object-fit:contain;position:relative;z-index:1}.showcase-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Manrope,Arial,sans-serif;font-size:clamp(140px,30vw,500px);letter-spacing:-.07em;color:#343434;line-height:1;font-weight:400;z-index:0}.showcase-panel figcaption{position:absolute;bottom:35px;left:4%;right:4%;z-index:2;display:flex;justify-content:space-between;font-size:14px}.showcase-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#333}.showcase-progress span{display:block;width:100%;height:100%;background:white;transform-origin:left;transform:scaleX(0);will-change:transform}.styles{border-top:0;padding:100px 5%}.styles h2{font-size:clamp(40px,6vw,85px)}.style-list article{grid-template-columns:45px 1.5fr 1fr;padding:50px 0}.style-list h3{font-size:clamp(44px,7vw,115px);font-weight:400;letter-spacing:-.065em}.style-list p{font-size:15px;max-width:310px;justify-self:end}.about{padding:120px 8%;gap:12%}.about-art{overflow:hidden}.about-art img{will-change:transform}.about-copy h2{font-weight:400;font-size:clamp(38px,4vw,60px)}blockquote{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:27px;letter-spacing:-.04em;border:0;padding:0;line-height:1.4}.visit{background:#deded9}.visit h2{font-size:clamp(42px,5vw,78px);font-weight:400}.contact{padding:140px 4% 90px;border-top:0;overflow:hidden}.contact h2{font-size:clamp(64px,13vw,200px);font-weight:400;letter-spacing:-.065em;will-change:transform}.button{background:none;border:1px solid #777;color:var(--paper);font-weight:400}.button:hover{background:var(--paper);color:var(--bg)}.dark{color:#111;border-color:#111}.dark:hover{background:#111;color:white}.socials{gap:50px}footer{padding:30px 4%}.footer-name{font:500 32px Manrope,Arial,sans-serif;letter-spacing:-2px}.reveal-ready{opacity:0;transform:translateY(40px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.6,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.work.reveal-ready{opacity:1;transition:none;transform:translate3d(0,var(--parallax,0px),0)}.work.reveal-ready .photo{clip-path:inset(14% 0 14%);opacity:.12;transition:clip-path 1s cubic-bezier(.2,.6,.2,1),opacity .8s}.work.reveal-ready.is-visible .photo{clip-path:inset(0);opacity:1}.showcase-heading .eyebrow{color:#c7c7c4}
@media(max-width:800px){header{height:92px;padding:24px 5%}.brand>span{font-size:25px}.brand small{display:none}nav{display:none}.header-cta{display:block;font-size:12px}.header-end{gap:24px}.hero{height:90svh;min-height:580px}.hero-center{inset:20% 5% 24%}.hero-center h1{font-size:25vw}.hero-center .eyebrow{font-size:10px;letter-spacing:2px}.hero-bottom{left:5%;right:5%;bottom:30px;font-size:11px}.hero-bottom a{font-size:11px;gap:10px}.hero-bottom p:last-child{display:none}#work{padding-top:50px}#work .section-top{align-items:flex-start}#work .filters{margin-bottom:50px}.filters button{margin-right:16px;font-size:12px}.gallery{gap:50px 4%}.work:nth-child(6n+1){grid-column:1/8}.work:nth-child(6n+2){grid-column:9/13;margin-top:100px}.work:nth-child(6n+3){grid-column:1/6;margin-top:0}.work:nth-child(6n+4){grid-column:7/13;margin-top:80px}.work:nth-child(6n+5){grid-column:1/8}.work:nth-child(6n+6){grid-column:9/13;margin-top:110px}.gallery.is-filtered{grid-template-columns:1fr 1fr;gap:25px 15px}.gallery figcaption{font-size:11px;display:block}.gallery figcaption small{display:none}.gallery-note{margin-top:60px}.showcase{height:240svh;margin:20px 0 50px}.showcase-stage{min-height:520px}.showcase-heading{top:100px;left:6%;right:6%}.showcase-heading .eyebrow{font-size:10px}.showcase-panel{padding:140px 2% 65px}.showcase-panel img{max-width:76vw;height:min(57svh,600px)}.showcase-word{font-size:35vw}.showcase-panel figcaption{left:6%;right:6%;font-size:12px}.style-list article{grid-template-columns:24px 1fr;padding:32px 0;gap:16px}.style-list h3{font-size:clamp(38px,9vw,70px)}.style-list p{grid-column:2;justify-self:start;max-width:100%}.styles{padding:60px 6%}.about{padding:70px 7%;gap:35px}.about-art{max-width:90%}.contact{padding:90px 5% 70px}.contact h2{font-size:15vw}.contact .eyebrow{font-size:10px}.socials{gap:28px}.zoom{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-center,.work,.about-art img,.contact h2{transform:none!important;opacity:1!important}.scroll-line:after{animation:none}.reveal-ready,.work.reveal-ready .photo{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.showcase{height:auto!important}.showcase-stage{height:auto;position:relative;padding-top:110px}.showcase-heading{position:static;padding:0 6%}.showcase-track{width:100%;height:auto;display:block;transform:none!important}.showcase-panel{width:100%;height:85svh;padding:50px 10%}.showcase-progress{display:none}}
.no-motion .showcase{height:auto}.no-motion .showcase-stage{position:relative;height:auto;padding-top:110px}.no-motion .showcase-heading{position:static;padding:0 6%}.no-motion .showcase-track{display:block;width:100%;transform:none!important}.no-motion .showcase-panel{width:100%;height:85svh}.no-motion .showcase-progress{display:none}
/* Supplied official artwork, displayed intact in its original proportions. */
.brand-logo{display:block;width:112px;height:auto;max-width:none}.hero-center h1.logo-heading{display:block;width:min(560px,65vw);margin:28px 0;font-size:inherit;line-height:1;letter-spacing:normal}.logo-heading img{width:100%;height:auto;object-fit:contain}.footer-brand{display:block;width:110px;flex:none}.footer-brand img{width:100%;height:auto}
@media(max-width:800px){.brand-logo{width:88px}.hero-center h1.logo-heading{width:min(460px,82vw);margin:28px 0}.footer-brand{width:96px}}

/* Spatial portfolio: three independent depths, continuous movement and a quiet central mark. */
.motion-active .hero{height:100svh;min-height:620px;max-height:none}
.motion-active .hero-center{position:fixed;inset:0;z-index:12;pointer-events:none;will-change:opacity,transform}
.motion-active .hero-center h1.logo-heading{width:min(330px,52vw)}
.motion-active .hero-center .eyebrow,.motion-active .hero-tag{transition:none}
.motion-active #work{padding-top:0;padding-bottom:70px}
.motion-active #work .section-top{padding-top:40px;margin-bottom:24px}
.motion-active #work h2{font-size:clamp(32px,4vw,60px)}
.motion-active #work .filters{margin-bottom:40px}
.motion-active .gallery:not(.is-filtered){position:relative;display:block;height:var(--world-height,2800px);margin:0 -4.35%;isolation:isolate}
.motion-active .gallery:not(.is-filtered) .work{position:absolute;left:var(--card-x);top:var(--card-top);width:var(--card-width);margin:0;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0);z-index:var(--depth);will-change:transform}
.motion-active .work .photo{opacity:1!important;clip-path:none!important;transition:none!important;display:block;width:100%}
.motion-active .work .photo img{transform:none;filter:grayscale(1);aspect-ratio:4/5;object-fit:cover;transition:filter .4s}
.motion-active .work .photo:hover img{filter:grayscale(0)}
.motion-active .gallery:not(.is-filtered) figcaption{font-size:12px;line-height:1.4;margin-top:10px}
.motion-active .gallery-note{margin-top:25px}
.motion-active .showcase{height:350svh;contain:none;margin-top:0}
.motion-active .showcase-stage{height:100svh;min-height:0;background:#090909;perspective:1100px}
.motion-active .showcase-track{width:100%;height:100%;position:relative;transform:none!important;display:block}
.motion-active .showcase-panel{position:absolute;inset:0;width:100%;height:100%;padding:140px 5% 80px;will-change:transform,opacity;transform-origin:50% 70%;background:#090909}
.motion-active .showcase-panel img{height:min(66svh,720px);max-width:74vw;box-shadow:0 20px 80px #0008}
.motion-active .showcase-word{font-size:31vw;color:#252525}
.motion-active .showcase-heading{z-index:5}
.motion-active .showcase-progress{z-index:5}
@media(max-width:800px){.motion-active .hero{min-height:540px}.motion-active .hero-center h1.logo-heading{width:58vw}.motion-active #work .filters{margin-bottom:24px}.motion-active .gallery:not(.is-filtered) figcaption small{display:none}.motion-active .gallery:not(.is-filtered) figcaption{font-size:11px}.motion-active .showcase{height:290svh}.motion-active .showcase-panel img{max-width:84vw;height:60svh}.motion-active .showcase-panel{padding:120px 4% 70px}}
.motion-active .hero{z-index:12}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}