.intro-bg{z-index:10000;background:#0a0a0a;height:100dvh;position:fixed;top:0;left:0;right:0}.name-layer{z-index:10005;pointer-events:none;justify-content:center;align-items:center;height:100dvh;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.preloader-content{transform-origin:50%;align-items:baseline;display:flex;position:relative}#preloader-logo{opacity:0;z-index:2;font-weight:300;font-family:var(--font-breton), sans-serif;letter-spacing:-.02em;color:#f0f0f0;flex-shrink:0;font-size:clamp(2.2rem,9vw,9rem);line-height:1.2;position:relative}#preloader-taufique{opacity:0;font-family:var(--font-breton), sans-serif;letter-spacing:-.08em;color:#f0f0f0;white-space:nowrap;margin-left:-.1em;font-size:clamp(2.2rem,9vw,9rem);font-weight:300;line-height:1.2;position:absolute;top:0;left:100%}#preloader-ansari{opacity:0;font-family:var(--font-other), sans-serif;letter-spacing:-.08em;color:#f0f0f0;white-space:nowrap;font-size:clamp(2.2rem,9vw,9rem);line-height:1.2;position:absolute;top:0}#preloader-logo .char,#preloader-ansari .char,#preloader-taufique .char{overflow:visible}#preloader-dot{font-family:var(--font-other), sans-serif;color:#f0f0f0;opacity:0;font-size:clamp(2.2rem,9vw,9rem);line-height:1.2;position:absolute;top:0}.transition-panel{z-index:10002;pointer-events:none;height:100dvh;position:fixed;top:0;left:0;right:0}.t-panel-red{will-change:transform;background:#ff1e00;position:absolute;inset:0;transform:translateY(100%)}.t-panel-dark{will-change:transform;background:#0a0a0a;position:absolute;inset:0;transform:translateY(100%)}
.scroll-wrap{height:400vh;position:relative}.hero{opacity:0;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.hero-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:1;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2rem 3rem;display:flex;position:relative}.hero-content *{pointer-events:auto}.hero-tagline{font-family:var(--font-breton), sans-serif;letter-spacing:.01em;color:#f0f0f0;mix-blend-mode:difference;clip-path:inset(0 0 100%);opacity:0;max-width:28rem;font-size:.85rem;line-height:1.7;position:absolute;top:3rem;left:3rem}.hero-tagline .other-accent{font-family:var(--font-other), sans-serif}.hero-bar{mix-blend-mode:difference;clip-path:inset(0 0 100%);opacity:0;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:3rem;left:3rem;right:3rem}.hero-line{mix-blend-mode:difference;transform-origin:0;opacity:0;background:#ffffff80;height:1px;position:absolute;bottom:5.8rem;left:3rem;right:3rem}.hero-bar-left .chr-hover .ch-top,.hero-bar-left .chr-hover .ch-bot{transition:none}.hero-bar-left .chr-hover:hover .ch-top,.hero-bar-left .chr-hover:hover .ch-bot{transform:none}.hero-bar-center{align-items:center;gap:1.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero-bar-center .sep{color:#fff3;-webkit-user-select:none;user-select:none;font-size:1.2rem}.hero-bar-right{gap:2rem;display:flex}@media (max-width:768px){.hero-bar-left,.hero-bar-right{display:none}.hero-bar-center{margin:0 auto;position:static;transform:none}.hero{height:100dvh}.hero-content{padding:1.5rem}.hero-tagline{max-width:calc(100vw - 3rem);font-size:.75rem;top:1.5rem;left:1.5rem}.hero-line{bottom:4.3rem;left:1.5rem;right:1.5rem}.hero-bar{bottom:1.5rem;left:1.5rem;right:1.5rem}.hero-bar .chr-hover .ch-top,.hero-bar .chr-hover .ch-bot{font-size:.9rem}}
.reveal-image-wrap{z-index:10002;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.reveal-image{object-fit:cover;will-change:transform;width:100%;height:100%;display:block;position:absolute;transform:scale(0)}.reveal-frame{will-change:transform;pointer-events:none;position:absolute;inset:0;transform:scale(0)}.reveal-overlay{opacity:0;pointer-events:none;background:#0a0a0a;position:absolute;inset:0}.reveal-corner{z-index:2;pointer-events:none;width:18px;height:18px;position:absolute}.reveal-corner:before,.reveal-corner:after{content:"";background:#fff;position:absolute}.reveal-corner:before{width:1px;height:100%;top:0;left:50%}.reveal-corner:after{width:100%;height:1px;top:50%;left:0}.reveal-corner.tl{top:2rem;left:2rem}.reveal-corner.tr{top:2rem;right:2rem}.reveal-corner.bl{bottom:2rem;left:2rem}.reveal-corner.br{bottom:2rem;right:2rem}.reveal-phrase{z-index:2;font-family:var(--font-other), sans-serif;color:#f0f0f0;text-align:center;letter-spacing:-.02em;pointer-events:none;font-size:clamp(1.1rem,2.2vw,2rem);line-height:1.1;position:absolute}.reveal-phrase .rp-char{text-shadow:0 0 18px #000000e6,0 0 40px #0009}
.section-after{z-index:20010;background:#0a0a0a;min-height:100vh;position:relative}.section-after:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(#0000,#0a0a0a);height:30vh;position:absolute;top:-30vh;left:0;right:0}.about{min-height:100vh;padding:45vh 4rem 80vh;position:relative}.about-text{z-index:20;width:66.6%;font-family:var(--font-breton), sans-serif;letter-spacing:-.01em;color:#f0f0f0;font-size:clamp(1.8rem,3.6vw,3.4rem);line-height:1.45;position:relative}.about-text .word,.about-sub .word,.about-version .word{opacity:0;filter:blur(8px);transition:none;display:inline-block}.about-text .other-accent,.about-sub .other-accent{font-family:var(--font-other), sans-serif}.about-sub{z-index:20;width:28%;font-family:var(--font-breton), sans-serif;letter-spacing:-.005em;color:#f0f0f0;margin-top:12vh;margin-left:20%;font-size:clamp(.9rem,1.8vw,1.7rem);line-height:1.6;position:relative}.about-btn{z-index:20;margin-top:3.5rem;margin-left:20%;position:relative}.about-version{z-index:20;text-align:right;width:66.6%;font-family:var(--font-breton), sans-serif;letter-spacing:-.01em;color:#f0f0f0;margin-top:16vh;font-size:clamp(1.8rem,3.6vw,3.4rem);line-height:1.45;position:relative}.about-photo-wrap{z-index:5;position:absolute;top:35vh;right:0}.about-photo{object-fit:cover;will-change:transform;opacity:0;filter:blur(20px);border-radius:280px 0 0 280px;width:min(55vw,780px);height:auto;display:block}@media (hover:none) and (pointer:coarse){.about-text .word,.about-sub .word,.about-version .word{filter:none}}@media (max-width:768px){.about{padding:12vh 1.5rem 20vh}.about-text{width:100%}.about-sub{width:100%;margin-top:5vh;margin-left:0}.about-btn{margin-left:0}.about-version{width:100%;margin-top:8vh}.about-photo-wrap{width:100%;margin-top:6vh;position:relative;top:auto;right:auto}.about-photo{border-radius:140px 140px 0 0;width:100%}}
.projects{z-index:20010;min-height:100vh;padding:20vh 0;position:relative}.projects-inner{align-items:flex-start;min-height:100vh;display:flex;position:relative}.projects-list{z-index:10;flex-direction:column;justify-content:center;gap:0;width:45%;height:100vh;padding-left:12vw;display:flex;position:sticky;top:0}.proj-item{font-family:var(--font-breton), sans-serif;letter-spacing:-.02em;color:#fff3;cursor:pointer;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #ffffff14;padding:.5em 0;font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:1.15;transition:color .5s}.proj-item:first-child{border-top:1px solid #ffffff14}.proj-item.active{color:#f0f0f0}.fluid-line-svg{pointer-events:none;z-index:1;width:100%;height:calc(100% + 100vh);position:absolute;top:-30vh;left:0;overflow:visible}.fluid-line{fill:none;stroke:#ff1e00;stroke-width:72px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:768px){.projects{z-index:30030;padding:35vh 0 10vh;position:relative}.projects-inner{flex-direction:column}.projects-list{width:100%;height:auto;padding-left:1.5rem;padding-right:1.5rem;position:relative;top:auto}.proj-item{white-space:normal;font-size:clamp(1.6rem,7vw,2.5rem)}}
.circle-gallery{z-index:20001;background:#0a0a0a;height:600vh;position:relative;overflow:hidden}.circle-gallery-pin{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.cg-img{aspect-ratio:3/2;width:clamp(120px,14vw,210px);transform-style:preserve-3d;position:absolute}.cg-slice{will-change:transform;height:100%;position:absolute;top:0}.cg-phrase{font-family:var(--font-breton), sans-serif;color:#fff;text-align:center;will-change:opacity, transform;z-index:900;max-width:600px;font-size:clamp(1.6rem,3.5vw,3.2rem);line-height:1.3;position:absolute}.cg-phrase .word{opacity:0;filter:blur(8px);display:inline-block}.cg-phrase .other-accent{font-family:var(--font-other), sans-serif}@media (max-width:768px){.circle-gallery,.cg-phrase{display:none!important}}
.skills{z-index:30010;background:#0a0a0a;min-height:100vh;padding-bottom:30vh;position:relative}.skills-inner{z-index:30013;align-items:flex-start;min-height:100vh;display:flex;position:relative}.skills-left{flex-direction:column;flex-shrink:0;justify-content:flex-start;width:60%;height:100vh;padding-top:15vh;padding-left:8rem;padding-right:4rem;display:flex;position:sticky;top:0}.skills-subtitle{font-family:var(--font-breton), sans-serif;letter-spacing:-.02em;color:#f0f0f0;margin-bottom:2.5rem;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:300;line-height:1.2}.skills-text{font-family:var(--font-zirena), sans-serif;text-transform:uppercase;color:#f0f0f0;max-width:100%;margin-bottom:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.1}.skills-text .other-accent{font-family:var(--font-zirena), sans-serif}.skills-separator{background:#ffffff26;width:100%;height:1px;margin:3rem 0}.skills-contact{cursor:pointer;color:inherit;margin-bottom:3rem;text-decoration:none;display:inline-flex}.skills-arrow{color:#ff1e00;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;font-size:clamp(8rem,14vw,12rem);line-height:1}.skills-right{flex-shrink:0;width:40%;padding:15vh 4rem 50vh 2rem}.skill-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.8rem 0;display:flex}.skill-header-title{font-family:var(--font-breton), sans-serif;letter-spacing:-.01em;color:#f0f0f0;font-size:clamp(2rem,2.8vw,2.6rem);font-weight:300;transition:color .3s}.skill-group.open .skill-header-title{color:#f0f0f0}.skill-header-icon{flex-shrink:0;width:24px;height:24px;position:relative}.skill-header-icon:before,.skill-header-icon:after{content:"";background:#f0f0f0;transition:transform .4s cubic-bezier(.87,0,.13,1);position:absolute}.skill-header-icon:before{height:1px;top:50%;left:3px;right:3px;transform:translateY(-50%)}.skill-header-icon:after{width:1px;top:3px;bottom:3px;left:50%;transform:translate(-50%)}.skill-group.open .skill-header-icon:after{transform:translate(-50%)rotate(90deg)}.skill-body{height:0;overflow:hidden}.skill-body-inner{margin:0;padding:0 0 1.6rem;list-style:none}.skill-body-inner li{font-family:var(--font-breton), sans-serif;color:#ffffff73;font-size:clamp(1rem,1.3vw,1.2rem);line-height:2.2}@media (max-width:768px){.skills-inner{flex-direction:column}.skills-left{width:100%;height:auto;padding:8vh 1.5rem 3vh;position:relative}.skills-right{width:100%;padding:0 1.5rem 15vh}.skills-arrow{font-size:clamp(4rem,20vw,7rem)}}
.contact{z-index:30015;min-height:180vh;position:relative;overflow:hidden}.contact-pin{z-index:20006;height:100vh;position:sticky;top:0}.contact-bg{z-index:5;pointer-events:none;background:#0a0a0a;display:none;position:fixed;inset:0}.contact-blob-wrap{z-index:30012;pointer-events:none;justify-content:center;align-items:flex-end;height:0;display:flex;position:fixed;bottom:0;left:0;right:0}.contact-blob{will-change:transform;background:#f0f0f0;border-radius:50%;width:300vmax;height:300vmax;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)scale(0)}.contact-title{font-family:var(--font-zirena), sans-serif;letter-spacing:-.03em;color:#0a0a0a;z-index:3;pointer-events:none;white-space:nowrap;will-change:transform;font-size:clamp(5rem,13vw,12rem);font-weight:800;line-height:.9;position:absolute;top:6%;left:6%}.contact-frame{aspect-ratio:2/3;z-index:2;pointer-events:none;will-change:transform, filter;width:25%;position:absolute;top:10%;left:75%;overflow:hidden}.contact-frame-img{object-fit:cover;will-change:transform;width:100%;height:145%;display:block}.contact-dispo{text-align:justify;z-index:4;pointer-events:none;will-change:transform, opacity;width:12.5%;position:absolute}#contact-dispo{top:32%;left:56.25%}.contact-dispo p{font-family:var(--font-breton), sans-serif;letter-spacing:-.005em;color:#0a0a0a;margin:.65rem 0;font-size:clamp(.95rem,1.5vw,1.35rem);line-height:1}.contact-dispo .other-accent{font-family:var(--font-other), sans-serif}#contact-frame-2{top:70%;left:50%}#contact-dispo-2{top:72%;left:81.25%;right:auto}.contact-bottom{z-index:3;flex-direction:column;align-items:flex-start;gap:1.4rem;display:flex;position:absolute;bottom:8vh;left:6%}.contact-socials{clip-path:inset(0 0 100%);flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.contact-socials .chr-hover{font-size:clamp(1.2rem,2vw,1.8rem)}.contact-socials .chr-hover .ch-top,.contact-socials .chr-hover .ch-bot{color:#0a0a0a;font-size:inherit;text-transform:none;letter-spacing:-.01em;font-family:var(--font-breton), sans-serif}.contact-mail{font-family:var(--font-breton), sans-serif;color:#0a0a0a;clip-path:inset(0 0 100%);letter-spacing:-.01em;font-size:clamp(1rem,1.5vw,1.25rem);text-decoration:none;transition:opacity .3s}.contact-mail:hover{opacity:.4}@media (max-width:768px){.contact-title{text-align:center;width:100%;font-size:clamp(3.5rem,15vw,6rem);top:15%;left:50%;transform:translate(-50%)!important}.contact-frame{display:none!important}.contact-dispo{text-align:center;width:85%;left:50%!important;transform:translate(-50%)!important}#contact-dispo{top:36%}#contact-dispo-2{top:54%;right:auto}.contact-dispo p{text-align:center;font-size:clamp(.95rem,4vw,1.2rem);line-height:1.4}.contact-bottom{align-items:center;width:100%;bottom:8vh;left:50%;transform:translate(-50%)!important}.contact-socials{align-items:center}}
.footer-transition{z-index:20007;pointer-events:none;height:80vh;position:relative}.footer{z-index:20008;visibility:hidden;background:#0a0a0a;height:100vh;position:fixed;inset:0;overflow:hidden}.footer-content{flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative}.footer-ascii-wrap{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0;overflow:hidden}.footer-ascii{will-change:transform;align-items:center;width:50%;height:100%;display:flex;overflow:hidden}.footer-ascii pre{letter-spacing:.5em;color:#ff3b14;white-space:pre;-webkit-user-select:none;user-select:none;opacity:.7;pointer-events:auto;cursor:default;font-family:Courier New,monospace;font-size:clamp(.35rem,.5vw,.6rem);line-height:1.1}.footer-ascii.left{justify-content:flex-start}.footer-ascii.right{justify-content:flex-end}.footer-top{z-index:2;justify-content:space-between;padding:2.5rem 3rem;display:flex;position:absolute;top:0;left:0;right:0}.footer-top-col{flex-direction:column;gap:.6rem;display:flex}.footer-top-col a{text-decoration:none}.footer-top-col .chr-hover .ch-top,.footer-top-col .chr-hover .ch-bot{color:#fff}.footer-top-col .footer-mail .ch-top,.footer-top-col .footer-mail .ch-bot{text-transform:none}.footer-top-col .footer-date .ch-top,.footer-top-col .footer-date .ch-bot{color:#fff;pointer-events:none}.footer-top-col .footer-date .ch-wrap{cursor:default}.footer-name{z-index:1;white-space:nowrap;justify-content:space-between;align-items:baseline;width:100%;padding:0 1.5vw;display:flex;position:absolute;bottom:0;left:0}.footer-name-luke{font-family:var(--font-breton), sans-serif;letter-spacing:-.06em;color:#f0f0f0;font-size:12vw;font-weight:300;line-height:.8}.footer-name-luke .first-letter{letter-spacing:-.02em}.footer-name-baffait{font-family:var(--font-other), sans-serif;letter-spacing:-.06em;color:#f0f0f0;font-size:12vw;line-height:.8}.footer-name-dot{font-family:var(--font-other), sans-serif;color:#ff1e00;font-size:12vw;line-height:.8}@media (max-width:768px){.footer-top{padding:0;display:block;position:absolute;inset:0}.footer-top-col{gap:.8rem;width:auto;position:absolute}.footer-top-col:first-child{text-align:center;align-items:center;width:100%;top:60vh;left:50%;transform:translate(-50%)}.footer-top-col:nth-child(2){text-align:right;align-items:flex-end;top:2rem;right:2rem}.footer-top-col:nth-child(3){text-align:left;align-items:flex-start;top:2rem;left:2rem}.footer-ascii-wrap{display:flex;overflow:visible}.footer-ascii{width:max-content;overflow:visible}}@media (max-width:1200px){.footer-ascii.right{display:none!important}}
.scroll-timeline{z-index:30015;opacity:0;pointer-events:none;flex-direction:column;align-items:center;height:80vh;transition:opacity .4s;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.scroll-timeline.visible{opacity:1}.st-label{font-family:var(--font-breton), sans-serif;color:#fff;white-space:nowrap;letter-spacing:.02em;font-size:clamp(.8rem,1vw,.95rem);position:absolute;right:calc(100% + 14px)}.scroll-pct{z-index:30015;font-family:var(--font-breton), sans-serif;color:#fff;letter-spacing:.02em;pointer-events:none;opacity:0;font-size:clamp(.8rem,1vw,.95rem);transition:opacity .4s;position:fixed;top:50%;left:2rem;transform:translateY(-50%)}.scroll-pct.visible{opacity:1}.st-bar{flex-direction:column;gap:6px;width:2px;height:100%;display:flex;position:relative}.st-seg{cursor:pointer;pointer-events:auto;transform-origin:50%;background:#ffffff14;flex:1;transition:transform .35s cubic-bezier(.4,0,.2,1);position:relative}.st-seg:hover{transform:scaleX(3)}.scroll-timeline:not(.visible) .st-seg{pointer-events:none}.st-seg:before{content:"";position:absolute;inset:0 -10px}.st-seg-fill{background:#fff;width:100%;height:0%;position:absolute;top:0;left:0}@media (max-width:768px){.scroll-timeline,.scroll-pct{display:none}}
.proj-preview{perspective:800px;pointer-events:none;opacity:0;z-index:30005;justify-content:center;align-items:center;width:50%;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;right:0}.proj-preview.visible{pointer-events:auto;opacity:1}.proj-card{will-change:transform;width:min(30vw,440px);transform-style:preserve-3d;transition:opacity .4s;position:relative}.proj-card img{object-fit:cover;cursor:none;width:100%;height:auto;display:block}.proj-meta{justify-content:space-between;margin-bottom:.6rem;display:flex}.proj-date,.proj-label{font-family:var(--font-inter), sans-serif;letter-spacing:.1em;color:#ffffff73;text-transform:uppercase;font-size:.75rem;font-weight:600}.proj-cursor{pointer-events:none;z-index:30006;opacity:0;color:#0a0a0a;font-family:var(--font-inter), sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#f0f0f0;border-radius:50px;padding:1em 1.6em;font-size:.7rem;font-weight:700;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,-50%)}.proj-cursor.active{opacity:1}.page-fade{z-index:30012;opacity:0;pointer-events:none;background:#0a0a0a;position:fixed;inset:0}.work-transition-overlay{z-index:30030;opacity:0;pointer-events:none;background:#0a0a0a;position:fixed;inset:0}.work-flying-text{z-index:30035;font-family:var(--font-inter), sans-serif;letter-spacing:0;text-transform:uppercase;color:#f0f0f0;pointer-events:none;white-space:nowrap;opacity:0;will-change:transform;font-weight:600;line-height:1.2;position:fixed}.flying-title{z-index:30030;font-family:var(--font-breton), sans-serif;letter-spacing:-.02em;color:#f0f0f0;pointer-events:none;white-space:nowrap;opacity:0;will-change:transform;transform-origin:0 0;line-height:1.3;position:fixed}.project-detail{z-index:30015;pointer-events:none;opacity:0;background:#0a0a0a;position:fixed;inset:0;overflow:hidden}.project-detail.active{pointer-events:auto}.detail-back{z-index:2;cursor:pointer;opacity:0;position:absolute;top:3rem;left:3rem}.detail-info{flex-direction:column;width:70%;height:100vh;padding:22vh 4rem 4rem;display:flex}.detail-title-wrap{opacity:0;align-items:baseline;gap:.8rem;display:flex}.detail-title{font-family:var(--font-breton), sans-serif;letter-spacing:-.02em;color:#f0f0f0;white-space:normal;overflow-wrap:anywhere;font-size:clamp(2.4rem,4.5vw,4.5rem);line-height:1.1}.detail-year{font-family:var(--font-inter), sans-serif;letter-spacing:.08em;color:#f0f0f0;white-space:nowrap;font-size:.8rem;font-weight:600}.detail-desc{font-family:var(--font-breton), sans-serif;color:#ffffff73;opacity:0;max-width:28rem;margin-top:2.5rem;font-size:clamp(.85rem,1.1vw,1.05rem);line-height:1.8}.detail-tags{opacity:0;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.detail-tag{font-family:var(--font-inter), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;border:1px solid #ffffff1a;border-radius:50px;padding:.4em .8em;font-size:.7rem;font-weight:600}.detail-gallery-wrap{align-items:stretch;width:55%;height:100vh;display:flex;position:absolute;top:0;right:0}.detail-thumbs{flex-shrink:0;width:14%;height:100vh;overflow:visible clip}.detail-thumbs-inner{will-change:transform;flex-direction:column;gap:.5rem;padding:50vh 0;display:flex}.detail-thumbs-inner img{opacity:.4;cursor:pointer;width:100%;height:auto;transition:opacity .3s;display:block}.detail-thumbs-inner img.active{opacity:1}.detail-selected{perspective:800px;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.detail-selected img{object-fit:contain;will-change:transform;max-width:100%;height:auto;max-height:85vh;transform-style:preserve-3d;display:block}.works-scroll{pointer-events:none;width:1px}.ruler{z-index:40;pointer-events:none;position:fixed;top:50%}.counter-wrap{z-index:40;font-family:var(--font-inter), sans-serif;pointer-events:none;position:fixed;top:50%}.counter-window{height:2.4rem;overflow:hidden}.counter-strip{will-change:transform}.counter-num{letter-spacing:.05em;color:#f0f0f0;align-items:center;height:2.4rem;font-size:1.5rem;font-weight:600;display:flex}.counter-num .dim{color:#ffffff4d;margin-right:.35em}.cube-viewport{perspective:1700px;z-index:10;opacity:0;touch-action:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cube-scene{width:min(74vw,1080px);height:58vh;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;position:relative}.cube{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;touch-action:none;position:absolute;inset:0}.cube-face{backface-visibility:hidden;position:absolute;inset:0}.face-content{align-items:center;gap:clamp(1.5rem,4vw,4rem);width:100%;height:100%;display:flex}.face-content.layout-right{flex-direction:row-reverse}.face-cover{aspect-ratio:3/2;flex:0 0 56%;position:relative;overflow:visible}.face-cover img{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}.face-name{font-family:var(--font-breton), sans-serif;letter-spacing:-.02em;color:#f0f0f0;white-space:normal;overflow-wrap:anywhere;font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:300;line-height:1.05;position:absolute;top:calc(100% + .6rem);left:0;right:0}.face-info{border-radius:3px;flex:auto;min-width:0;padding:clamp(1.2rem,2.2vw,2.2rem);position:relative;overflow:hidden}.face-info-bg{z-index:0;opacity:.16;position:absolute;inset:0}.face-info-bg img{object-fit:cover;filter:blur(26px)saturate(1.2);width:100%;height:100%;transform:scale(1.2)}.face-info-content{z-index:1;position:relative}.face-category{font-family:var(--font-inter), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ff1e00;font-size:.72rem;font-weight:700}.face-year{font-family:var(--font-inter), sans-serif;letter-spacing:.12em;color:#fff6;margin-top:.3rem;font-size:.72rem;font-weight:600}.face-desc{font-family:var(--font-breton), sans-serif;color:#f0f0f0;max-width:30rem;margin-top:1.4rem;font-size:clamp(.95rem,1.25vw,1.2rem);line-height:1.6}.face-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.6rem;display:flex}.face-tag{font-family:var(--font-inter), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff9;border:1px solid #ffffff29;border-radius:50px;padding:.4em .8em;font-size:.68rem;font-weight:600}.page-overlay{z-index:30020;opacity:0;visibility:hidden;pointer-events:none;background:#0a0a0a;position:fixed;inset:0;overflow:hidden}.page-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.page-aurora{z-index:0;pointer-events:none;position:absolute;inset:0}.page-overlay-title{z-index:50;font-family:var(--font-inter), sans-serif;letter-spacing:0;text-transform:uppercase;color:#f0f0f0;mix-blend-mode:difference;pointer-events:none;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:600;line-height:1;position:absolute;top:2.2rem;left:3rem}.page-back{z-index:50;cursor:pointer;color:#f0f0f0;mix-blend-mode:difference;position:absolute;top:2.4rem;right:3rem}.page-cols{z-index:2;-webkit-overflow-scrolling:touch;gap:clamp(2rem,5vw,6rem);padding:clamp(7rem,13vh,11rem) clamp(2rem,5vw,4.5rem) clamp(2.5rem,5vh,4rem);display:flex;position:absolute;inset:0;overflow-y:auto}.pc-left{flex-direction:column;flex:0 0 30%;min-width:0;display:flex}.pc-right{flex:auto;min-width:0}.info-photo{aspect-ratio:4/5;width:100%;position:relative;overflow:hidden}.info-photo img{object-fit:cover;width:100%;height:100%}.info-photo .frame-corner:before,.info-photo .frame-corner:after{background:#fff}.pc-meta{margin-top:auto}.pc-card{border:1px solid #ffffff24;padding:clamp(1.3rem,2vw,2rem)}.pc-card-title{font-family:var(--font-breton), sans-serif;color:#f0f0f0;font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.2}.pc-card-body{font-family:var(--font-breton), sans-serif;color:#ffffff80;margin-top:1rem;font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.6}.meta-row{border-top:1px solid #ffffff24;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 0;display:flex}.meta-k{font-family:var(--font-inter), sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff6;font-size:.68rem;font-weight:600}.meta-v{font-family:var(--font-breton), sans-serif;color:#f0f0f0;text-align:right;font-size:clamp(.95rem,1.2vw,1.2rem)}.pc-email{font-family:var(--font-breton), sans-serif;color:#f0f0f0;margin-top:1.4rem;font-size:clamp(.95rem,1.2vw,1.2rem);text-decoration:none;transition:opacity .3s}.pc-email:hover{opacity:.5}.pc-label{font-family:var(--font-inter), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#fff6;font-size:.72rem;font-weight:700}.pc-heading{font-family:var(--font-breton), sans-serif;letter-spacing:-.03em;color:#f0f0f0;margin-top:.6rem;font-size:clamp(2.6rem,7vw,6rem);font-weight:300;line-height:1}.pc-lead{font-family:var(--font-breton), sans-serif;color:#f0f0f0;max-width:42rem;margin-top:1.6rem;font-size:clamp(1.1rem,1.6vw,1.6rem);line-height:1.4}.pc-body{font-family:var(--font-breton), sans-serif;color:#ffffff8c;max-width:44rem;margin-top:1.4rem;font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.7}.pc-grid{border-top:1px solid #ffffff24;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem 2.5rem;margin-top:3rem;padding-top:2rem;display:grid}.pc-col-h{font-family:var(--font-inter), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff6;margin-bottom:1rem;font-size:.7rem;font-weight:700}.pc-col-item{font-family:var(--font-breton), sans-serif;color:#ffffffbf;font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.9}@media (max-width:768px){.proj-preview{display:none!important}.proj-cursor{display:none}.project-detail{overflow-y:auto}.detail-info{width:100%;height:auto;padding:5rem 1.5rem 2rem}.detail-gallery-wrap{width:100%;height:auto;position:relative;top:auto;right:auto}.detail-back{top:1.5rem;left:1.5rem}.detail-thumbs{width:18%}.ruler{display:none}.counter-wrap{left:auto!important;right:1.2rem!important}.cube-scene{width:min(88vw,380px);height:68vh}.face-content{-webkit-backdrop-filter:blur(12px);background:#161618d9;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:stretch;gap:0;width:100%;height:100%;display:flex;overflow:visible}.face-content.layout-right{flex-direction:column}.face-cover{border-top-left-radius:23px;border-top-right-radius:23px;flex-shrink:0;width:100%;height:45%;position:relative;overflow:hidden}.face-cover img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.face-name{font-family:var(--font-inter), sans-serif;color:#fff;z-index:10;text-align:right;text-shadow:0 2px 6px #0009;font-size:1.15rem;font-weight:500;position:absolute;inset:1.2rem 1.2rem auto auto}.face-info{background:0 0;border-radius:0 0 23px 23px;flex-direction:column;flex:1;justify-content:flex-start;min-width:0;padding:1.4rem 1.4rem 1.2rem;display:flex}.face-info-bg{display:none}.face-info-content{flex-direction:column;height:100%;display:flex}.face-category{letter-spacing:.14em;color:#ff1e00;text-transform:uppercase;font-size:.65rem;font-weight:700}.face-year{font-family:var(--font-breton), sans-serif;color:#ff1e00;margin-top:.3rem;font-size:.95rem;font-style:italic}.face-desc{font-family:var(--font-inter), sans-serif;color:#fff9;margin-top:.8rem;font-size:.8rem;line-height:1.5}.face-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:1rem;display:flex}.face-tag{color:#ffffff80;border:1px solid #ffffff24;border-radius:50px;padding:.3em .7em;font-size:.6rem}}@media (max-width:900px){.page-cols{-webkit-overflow-scrolling:touch;flex-direction:column;gap:1.6rem;padding:5.5rem 1.4rem 4rem;overflow-y:auto}.pc-left{flex:none;width:100%}.info-photo{aspect-ratio:4/5;max-width:78vw}.pc-heading{font-size:clamp(2.4rem,11vw,3.6rem)}.pc-lead{font-size:clamp(1.05rem,4.5vw,1.3rem)}.pc-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem 1.5rem}.page-back{top:1.4rem;right:1.4rem}.page-overlay-title{top:1.3rem;left:1.4rem}}@media (max-width:480px){.pc-grid{grid-template-columns:1fr}.info-photo{max-width:100%}}