:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6f0e9;background:#151413;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ff994e;outline-offset:4px}.skip{position:absolute;top:-60px;left:18px;z-index:5;padding:12px;color:#17100c;background:#f9823d}.skip:focus{top:12px}
.project-header{height:94px;width:min(1430px,calc(100% - 92px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #69503d70}.project-brand{width:171px;display:block;line-height:0}.project-brand img{width:100%;height:auto}.project-header nav{display:flex;align-items:center;gap:29px;font-size:13px;color:#ddd0c6}.project-header nav a{transition:color .25s}.project-header nav a:hover{color:#ffa66c}
.project-container{width:min(1430px,calc(100% - 92px));margin:auto}.project-breadcrumb{display:flex;gap:14px;align-items:center;padding:25px 0 22px;font-size:10px;letter-spacing:.14em;font-weight:700;color:#e9a273}.project-breadcrumb a{color:#b5a196}.project-breadcrumb a:hover{color:#fff}.project-breadcrumb>span:nth-child(2){color:#7e5741}
.project-hero{position:relative;isolation:isolate;min-height:520px;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:40px;align-items:center;padding:40px 0 68px;border-bottom:1px solid #654934}.project-hero:before{content:"";position:absolute;inset:8% -2%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 50%,#a64d2525,transparent 56%),radial-gradient(ellipse at 6% 50%,#57302034,transparent 65%)}.project-copy{padding:10px 0}.project-category{font-weight:750;font-size:11px;letter-spacing:.18em;color:#ffa26a;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-phase{border:1px solid #946141;background:#4b2b1933;border-radius:3px;padding:5px 7px;font-size:9px;letter-spacing:.07em;color:#ffc18b}.project-copy h1{font-size:clamp(44px,5.35vw,91px);letter-spacing:-.063em;line-height:1.03;margin:24px 0 21px;font-weight:780;text-wrap:balance}.project-lead{color:#d4c2b7;font-size:clamp(17px,1.5vw,22px);line-height:1.58;max-width:570px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin:26px 0}.project-tags>span{font-size:11px;border:1px solid #725440;background:#382820;color:#ebc8ad;padding:8px 10px;border-radius:4px}.project-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.project-launch,.project-end>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 19px;min-height:53px;background:#f57630;color:#19120d;font-size:13px;border-radius:5px;font-weight:750;box-shadow:0 13px 30px #e45e1923;transition:transform .2s,background .2s}.project-launch:hover,.project-end>a:hover{background:#ffad70;transform:translateY(-3px)}.project-back{display:flex;align-items:center;gap:14px;min-height:44px;font-size:12px;color:#eec0a0}.project-back:hover{color:#fff}.project-note{font-size:11px;color:#9f8e83;margin:22px 0 0;line-height:1.55}
.project-stage{position:relative;min-width:0;transform:perspective(1200px) rotateY(-3deg);box-shadow:0 42px 60px #0007,0 0 36px #ed86310e;border:1px solid #866045;border-radius:7px;overflow:hidden;background:#100e10;transition:transform .5s}.project-stage:hover{transform:perspective(1200px) rotateY(0)}.project-stage figure{margin:0}.project-stage img{display:block;width:100%;height:auto;aspect-ratio:960/495;object-fit:cover}.project-stage figcaption{padding:13px 16px;background:#231b16;font-size:10px;line-height:1.5;color:#baaa9f}.project-stage figcaption span{color:#ffa56b;letter-spacing:.13em;font-weight:700;padding-right:8px}
.project-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-items:start;padding:67px 0 30px}.project-small-title{font-size:10px;color:#ff995a;font-weight:750;letter-spacing:.2em;margin:0}.project-intro h2,.project-visuals h2,.project-end h2{margin:16px 0 0;letter-spacing:-.047em;font-size:clamp(29px,3.5vw,48px);line-height:1.16}.project-intro h2 em,.project-visuals h2 em,.project-end h2 em{color:#f79750;font-style:normal}.project-intro>p{font-size:15px;line-height:1.75;color:#c6b7ad;margin:9px 0}
.project-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:32px 0 65px}.project-points article{min-height:168px;position:relative;background:linear-gradient(150deg,#28201b,#1a1715);border:1px solid #543a2a;border-radius:6px;padding:23px;box-shadow:0 14px 35px #0002}.project-points article:before{content:"";position:absolute;inset:0 auto auto 0;width:80px;height:1px;background:linear-gradient(90deg,#ff944d,transparent)}.project-points article>span{font-size:10px;color:#ff9b61;letter-spacing:.15em}.project-points h3{font-size:14px;letter-spacing:.08em;margin:16px 0 9px}.project-points p{font-size:12px;color:#bdaca0;line-height:1.7;margin:0}
.project-visuals{padding-bottom:72px}.project-visuals h2{margin-bottom:27px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-gallery figure{margin:0;min-width:0;overflow:hidden;border-radius:7px;border:1px solid #5b4132;background:#241b16}.project-gallery img{display:block;width:100%;height:auto;aspect-ratio:960/495;object-fit:cover}.project-gallery figcaption{padding:14px 16px;font-size:12px;line-height:1.5;color:#c5b5a7}.project-gallery figcaption span{display:block;color:#f69a5f;font-size:10px;letter-spacing:.13em;font-weight:700;margin-bottom:5px}
.project-end{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:32px 0 45px;border-top:1px solid #6c4e39}.project-end h2{font-size:clamp(26px,3vw,39px)}.project-end p:not(.project-small-title){color:#baaa9f;font-size:13px}.project-end>a{flex-shrink:0}
.project-footer{width:min(1430px,calc(100% - 92px));margin:0 auto;min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:11px;color:#998e85;border-top:1px solid #49362a}.project-footer img{width:146px;height:auto;display:block}
@media(max-width:1000px){.project-header,.project-container,.project-footer{width:calc(100% - 48px)}.project-hero{gap:23px;min-height:0;padding:26px 0 47px}.project-copy h1{font-size:clamp(40px,5.8vw,60px)}.project-lead{font-size:17px}.project-points article{padding:16px}.project-gallery{gap:13px}}
@media(max-width:700px){.project-header,.project-container,.project-footer{width:calc(100% - 36px)}.project-header{height:79px;gap:12px}.project-brand{width:132px;flex-shrink:0}.project-header nav{gap:14px;font-size:11px}.project-breadcrumb{font-size:9px;padding:20px 0}.project-hero{display:flex;flex-direction:column;align-items:stretch;padding:15px 0 38px;gap:28px}.project-copy h1{font-size:clamp(43px,10vw,63px);margin:17px 0}.project-lead{font-size:16px;line-height:1.6}.project-category{font-size:10px;gap:9px}.project-tags{margin:19px 0}.project-actions{gap:10px}.project-launch{width:100%;min-height:50px}.project-back{padding:0 4px}.project-stage{transform:none}.project-stage:hover{transform:none}.project-intro{display:block;padding:49px 0 10px}.project-intro>p{margin:20px 0 0;font-size:14px}.project-points{grid-template-columns:1fr;padding:27px 0 52px;gap:10px}.project-points article{min-height:auto;padding:18px}.project-points h3{margin:11px 0}.project-visuals{padding-bottom:42px}.project-gallery{grid-template-columns:1fr;gap:13px}.project-end{display:block}.project-end>a{margin-top:21px}.project-footer{padding:25px 0;min-height:0;gap:15px}.project-footer span:last-child{width:100%}}
@media(max-width:350px){.project-brand{width:111px}.project-header nav{gap:9px;font-size:10px}.project-hero h1{font-size:41px}.project-tags>span{padding:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-stage,.project-launch,.project-end>a{transition:none!important;transform:none!important}}
/* v0.5.9 - Shared atmospheric visual language for public project overviews.
   The images, layout, navigation and focus treatment are unchanged. */

.project-header{
  border-bottom:0;
  position:relative;
}
.project-header::after,
.project-hero::after,
.project-end::before,
.project-footer::before{
  content:"";
  position:absolute;
  left:0;right:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(237,167,117,.13) 25%,rgba(244,189,144,.20) 52%,rgba(237,167,117,.11) 79%,transparent 100%);
}
.project-header::after,.project-hero::after{bottom:0}
.project-end::before,.project-footer::before{top:0}
.project-hero{border-bottom:0}
.project-end{position:relative;border-top:0}
.project-footer{position:relative;border-top:0}
.project-stage{
  border-color:rgba(197,139,98,.20);
  border-radius:11px;
  box-shadow:0 39px 66px rgba(0,0,0,.44),0 0 34px rgba(221,106,45,.07);
}
.project-stage figcaption{
  background:linear-gradient(90deg,rgba(36,27,22,.97),rgba(29,24,21,.91));
}
.project-points article{
  border-color:rgba(175,121,83,.16);
  border-radius:10px;
  background:radial-gradient(ellipse 105% 88% at 9% 0%,rgba(90,54,33,.20),transparent 89%),linear-gradient(154deg,rgba(39,30,24,.94),rgba(27,23,20,.97));
  box-shadow:0 16px 40px rgba(0,0,0,.24),0 0 29px rgba(227,112,57,.035);
}
.project-points article::before{
  width:112px;
  background:linear-gradient(90deg,transparent,rgba(255,153,84,.35) 35%,rgba(255,153,84,.12) 73%,transparent);
}
.project-gallery figure{
  border-color:rgba(173,122,90,.17);
  border-radius:11px;
  background:linear-gradient(156deg,rgba(37,28,23,.93),rgba(29,24,21,.96));
  box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 26px rgba(211,108,53,.03);
}
.project-gallery figcaption{
  background:linear-gradient(108deg,rgba(38,29,24,.87),rgba(29,24,21,.95));
}
.project-visuals .project-small-title,
.project-intro .project-small-title,
.project-end .project-small-title{
  text-shadow:0 0 19px rgba(255,141,70,.10);
}
@media(prefers-reduced-motion:reduce){
  .project-stage{transform:none;transition:none}
}