/* The artist is the identity. fluX remains a project series, not the site masthead. */
.shutter-identity{display:flex;align-items:center;gap:35px;animation:shutter-text .8s ease .2s both}
.shutter-identity>img{height:150px;width:123px;object-fit:contain}
.shutter-identity>span{font:500 66px/.96 var(--display);letter-spacing:-.07em;color:#111311}
.shutter-identity small{display:block;margin-top:22px;font:8px var(--mono);letter-spacing:.07em}
.hero-intro{width:65%;margin-top:64px}
.hero-intro h1{position:static;inset:auto;max-width:none;white-space:normal;margin:0;font:500 clamp(83px,8.1vw,151px)/.97 var(--display);letter-spacing:-.079em;filter:drop-shadow(0 5px 24px #0005)}
.hero-intro h1>span{display:block}.hero-intro h1 .name-last{font-size:.92em;white-space:nowrap}
.name-period{color:#a8b1ac}
.hero-description{margin-top:29px}.hero-signature{position:absolute;bottom:100px;left:var(--gutter);z-index:7;display:flex;align-items:center;gap:15px;color:#b2b9b2;pointer-events:none}
.hero-signature>img{width:27px;height:38px;object-fit:contain;filter:invert(1)}
.hero-signature>span{font:8px var(--mono);letter-spacing:.08em}.hero-signature small{display:block;margin-top:7px;font-size:6px;color:#78827b;letter-spacing:.08em}
.work-heading{margin:57px 0 55px}.work-heading h2{font-size:clamp(60px,7.3vw,128px)}.work-heading>div{max-width:340px}.work-heading p{font-size:12px;line-height:1.8}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 34px;align-items:start}
.portfolio-grid .feature-card,.portfolio-grid .feature-card:nth-child(3),.portfolio-grid .feature-card:last-child{grid-column:auto;width:100%;margin:0;padding:0;min-width:0}
.portfolio-grid .feature-card:first-child{grid-column:1/-1;width:100%;margin:0}
.portfolio-grid .feature-card .feature-image{aspect-ratio:1.43}
.portfolio-grid .feature-card:first-child .feature-image{aspect-ratio:2.2}
.portfolio-grid .feature-meta{padding-top:20px;gap:18px;align-items:start}
.portfolio-grid .feature-meta h3{font-size:clamp(22px,2.45vw,38px);line-height:1.14;letter-spacing:-.05em}
.portfolio-grid .feature-meta>span{padding-top:5px;font-size:8px;white-space:nowrap}
.portfolio-grid .feature-note{font-size:11px;line-height:1.7;margin-top:11px;color:#a0a99b;max-width:96%;min-height:38px}
.card-records{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #ffffff22;margin-top:18px;padding-top:14px;font-size:7px;letter-spacing:.08em;color:#7e897b}
.card-records>span:last-child{color:#d7ded1;white-space:nowrap}
.portfolio-grid .image-type{text-transform:uppercase;font-size:7px}
.work-close a{white-space:nowrap;color:#c3ccba}
.contact:before{content:'';width:47vw;height:90%;right:-2%;bottom:-18%;background:url('/experience/assets/bs-monogram.svg') no-repeat center/contain;filter:invert(1);opacity:.045;transform:rotate(-12deg)}
@media(min-width:1800px){.hero-intro{margin-top:90px}.hero-signature{bottom:112px}.portfolio-grid{gap:90px 45px}}
@media(min-width:651px) and (max-width:1050px){.hero-intro{width:80%;margin-top:90px}.hero-intro h1{font-size:9.1vw}.hero-description{margin-top:24px}.hero-signature{bottom:96px}.portfolio-grid{gap:52px 24px}.portfolio-grid .feature-meta h3{font-size:25px}}
@media(max-width:650px){
  .shutter-identity{gap:20px}.shutter-identity>img{width:64px;height:85px}.shutter-identity>span{font-size:38px}.shutter-identity small{font-size:5px;margin-top:15px}
  .hero-intro{margin-top:45px;width:100%}.hero-intro h1{font-size:15.3vw;line-height:1.01;letter-spacing:-.076em}.hero-intro h1 .name-last{font-size:.88em}
  .hero-description{margin-top:22px;font-size:10px;line-height:1.7}.hero-signature{left:22px;bottom:98px;gap:10px}.hero-signature>img{width:22px;height:29px}.hero-signature>span{font-size:6px}.hero-signature small{font-size:5px;margin-top:5px}
  .hero-enter{margin-top:21px}.work-heading{margin:42px 0 34px}.work-heading h2{font-size:16vw}.work-heading h2 span{white-space:normal}.work-heading p{font-size:11px}
  .portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:39px}
  .portfolio-grid .feature-card,.portfolio-grid .feature-card:first-child,.portfolio-grid .feature-card:last-child{grid-column:auto;width:100%!important;margin:0!important;padding:0!important}
  .portfolio-grid .feature-card .feature-image,.portfolio-grid .feature-card:first-child .feature-image{aspect-ratio:1.35!important}
  .portfolio-grid .feature-meta{padding-top:17px;gap:12px}.portfolio-grid .feature-meta h3{font-size:25px}.portfolio-grid .feature-meta>span{font-size:6px;padding-top:4px}.portfolio-grid .feature-note{font-size:10px;min-height:0;margin-top:10px}
  .portfolio-grid .image-type{font-size:6px;max-width:57%;text-align:right}.card-records{font-size:6px;margin-top:15px;padding-top:12px;gap:10px}
  .work-close{margin-top:43px}.work-close a{font-size:6px}.contact:before{width:78vw;height:60%;bottom:-3%;right:-12%}
}
@media(prefers-reduced-motion:reduce){.shutter-identity{animation:none}}

/* Film posters remain fully legible, including the director credit. */
[data-portfolio-record="kusursuz"] .feature-image{background:radial-gradient(ellipse at 50% 50%,#20263e,#08080c 74%)}
[data-portfolio-record="kusursuz"] .feature-image>img{object-fit:contain!important;object-position:center!important;transform:none!important}