:root{
  --header-h:112px;
  --ink:#243f50;
  --blue:#38586d;
  --blue-deep:#2d4a5d;
  --paper:#fbfbfa;
  --white:#fff;
  --line:#d7dde1;
  --soft:#f2f4f5;
  --muted:#687985;
  --shadow:0 16px 40px rgba(31,56,72,.09);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--paper);scrollbar-gutter:stable;overflow-anchor:none}
body{margin:0;padding-top:var(--header-h);background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-anchor:none}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1420px,calc(100% - 64px));margin-inline:auto}
.progress{position:fixed;z-index:2000;top:0;left:0;width:0;height:2px;background:var(--blue);transition:width .06s linear}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(56,88,109,.14);box-shadow:0 4px 18px rgba(31,56,72,.035);transition:none;transform:translateZ(0);will-change:auto}
.site-header.scrolled{box-shadow:0 4px 18px rgba(31,56,72,.035)}
.nav-shell{height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;transition:none}
.site-header.scrolled .nav-shell{height:var(--header-h)}
.brand{justify-self:start;display:block}
.brand img{width:315px;height:auto;transition:none}
.site-header.scrolled .brand img{width:315px}
.main-nav{display:flex;align-items:center;gap:42px;font-size:20px;text-transform:none}
.main-nav a{position:relative;padding:8px 0}
.main-nav a:not(.shop-link)::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--blue);transition:right .25s ease}
.main-nav a:hover::after,.main-nav a.active::after{right:0}
.lang{justify-self:end;display:flex;align-items:center;gap:6px;font-family:var(--serif);font-size:18px}
.lang button{border:0;background:none;color:var(--ink);padding:4px;cursor:pointer;opacity:.58}
.lang button.active{opacity:1;font-weight:700}
.lang span{opacity:.55}
.menu-btn{display:none;border:0;background:none;padding:8px;cursor:pointer}
.menu-btn i{display:block;width:28px;height:1px;background:var(--ink);margin:6px 0}
.hero{min-height:670px;display:grid;align-items:center;position:relative;overflow:hidden;background:#fff}
.hero::after{content:"";position:absolute;inset:auto 4% 3% auto;width:min(44vw,660px);aspect-ratio:1;background:url('/assets/logo/mark-dark.png') center/contain no-repeat;opacity:.035;pointer-events:none;transform:translateY(var(--hero-shift,0px));transition:transform .05s linear}
.hero-inner{width:min(1420px,calc(100% - 64px));margin:auto;position:relative;z-index:1;padding:88px 0 100px}
.eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.hero h1{font-size:clamp(78px,10vw,148px);font-weight:400;line-height:.82;letter-spacing:-.045em;margin:0;color:var(--blue)}
.hero-rule{width:min(520px,68vw);height:2px;background:var(--blue);margin:28px 0 25px}
.hero-copy{font-size:22px;max-width:600px;margin:0 0 32px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 30px;border:2px solid var(--blue);color:var(--blue);font-size:18px;letter-spacing:.01em;transition:.25s;background:transparent}
.btn:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}
.btn.solid{background:var(--blue);color:white}.btn.solid:hover{background:var(--blue-deep)}
.arrow{font-family:var(--sans);font-size:23px;line-height:1}
.feature-band{background:var(--blue);color:white;padding:30px 0}
.features{display:grid;grid-template-columns:repeat(3,1fr)}
.feature{padding:20px 54px;text-align:center;min-height:140px;display:flex;flex-direction:column;justify-content:center;position:relative}
.feature+ .feature::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:rgba(255,255,255,.92)}
.feature h3{font-size:25px;font-weight:400;margin:0 0 4px}
.feature p{font-size:17px;margin:0;opacity:.95}
.section{padding:104px 0}
.section.white{background:#fff}.section.soft{background:#f7f8f8}
.section-head{text-align:center;margin-bottom:54px}
.section-head .eyebrow{margin-bottom:10px}
.section-head h2{font-weight:400;font-size:48px;letter-spacing:.025em;margin:0;color:var(--blue);text-transform:uppercase}
.section-head h2::after{content:"";display:block;width:64px;height:2px;background:var(--blue);margin:18px auto 0}
.project-feature{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid #e0e5e8;box-shadow:var(--shadow);overflow:hidden}
.project-image{background:#f5f5f3;min-height:450px;overflow:hidden;position:relative}
.project-image img{width:100%;height:100%;object-fit:cover;filter:none;transform:scale(1.015);transition:transform .55s ease}
.project-feature:hover .project-image img{transform:scale(1.04);filter:none}
.project-info{padding:58px;display:flex;flex-direction:column;justify-content:center}
.project-kicker{font-family:var(--sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.project-info h3{font-size:56px;font-weight:400;margin:8px 0 10px;color:var(--blue)}
.project-info p{font-size:19px;max-width:510px;margin:0 0 28px;color:#465d6c}
.meta{display:flex;gap:28px;margin:0 0 32px;font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:24px}
.step{position:relative;padding:0 34px;text-align:center}
.step:not(:last-child)::after{content:"";position:absolute;right:-20%;top:48px;width:40%;border-top:1px dashed #b9c4ca}
.step-no{width:96px;height:96px;margin:0 auto 22px;border:1px solid #cdd5da;border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-weight:300;font-size:22px;color:var(--blue);background:#fff;transition:.3s}
.step:hover .step-no{background:var(--blue);border-color:var(--blue);color:white;transform:translateY(-4px)}
.step h3{font-weight:400;font-size:21px;margin:0 0 8px}.step p{font-size:16px;margin:0;color:#526775}
.brand-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:center}
.brand-mark-panel{aspect-ratio:1;display:grid;place-items:center;background:var(--blue);padding:60px;overflow:hidden}
.brand-mark-panel img{width:78%;opacity:.96}
.brand-copy h2{font-size:62px;font-weight:400;margin:0 0 24px;color:var(--blue)}
.brand-copy p{font-size:20px;max-width:720px;color:#455e6d}
.brand-copy .fine{font-size:15px;color:var(--muted);font-family:var(--sans);margin-top:28px}
.site-footer{background:var(--blue-deep);color:white;padding:54px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:70px}
.footer-brand img{width:285px;max-width:100%;margin-bottom:20px}.footer-brand p{max-width:470px;font-size:14px;opacity:.85}
.footer-title{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:.2em;margin:4px 0 18px;opacity:.72}
.footer-links{display:grid;gap:8px;font-size:16px}.footer-links a:hover{text-decoration:underline}
.copyright{border-top:1px solid rgba(255,255,255,.18);margin-top:42px;padding-top:22px;text-align:center;font-family:var(--sans);font-size:12px;opacity:.7}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.left{transform:translateX(-45px)}.reveal.right{transform:translateX(45px)}
.reveal.in{opacity:1;transform:none}
.page-hero{background:#fff;padding:84px 0 72px;border-bottom:1px solid #e8ecee}
.breadcrumb{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.page-hero h1{font-size:clamp(58px,8vw,108px);font-weight:400;line-height:.9;margin:0;color:var(--blue)}
.page-hero p{font-size:20px;max-width:720px;margin:25px 0 0;color:#516775}
.page-hero .project-status{max-width:720px;margin-top:30px;padding:18px 22px;border-left:2px solid var(--blue);background:#f5f7f8;color:#405866;font-family:var(--sans);font-size:15px;line-height:1.65;letter-spacing:.015em}

.project-tools{margin:0 0 36px;border:1px solid #dce2e5;background:#fff;box-shadow:0 8px 24px rgba(34,61,78,.045)}
.project-tools-top{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;padding:22px 24px;border-bottom:1px solid #e6eaec}
.project-search{display:grid;gap:8px;font-family:var(--sans);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.project-search input{width:100%;max-width:520px;height:46px;border:1px solid #cfd7db;background:#fff;color:var(--ink);padding:0 14px;outline:none;font-family:var(--sans);font-size:15px;letter-spacing:0;text-transform:none;border-radius:0}
.project-search input:focus,.filter-group select:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(56,88,109,.09)}
.filter-toggle{height:46px;min-width:128px;border:1px solid var(--blue);background:var(--blue);color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-family:var(--sans);font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.filter-toggle-icon{font-size:20px;font-weight:300;line-height:1}
.filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 22px;padding:24px;max-height:500px;overflow:hidden;opacity:1;transition:max-height .28s ease,padding .28s ease,opacity .2s ease}
.filter-panel.collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}
.filter-group{display:grid;gap:8px}
.filter-group label{font-family:var(--sans);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.filter-group select{width:100%;height:46px;border:1px solid #cfd7db;background:#fff;color:var(--ink);padding:0 38px 0 13px;outline:none;border-radius:0;font-family:var(--sans);font-size:14px;cursor:pointer}
.filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:2px}
.filter-clear,.filter-apply{height:42px;padding:0 18px;cursor:pointer;font-family:var(--sans);font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.filter-clear{border:1px solid #cfd7db;background:#fff;color:var(--blue)}.filter-clear:hover{border-color:var(--blue);background:#f6f8f9}
.filter-apply{border:1px solid var(--blue);background:var(--blue);color:#fff}.filter-apply:hover{background:var(--blue-deep)}
.project-card[hidden],.empty-note[hidden]{display:none!important}

.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.project-card{background:#fff;border:1px solid #dce2e5;overflow:hidden;box-shadow:0 8px 24px rgba(34,61,78,.055);transition:.3s;cursor:pointer}
.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.project-card .thumb{height:310px;background:#f1f2f2;overflow:hidden}
.project-card .thumb img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .45s ease}
.project-card:hover .thumb img{filter:none;transform:scale(1.025)}
.project-card .card-body{padding:22px 24px 24px}.project-card h3{font-size:28px;font-weight:400;margin:0 0 5px;color:var(--blue)}
.project-card p{margin:0;color:var(--muted);font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.gallery-card{background:#fff;border:1px solid #dce2e5;box-shadow:0 10px 30px rgba(34,61,78,.06);cursor:zoom-in;transition:.28s;overflow:hidden;display:flex;flex-direction:column}
.gallery-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.gallery-card.full{grid-column:1/-1}
.gallery-image{height:430px;background:#f4f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gallery-card.full .gallery-image{height:500px}
.gallery-image img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .5s ease}
.gallery-card:hover img{transform:scale(1.025);filter:none}
.gallery-caption{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:#fff}
.gallery-caption h3{font-weight:400;font-size:28px;margin:0;color:var(--blue)}
.gallery-caption span{font-family:var(--sans);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:58px}
.project-intro h2{font-size:46px;font-weight:400;color:var(--blue);margin:0}.project-intro p{font-size:19px;color:#4c6473;margin:0}
.modal{position:fixed;inset:0;z-index:3000;background:rgba(17,28,36,.94);display:none;align-items:center;justify-content:center;padding:34px}
.modal.open{display:flex;animation:fade .22s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal-shell{width:min(1500px,100%);height:min(900px,92vh);display:grid;grid-template-rows:auto 1fr auto;position:relative}
.modal-top,.modal-bottom{color:white;display:flex;align-items:center;justify-content:space-between;font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:10px 54px}
.modal-stage{min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:none}
.modal-pan{width:calc(100% - 140px);height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform;cursor:zoom-in}
.modal-stage.zoomed .modal-pan{cursor:grab}.modal-stage.zoomed .modal-pan:active{cursor:grabbing}
.modal-pan img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 20px 80px rgba(0,0,0,.28);user-select:none;-webkit-user-drag:none;pointer-events:auto}
.zoom-controls{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:16px}
.zoom-controls button{height:34px;min-width:36px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.16);color:#fff;cursor:pointer;padding:0 9px;font-family:var(--sans)}
.zoom-controls button:hover{background:#fff;color:#1c3545}
.zoom-controls span{min-width:52px;text-align:center;font-family:var(--sans);font-size:11px;letter-spacing:.05em}
.modal-close,.modal-arrow{position:absolute;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.16);color:white;cursor:pointer;display:grid;place-items:center;transition:.2s;z-index:2}
.modal-close:hover,.modal-arrow:hover{background:white;color:#1c3545}
.modal-close{right:2px;top:2px;width:44px;height:44px;font-size:28px}
.modal-arrow{top:50%;transform:translateY(-50%);width:50px;height:62px;font-size:29px}.modal-arrow.prev{left:0}.modal-arrow.next{right:0}
.modal-hint{opacity:.62}
.empty-note{border:1px dashed #cbd4d9;padding:42px;text-align:center;color:var(--muted);font-family:var(--sans)}
@media (max-width:980px){
 :root{--header-h:88px}
 .container,.hero-inner{width:min(100% - 36px,900px)}
 .nav-shell{height:var(--header-h);grid-template-columns:1fr auto auto;gap:16px}.site-header.scrolled .nav-shell{height:var(--header-h)}
 .brand img,.site-header.scrolled .brand img{width:230px}
 .main-nav{position:absolute;top:100%;left:0;right:0;background:white;border-top:1px solid #edf0f2;display:none;flex-direction:column;gap:0;padding:10px 18px 20px;box-shadow:0 16px 30px rgba(31,56,72,.08)}
 .main-nav.open{display:flex}.main-nav a{width:100%;padding:15px 6px;border-bottom:1px solid #eef1f2}.menu-btn{display:block;justify-self:end}.lang{grid-column:2;grid-row:1;font-size:16px}.menu-btn{grid-column:3;grid-row:1}
 .hero{min-height:570px}.hero-inner{padding:70px 0}.hero::after{width:60vw;right:-10%;bottom:2%}
 .features{grid-template-columns:1fr}.feature{min-height:auto;padding:30px 22px}.feature+.feature::before{top:0;bottom:auto;left:18%;right:18%;width:auto;height:1px}
 .project-feature,.brand-story,.project-intro{grid-template-columns:1fr}.project-image{min-height:350px}.project-info{padding:38px}.brand-story{gap:40px}.brand-mark-panel{max-width:540px;margin:auto;width:100%}
 .process{grid-template-columns:1fr 1fr;gap:42px 0}.step:not(:last-child)::after{display:none}
 .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
 .filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-grid{grid-template-columns:1fr 1fr}.gallery-image{height:350px}.gallery-card.full .gallery-image{height:410px}
}
@media (max-width:620px){
 :root{--header-h:82px}
 html{min-width:100%}
 body{min-width:100%;overflow-x:hidden}
 .container,.hero-inner{width:calc(100% - 28px)}
 .nav-shell{gap:8px}.brand img,.site-header.scrolled .brand img{width:165px}.lang{display:flex;font-size:14px;gap:3px}.lang button{padding:3px}.menu-btn{padding:6px}.menu-btn i{width:25px}
 .hero{min-height:500px}.hero h1{font-size:68px}.hero-copy{font-size:18px}.hero-rule{margin:22px 0}.btn{width:100%;min-height:54px;font-size:16px}
 .section{padding:74px 0}.section-head h2{font-size:36px}.project-info h3{font-size:45px}.project-image{min-height:280px}
 .process{grid-template-columns:1fr}.step{padding:0 16px}.brand-copy h2{font-size:48px}
 .footer-grid{grid-template-columns:1fr;gap:35px}.footer-brand{grid-column:auto}
 .project-tools-top{grid-template-columns:1fr;padding:18px}.project-search input{max-width:none}.filter-toggle{width:100%}.filter-panel{grid-template-columns:1fr;padding:18px;gap:16px}.filter-panel.collapsed{padding-top:0;padding-bottom:0}.filter-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.filter-clear,.filter-apply{width:100%}
 .project-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-card.full{grid-column:auto}.gallery-image,.gallery-card.full .gallery-image{height:310px}
 .page-hero{padding:60px 0 54px}.project-intro{gap:18px}
 .modal{padding:10px}.modal-shell{height:96vh}.modal-pan{width:calc(100% - 20px);height:100%}.modal-pan img{max-width:100%;max-height:80vh}.modal-arrow{width:44px;height:52px;background:rgba(0,0,0,.42)}.modal-top{padding:8px 46px 8px 8px;gap:8px;flex-wrap:wrap}.modal-bottom{padding:8px 10px}.modal-hint{display:none}.zoom-controls{order:3;width:100%;justify-content:center;margin:0}.zoom-controls button{height:36px}.zoom-controls span{min-width:48px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}


/* v16: project placeholders and historical project pages */
.project-card .thumb.project-placeholder,
.project-empty-media{
  background:#eef1f2;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.project-card .thumb.project-placeholder::before,
.project-empty-media::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  background:url('/assets/logo/mark-dark.png') center/contain no-repeat;
  opacity:.075;
}
.project-placeholder span,
.project-empty-media .placeholder-label{
  position:relative;
  z-index:1;
  font-family:var(--sans);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--blue);
  padding:18px 22px;
  border:1px solid rgba(56,88,109,.28);
  background:rgba(255,255,255,.72);
}
.project-empty-media{
  min-height:430px;
  border:1px solid #dce2e5;
  box-shadow:0 10px 30px rgba(34,61,78,.05);
}
.project-note{
  margin-top:22px;
  color:var(--muted);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.7;
}
@media(max-width:700px){
  .project-empty-media{min-height:300px}
}

.home-project-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  margin-top:28px;
}
.home-project-grid .project-card .thumb{height:260px}
@media(max-width:700px){
  .home-project-grid{grid-template-columns:1fr}
}


/* v26: Alice history and coming-project tiles */
.project-history{max-width:820px;color:#4c6473;font-family:var(--sans);font-size:17px;line-height:1.8}
.project-history p{margin:0 0 18px;font-weight:400}
.gallery-grid .project-empty-media{min-height:430px}
@media(max-width:700px){.project-history{font-size:16px}.gallery-grid .project-empty-media{min-height:300px}}

/* V26: full Alice history inside the project status frame */
.page-hero .project-status p{margin:0 0 12px;font-weight:400}
.page-hero .project-status p:last-child{margin-bottom:0}


/* v26 compact project description/status frames */
.page-hero .project-status.project-status-compact{
  max-width:720px;
  margin-top:22px;
  padding:13px 18px;
  font-size:14px;
  line-height:1.5;
  letter-spacing:.01em;
}
.page-hero .project-status.project-status-compact p{
  max-width:none;
  margin:0 0 8px;
  font-size:14px;
  line-height:1.5;
  color:inherit;
}
.page-hero .project-status.project-status-compact p:last-child{margin-bottom:0}
@media(max-width:700px){
  .page-hero .project-status.project-status-compact{padding:12px 15px;font-size:13px;line-height:1.45}
  .page-hero .project-status.project-status-compact p{font-size:13px;line-height:1.45;margin-bottom:7px}
}

/* v17: technical drawing section divider — shown only on projects that have drawings */
.project-drawing-divider{display:flex;align-items:center;gap:18px;margin:0 0 46px;font-family:var(--sans);font-size:12px;line-height:1;letter-spacing:.26em;text-transform:uppercase;color:var(--blue)}
.project-drawing-divider::before,.project-drawing-divider::after{content:"";height:1px;background:#cfd8dd;flex:1}
.project-drawing-divider span{white-space:nowrap;font-weight:400}
@media(max-width:620px){.project-drawing-divider{gap:13px;margin-bottom:32px;font-size:11px;letter-spacing:.22em}}


/* v18 — DERSIN premium redesign */
:root{
  --header-h:86px;
  --ink:#12232d;
  --blue:#38586d;
  --blue-deep:#12232d;
  --night:#0d171e;
  --night-2:#172a35;
  --paper:#f5f5f2;
  --white:#fff;
  --line:rgba(18,35,45,.14);
  --muted:#6f7c84;
  --shadow:0 24px 70px rgba(8,22,30,.12);
}
html{background:var(--night)}
body{padding-top:var(--header-h);background:var(--paper);color:var(--ink)}
.container{width:min(1500px,calc(100% - 96px))}
.progress{height:2px;background:#fff;mix-blend-mode:difference}
.site-header{height:var(--header-h);background:rgba(13,23,30,.94);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:none;backdrop-filter:blur(18px)}
.nav-shell{height:var(--header-h);grid-template-columns:1fr auto 1fr;gap:38px}
.brand img{width:218px;filter:none;opacity:.98}
.main-nav{gap:34px;font-family:var(--sans);font-size:13px;letter-spacing:.06em;color:#fff}
.main-nav a{padding:10px 0;opacity:.72;transition:opacity .2s ease}
.main-nav a:hover,.main-nav a.active{opacity:1}
.main-nav a:not(.shop-link)::after{height:1px;background:#fff;bottom:5px}
.lang{font-family:var(--sans);font-size:11px;letter-spacing:.12em;color:#fff}
.lang button{color:#fff;opacity:.5}.lang button.active{opacity:1;font-weight:500}.lang span{opacity:.25}
.menu-btn i{background:#fff}
.reveal{transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal.left{transform:translateX(-30px)}.reveal.right{transform:translateX(30px)}
.btn{min-height:52px;padding:0 25px;border:1px solid var(--ink);font-family:var(--sans);font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.btn:hover{transform:none;background:var(--ink);color:#fff}
.btn.light{border-color:#fff;color:#fff}.btn.light:hover{background:#fff;color:var(--night)}
.text-link,.section-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.text-link{color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding:17px 2px 8px}.text-link:hover{border-color:#fff}
.eyebrow{font-size:10px;letter-spacing:.28em;color:var(--muted);margin-bottom:16px}
.section{padding:122px 0}
.section.white{background:#fff}

/* homepage */
.home-page{padding-top:0;background:#fff}
.home-page .site-header{background:linear-gradient(to bottom,rgba(8,16,21,.82),rgba(8,16,21,.35));border-bottom-color:rgba(255,255,255,.08)}
.home-page .home-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:var(--night);color:#fff}
.home-hero-media{position:absolute;inset:0}
.home-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,20,.88) 0%,rgba(7,15,20,.58) 36%,rgba(7,15,20,.20) 66%,rgba(7,15,20,.42) 100%),linear-gradient(0deg,rgba(7,15,20,.65),transparent 45%)}
.home-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01)}
.home-hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,transparent 0,transparent 26%,rgba(7,15,20,.18) 70%);pointer-events:none}
.home-hero-content{position:relative;z-index:2;padding:0 0 10vh;max-width:none}
.home-hero-label{font-family:var(--sans);font-size:11px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:24px;opacity:.78}
.home-hero h1{font-size:clamp(82px,12vw,190px);font-weight:400;line-height:.72;letter-spacing:-.055em;margin:0;color:#fff}
.home-hero p{max-width:580px;margin:38px 0 30px;font-size:clamp(18px,1.6vw,25px);line-height:1.45;color:rgba(255,255,255,.90)}
.home-hero .actions{gap:28px;align-items:center}
.home-hero-project{position:absolute;right:48px;bottom:34px;z-index:2;display:flex;align-items:center;gap:14px;color:#fff;font-family:var(--sans);border-top:1px solid rgba(255,255,255,.55);padding-top:12px;min-width:210px}
.home-hero-project>span{font-size:10px;opacity:.55}.home-hero-project div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex:1}.home-hero-project strong{font-size:12px;font-weight:500;letter-spacing:.06em}.home-hero-project small{font-size:10px;opacity:.55}
.home-strip{background:var(--night);color:#fff;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10)}
.home-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);font-family:var(--sans);font-size:11px;letter-spacing:.22em}
.home-strip-grid span{padding:24px 30px;text-align:center}.home-strip-grid span+span{border-left:1px solid rgba(255,255,255,.10)}
.showcase{padding-top:142px;padding-bottom:142px}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:58px}
.showcase-heading h2{margin:0;font-size:clamp(48px,6vw,92px);line-height:.92;font-weight:400;letter-spacing:-.035em;color:var(--ink)}
.section-link{padding-bottom:9px;border-bottom:1px solid rgba(18,35,45,.35)}
.editorial-card{position:relative;background:#eef0ef;overflow:hidden}
.editorial-card-wide{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);min-height:650px;margin-bottom:28px}
.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.editorial-grid .editorial-card{display:grid;grid-template-rows:minmax(420px,58vw) auto}
.editorial-grid .editorial-card{grid-template-rows:minmax(420px,36vw) auto}
.editorial-media{display:block;overflow:hidden;background:#e6e9e8}
.editorial-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.editorial-card:hover .editorial-media img{transform:scale(1.022)}
.editorial-card-wide .editorial-copy{background:var(--night-2);color:#fff}
.editorial-copy{display:grid;grid-template-columns:auto 1fr;gap:34px;padding:42px 44px;background:#f0f1ef;min-height:230px}
.editorial-index{font-family:var(--sans);font-size:10px;letter-spacing:.12em;color:var(--muted);padding-top:8px}
.editorial-card-wide .editorial-index,.editorial-card-wide .editorial-meta,.editorial-card-wide p{color:rgba(255,255,255,.62)}
.editorial-meta{font-family:var(--sans);font-size:10px;letter-spacing:.16em;color:var(--muted)}
.editorial-copy h3{font-size:clamp(42px,4.5vw,72px);line-height:.95;font-weight:400;margin:13px 0 18px;letter-spacing:-.03em}
.editorial-copy p{font-size:16px;line-height:1.55;margin:0;max-width:390px;color:#52646e}
.project-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;margin-top:28px;font-family:var(--sans);font-size:22px;transition:.2s}
.project-arrow:hover{background:currentColor;color:var(--white)}
.editorial-card-wide .project-arrow:hover{background:#fff;color:var(--night)}
.home-shop{background:var(--blue-deep);color:#fff;padding:110px 0}
.home-shop-inner{display:flex;align-items:end;justify-content:space-between;gap:50px}
.home-shop .eyebrow{color:rgba(255,255,255,.55)}
.home-shop h2{font-size:clamp(56px,7vw,110px);font-weight:400;letter-spacing:-.04em;line-height:.9;margin:0 0 18px}
.home-shop p{margin:0;font-size:18px;color:rgba(255,255,255,.72)}

/* common page hero */
.page-hero{background:linear-gradient(135deg,var(--night) 0%,#182e3a 100%);padding:118px 0 96px;border:0;color:#fff;position:relative;overflow:hidden}
.page-hero::after{content:"D";position:absolute;right:-.02em;bottom:-.42em;font-family:var(--serif);font-size:min(52vw,700px);line-height:1;color:rgba(255,255,255,.025);pointer-events:none}
.breadcrumb{font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.55);margin-bottom:30px;position:relative;z-index:1}
.page-hero h1{font-size:clamp(72px,10vw,150px);line-height:.78;letter-spacing:-.045em;color:#fff;position:relative;z-index:1}
.page-hero p{font-size:18px;color:rgba(255,255,255,.72);max-width:660px;position:relative;z-index:1}
.page-hero .project-status{max-width:760px;margin-top:36px;padding:25px 0 0;border:0;border-top:1px solid rgba(255,255,255,.25);background:transparent;color:rgba(255,255,255,.76);font-family:var(--serif);font-size:17px}
.page-hero .project-status p{color:inherit;margin:0 0 12px}

/* project listing */
.projects-page .section.white{background:#f3f4f2}
.project-tools{margin:0 0 48px;border:0;background:var(--night);box-shadow:none;color:#fff}
.project-tools-top{padding:22px 26px;border-bottom:1px solid rgba(255,255,255,.10)}
.project-search{color:rgba(255,255,255,.58)}
.project-search input{max-width:620px;height:50px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}
.project-search input::placeholder{color:rgba(255,255,255,.45)}
.filter-toggle{height:50px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff}
.filter-panel{border:0;color:#fff}
.filter-group label{color:rgba(255,255,255,.56)}
.filter-group select{background:#172a35!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.filter-group select option{background:#172a35;color:#fff}
.filter-clear,.filter-apply{border-color:rgba(255,255,255,.26)!important;color:#fff!important;background:transparent!important}.filter-apply{background:#fff!important;color:var(--night)!important}
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-card{border:0;background:#fff;box-shadow:none;transform:none}
.project-card:hover{transform:none;box-shadow:none}
.project-card .thumb{height:clamp(330px,34vw,540px);background:#e9ebea}
.project-card .thumb img{transform:scale(1.001);transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.project-card:hover .thumb img{transform:scale(1.022)}
.project-card .card-body{padding:28px 30px 32px;border-top:1px solid #eceeec}
.project-card h3{font-size:40px;line-height:1;font-weight:400;letter-spacing:-.025em;margin:0 0 12px;color:var(--ink)}
.project-card p{font-size:10px;letter-spacing:.12em;color:#718089}
.empty-note{grid-column:1/-1;border:1px solid rgba(18,35,45,.18);background:transparent;color:#667781}
.project-card .thumb.project-placeholder,.project-empty-media{background:var(--night)!important;color:#fff!important}
.project-card .thumb.project-placeholder::before,.project-empty-media::before{opacity:.035!important}

/* detail project galleries */
.project-page .section.white{background:#fff}
.project-intro{grid-template-columns:1fr auto;gap:40px;margin-bottom:48px;border-bottom:1px solid var(--line);padding-bottom:26px}
.project-intro h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.03em;color:var(--ink)}
.project-intro p{max-width:620px;font-size:16px;color:#667781}
.gallery-grid{gap:24px}
.gallery-card{border:0;box-shadow:none;background:#f1f2f0}
.gallery-card:hover{transform:none;box-shadow:none}
.gallery-image{height:clamp(390px,40vw,620px);background:#eceeed}
.gallery-card.full .gallery-image{height:clamp(460px,52vw,760px)}
.gallery-card:hover img{transform:scale(1.015)}
.gallery-caption{padding:20px 4px 10px;background:#fff;border-bottom:1px solid var(--line)}
.gallery-caption h3{font-size:20px;color:var(--ink)}
.gallery-caption span{font-size:9px;color:#7a858b}
.project-drawing-divider{margin:0 0 42px;color:var(--ink)}
.project-drawing-divider::before,.project-drawing-divider::after{background:var(--line)}
.project-history{border-left-color:var(--ink)!important}

/* footer */
.site-footer{background:#091319;color:#fff;padding:66px 0 30px}
.footer-grid{grid-template-columns:1.5fr .55fr .65fr;gap:80px}
.footer-brand img{width:250px;margin-bottom:24px}.footer-brand p{font-family:var(--sans);font-size:12px;line-height:1.6;opacity:.62;max-width:440px}
.footer-title{font-size:9px;letter-spacing:.22em;opacity:.48}
.footer-links{gap:10px;font-family:var(--sans);font-size:13px}.footer-links a{opacity:.76}.footer-links a:hover{opacity:1;text-decoration:none}
.copyright{text-align:left;font-size:10px;letter-spacing:.08em;opacity:.48;margin-top:52px;padding-top:22px}

/* modal */
.modal{background:rgba(6,12,16,.97)}
.modal-pan img{box-shadow:none}
.modal-close,.modal-arrow{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.04)}

@media(max-width:1100px){
  .container{width:min(100% - 56px,1500px)}
  .editorial-card-wide{grid-template-columns:1.3fr .7fr;min-height:560px}
  .editorial-grid .editorial-card{grid-template-rows:minmax(340px,42vw) auto}
  .footer-grid{gap:42px}
}
@media(max-width:900px){
  :root{--header-h:74px}
  .container{width:calc(100% - 38px)}
  .brand img{width:168px}
  .nav-shell{grid-template-columns:1fr auto auto;gap:16px}
  .menu-btn{display:block;justify-self:end}
  .main-nav{position:fixed;top:var(--header-h);left:0;right:0;display:none;background:rgba(13,23,30,.98);padding:30px 20px 38px;flex-direction:column;gap:18px;border-top:1px solid rgba(255,255,255,.08);font-size:15px}
  .main-nav.open{display:flex}
  .lang{grid-column:2;grid-row:1}
  .home-hero-content{padding-bottom:14vh}
  .home-hero-project{display:none}
  .home-strip-grid{font-size:9px}.home-strip-grid span{padding:20px 8px}
  .showcase{padding:96px 0}
  .showcase-heading{align-items:flex-start;flex-direction:column;margin-bottom:40px}
  .editorial-card-wide{grid-template-columns:1fr;grid-template-rows:minmax(420px,62vw) auto;min-height:0}
  .editorial-grid{grid-template-columns:1fr}
  .editorial-grid .editorial-card{grid-template-rows:minmax(420px,62vw) auto}
  .home-shop-inner{align-items:flex-start;flex-direction:column}
  .project-grid{grid-template-columns:1fr}
  .project-card .thumb{height:clamp(320px,62vw,520px)}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  .gallery-grid{grid-template-columns:1fr}
  .project-intro{grid-template-columns:1fr}
}
@media(max-width:620px){
  :root{--header-h:68px}
  .container{width:calc(100% - 28px)}
  .brand img{width:145px}
  .lang{font-size:10px}.menu-btn{padding-right:0}.menu-btn i{width:24px}
  .home-hero{min-height:780px!important}
  .home-hero-media img{object-position:center center}
  .home-hero-media::after{background:linear-gradient(90deg,rgba(7,15,20,.80),rgba(7,15,20,.36)),linear-gradient(0deg,rgba(7,15,20,.74),transparent 52%)}
  .home-hero h1{font-size:clamp(72px,27vw,116px)}
  .home-hero p{font-size:17px;margin-top:28px;max-width:300px}
  .home-hero-content{padding-bottom:92px}
  .home-hero .actions{align-items:flex-start;flex-direction:column;gap:10px}
  .home-strip-grid{grid-template-columns:1fr 1fr 1fr;letter-spacing:.1em}
  .section{padding:78px 0}
  .showcase{padding:82px 0}
  .showcase-heading h2{font-size:50px}
  .editorial-card-wide,.editorial-grid .editorial-card{grid-template-rows:290px auto}
  .editorial-copy{grid-template-columns:1fr;gap:12px;padding:28px 24px;min-height:0}
  .editorial-index{padding:0}.editorial-copy h3{font-size:44px}.editorial-copy p{font-size:14px}
  .project-arrow{width:42px;height:42px}
  .home-shop{padding:78px 0}.home-shop h2{font-size:54px}.home-shop p{font-size:15px}
  .page-hero{padding:82px 0 64px}.page-hero h1{font-size:clamp(58px,19vw,90px)}.page-hero p{font-size:16px}
  .project-tools-top{grid-template-columns:1fr;padding:18px}.filter-toggle{width:100%}.filter-panel{grid-template-columns:1fr;padding:18px}
  .project-card .thumb{height:300px}.project-card .card-body{padding:22px 20px 24px}.project-card h3{font-size:34px}
  .gallery-image,.gallery-card.full .gallery-image{height:300px}.gallery-caption{align-items:flex-start;gap:6px;flex-direction:column}.gallery-caption h3{font-size:18px}
  .footer-grid{grid-template-columns:1fr;gap:34px}.footer-brand{grid-column:auto}.copyright{margin-top:38px}
}

.editorial-media.drawing-media{background:#f7f7f5;padding:42px 24px}.editorial-media.drawing-media img{object-fit:contain;transform:none!important}
@media(max-width:620px){.editorial-media.drawing-media{padding:20px 10px}}

/* v42 — darker editorial direction: less white, selected light surfaces only */
:root{
  --paper:#0d171e;
  --surface:#12232d;
  --surface-2:#172a35;
  --surface-3:#203845;
  --light:#f1f1ed;
  --dark-line:rgba(255,255,255,.11);
  --dark-muted:rgba(255,255,255,.62);
}
body{background:var(--night);color:#fff}
.section.white{background:var(--night)}

/* Home — keep the photography dominant and remove the large white field */
.home-page{background:var(--night)}
.showcase.section.white{background:linear-gradient(180deg,#0d171e 0%,#101f28 100%);color:#fff}
.showcase-heading h2{color:#fff}
.showcase .eyebrow{color:rgba(255,255,255,.48)}
.showcase .section-link{color:#fff;border-bottom-color:rgba(255,255,255,.34)}
.editorial-card{background:var(--surface-2)}
.editorial-card-wide{border:1px solid var(--dark-line)}
.editorial-card-wide .editorial-copy{background:#172a35}
.editorial-grid .editorial-card{background:#12232d;border:1px solid var(--dark-line)}
.editorial-grid .editorial-copy{background:#12232d;color:#fff}
.editorial-grid .editorial-index,.editorial-grid .editorial-meta{color:rgba(255,255,255,.48)}
.editorial-grid .editorial-copy h3{color:#fff}
.editorial-grid .editorial-copy p{color:rgba(255,255,255,.68)}
.editorial-grid .project-arrow{color:#fff;border-color:rgba(255,255,255,.68)}
.editorial-grid .project-arrow:hover{background:#fff;color:var(--night)}
/* one deliberate light panel for the drawing */
.editorial-media.drawing-media{background:#ecece7}
.home-shop{background:#243f4e}

/* Projects overview — dark showroom feel */
.projects-page{background:var(--night)}
.projects-page .section.white{background:#0d171e;color:#fff}
.projects-page .project-grid{color:#fff}
.projects-page .project-card{background:#142630;border:1px solid var(--dark-line)}
.projects-page .project-card .card-body{background:#142630;border-top-color:var(--dark-line)}
.projects-page .project-card h3{color:#fff}
.projects-page .project-card p{color:rgba(255,255,255,.56)}
.projects-page .project-card .thumb{background:#1a2d37}
.projects-page .empty-note{border-color:var(--dark-line);color:rgba(255,255,255,.56)}

/* Project pages — galleries sit on dark background, photos stay untouched */
.project-page{background:var(--night)}
.project-page .section.white{background:#0d171e;color:#fff}
.project-page .project-intro{border-bottom-color:var(--dark-line)}
.project-page .project-intro h2{color:#fff}
.project-page .project-intro p{color:rgba(255,255,255,.62)}
.project-page .gallery-card{background:#12232d}
.project-page .gallery-image{background:#172a35}
.project-page .gallery-caption{background:#12232d;border-bottom-color:var(--dark-line)}
.project-page .gallery-caption h3{color:#fff}
.project-page .gallery-caption span{color:rgba(255,255,255,.48)}
.project-page .project-drawing-divider{color:#fff}
.project-page .project-drawing-divider::before,.project-page .project-drawing-divider::after{background:var(--dark-line)}
.project-page .project-history{color:rgba(255,255,255,.76)!important;border-left-color:rgba(255,255,255,.5)!important}

/* Drawings should still read like drawings on paper */
.project-page .gallery-card[data-title-key="drawing"] .gallery-image,
.project-page .gallery-card .gallery-image:has(img[src*="rysunek"]){background:#ecece7}

/* Maintain restrained light details instead of large white areas */
.filter-apply{background:#eef0ed!important;color:var(--night)!important}
.site-footer{border-top:1px solid var(--dark-line)}

@media(max-width:620px){
  .showcase.section.white,.projects-page .section.white,.project-page .section.white{background:#0d171e}
}


/* v44 — full dark direction: remove large white UI surfaces */
html,body{background:#081219;color:#fff}
.section.white,
.home-page,
.projects-page,
.project-page,
.showcase.section.white,
.projects-page .section.white,
.project-page .section.white{
  background:#0b151c!important;
  color:#fff!important;
}

/* no white card surfaces */
.editorial-card,
.editorial-grid .editorial-card,
.editorial-grid .editorial-copy,
.projects-page .project-card,
.projects-page .project-card .card-body,
.project-page .gallery-card,
.project-page .gallery-caption{
  background:#12232d!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}

.showcase-heading h2,
.editorial-copy h3,
.projects-page .project-card h3,
.project-page .project-intro h2,
.project-page .gallery-caption h3,
.project-drawing-divider{
  color:#fff!important;
}

.editorial-copy p,
.projects-page .project-card p,
.project-page .project-intro p,
.project-page .gallery-caption span{
  color:rgba(255,255,255,.62)!important;
}

/* dark media holders; project images themselves are untouched */
.editorial-media,
.editorial-media.drawing-media,
.projects-page .project-card .thumb,
.project-page .gallery-image,
.project-page .gallery-card[data-title-key="drawing"] .gallery-image,
.project-page .gallery-card .gallery-image:has(img[src*="rysunek"]){
  background:#172a35!important;
}

/* dark controls instead of white filled controls */
.filter-apply{
  background:#203845!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}
.filter-apply:hover{background:#2a4655!important}
.btn.light:hover,
.editorial-grid .project-arrow:hover,
.editorial-card-wide .project-arrow:hover{
  background:#203845!important;
  color:#fff!important;
  border-color:#203845!important;
}

.site-footer{background:#071016!important}
.home-shop{background:#1a3442!important}
.home-strip{background:#071016!important}


/* v45 — project redesign, white project/drawing zones, uncropped media */

/* Main project list stays light */
.projects-page .section.white{
  background:#f4f4f1!important;
  color:#12232d!important;
}
.projects-page .project-card{
  background:#fff!important;
  border:1px solid #e0e4e5!important;
  color:#12232d!important;
}
.projects-page .project-card .card-body{
  background:#fff!important;
  border-top:1px solid #ecefee!important;
}
.projects-page .project-card h3{color:#193745!important}
.projects-page .project-card p{color:#6f7f87!important}
.projects-page .project-card .thumb{
  background:#0a151c!important;
}
.projects-page .project-card .thumb.project-placeholder{
  background:#12232d!important;
  color:#fff!important;
}

/* Photos stay on dark surfaces and are never cropped */
.project-photo-section{
  background:#0b151c!important;
  color:#fff;
}
.project-photo-section .project-intro h2{color:#fff}
.project-photo-section .gallery-card{
  background:#101f28!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.project-photo-section .gallery-caption{
  background:#101f28!important;
  color:#fff!important;
}
.project-photo-section .gallery-caption h3{color:#fff!important}
.project-photo-section .gallery-caption span{color:rgba(255,255,255,.58)!important}
.project-photo-section .gallery-image{
  background:#071016!important;
}

/* Project/drawing zones are intentionally light */
.project-design-section{
  background:#f5f4ef!important;
  color:#10232d!important;
  padding-top:92px;
  padding-bottom:108px;
}
.project-design-section .project-drawing-divider{
  color:#183744!important;
  margin-bottom:54px;
}
.project-design-section .project-drawing-divider::before,
.project-design-section .project-drawing-divider::after{
  background:#c7d0d4!important;
}
.project-design-section .gallery-card{
  background:#fff!important;
  border:1px solid #dfe4e5!important;
}
.project-design-section .gallery-image{
  background:#fff!important;
}
.project-design-section .gallery-caption{
  background:#fff!important;
  color:#153440!important;
}
.project-design-section .gallery-caption h3{color:#153440!important}
.project-design-section .gallery-caption span{color:#73828a!important}

/* No cutting/cropping of any project imagery */
.gallery-image img,
.projects-page .project-card .thumb img,
.home-hero-media img,
.home-project-scene-media img{
  object-fit:contain!important;
  object-position:center!important;
}
.gallery-image img,
.projects-page .project-card .thumb img{
  transform:none!important;
}
.project-card:hover .thumb img{transform:scale(1.012)!important}

/* Premium project-coming design */
.project-coming-panel{
  position:relative;
  min-height:430px;
  background:#fff;
  border:1px solid #d8dfe1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:54px;
  overflow:hidden;
}
.project-coming-overline{
  position:relative;
  z-index:2;
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.24em;
  color:#6c7f89;
  margin-bottom:18px;
}
.project-coming-panel h2{
  position:relative;
  z-index:2;
  margin:0;
  font-size:clamp(48px,7vw,104px);
  font-weight:400;
  line-height:.88;
  letter-spacing:-.045em;
  color:#173744;
}
.project-coming-mark{
  position:absolute;
  right:-.02em;
  top:-.25em;
  font-family:var(--serif);
  font-size:min(42vw,520px);
  line-height:1;
  color:#eef0ed;
  pointer-events:none;
}

/* Redesigned section divider */
.project-drawing-divider{
  gap:24px!important;
  font-size:11px!important;
  letter-spacing:.34em!important;
}
.project-drawing-divider::before,
.project-drawing-divider::after{height:1px!important}

/* Home hero: no crop, dark surround */
.home-hero-media{
  background:#071016;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-hero-media img{
  width:100%!important;
  height:100%!important;
}

/* Immersive home project scenes */
.home-project-showcase{
  background:#081219;
  color:#fff;
  padding:118px 0 0;
}
.home-project-showcase-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:40px;
  margin-bottom:58px;
}
.home-project-showcase-head h2{
  margin:0;
  font-size:clamp(50px,6vw,92px);
  line-height:.92;
  font-weight:400;
  letter-spacing:-.04em;
  color:#fff;
}
.home-project-showcase-head .eyebrow{color:rgba(255,255,255,.48)}
.home-project-showcase-head .section-link{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.32);
}
.home-project-scene{
  position:relative;
  min-height:min(86svh,920px);
  overflow:hidden;
  background:#071016;
  display:flex;
  align-items:flex-end;
  border-top:1px solid rgba(255,255,255,.08);
}
.home-project-scene-media{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-project-scene-media img{
  width:100%;
  height:100%;
  object-fit:contain!important;
}
.home-project-scene-effect{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.home-project-scene-content{
  position:relative;
  z-index:3;
  padding-bottom:8vh;
}
.scene-kicker{
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.22em;
  margin-bottom:17px;
  opacity:.64;
}
.home-project-scene h3{
  margin:0;
  font-size:clamp(72px,10vw,160px);
  line-height:.76;
  font-weight:400;
  letter-spacing:-.05em;
}
.home-project-scene p{
  margin:30px 0 28px;
  max-width:560px;
  font-size:18px;
  color:rgba(255,255,255,.72);
}
.scene-link{
  display:inline-flex;
  align-items:center;
  gap:28px;
  font-family:var(--sans);
  font-size:10px;
  letter-spacing:.14em;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.45);
}

/* Challenger effect: strong left-to-right cinematic shade */
.scene-challenger .home-project-scene-effect{
  background:
    linear-gradient(90deg,rgba(4,10,14,.93) 0%,rgba(4,10,14,.48) 36%,rgba(4,10,14,.10) 68%,rgba(4,10,14,.30) 100%),
    linear-gradient(0deg,rgba(4,10,14,.74),transparent 48%);
}

/* Alice effect: right-biased light, content shifted right */
.scene-alice{
  background:#09151c;
}
.scene-alice .home-project-scene-effect{
  background:
    radial-gradient(circle at 36% 48%,rgba(57,89,108,.18),transparent 34%),
    linear-gradient(270deg,rgba(4,10,14,.91) 0%,rgba(4,10,14,.48) 36%,rgba(4,10,14,.14) 74%),
    linear-gradient(0deg,rgba(4,10,14,.72),transparent 46%);
}
.scene-alice .home-project-scene-content{
  text-align:right;
  margin-left:auto;
}
.scene-alice .home-project-scene-content p{
  margin-left:auto;
}
.scene-alice .scene-link{
  justify-content:flex-end;
}

/* Alice II effect: the project/drawing is the light contrast panel */
.scene-aliceii{
  background:#f2f1ec;
  color:#173744;
}
.scene-aliceii .home-project-scene-media{
  padding:7vh 3vw 4vh;
}
.scene-aliceii .home-project-scene-media img{
  filter:contrast(.93) brightness(.99);
}
.scene-aliceii .home-project-scene-effect{
  background:
    linear-gradient(90deg,rgba(242,241,236,.96) 0%,rgba(242,241,236,.54) 40%,rgba(242,241,236,.08) 70%),
    linear-gradient(0deg,rgba(242,241,236,.93),transparent 42%);
}
.scene-aliceii .scene-kicker{color:#657780;opacity:1}
.scene-aliceii h3{color:#173744}
.scene-aliceii p{color:#516772}
.scene-aliceii .scene-link{
  color:#173744;
  border-bottom-color:#71848d;
}

/* Footer AI note */
.ai-note{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  font-family:var(--sans);
  font-size:10px;
  line-height:1.5;
  letter-spacing:.04em;
  color:rgba(255,255,255,.43);
}
.copyright{margin-top:10px!important}

@media(max-width:900px){
  .home-project-showcase{padding-top:82px}
  .home-project-showcase-head{align-items:flex-start;flex-direction:column;margin-bottom:34px}
  .home-project-scene{min-height:720px}
  .scene-alice .home-project-scene-content{text-align:left}
  .scene-alice .home-project-scene-content p{margin-left:0}
  .scene-alice .scene-link{justify-content:flex-start}
}
@media(max-width:620px){
  .project-design-section{padding-top:64px;padding-bottom:74px}
  .project-coming-panel{min-height:320px;padding:30px 24px}
  .home-project-scene{min-height:600px}
  .home-project-scene-content{padding-bottom:62px}
  .home-project-scene h3{font-size:clamp(66px,24vw,100px)}
  .home-project-scene p{font-size:15px;max-width:310px}
  .scene-aliceii .home-project-scene-media{padding:3vh 8px 8vh}
}


/* v46 — dark projects + dark drawings + no small hero DERSIN */
.home-hero-label{display:none!important}

/* Projects listing: full dark mode */
.projects-page,
.projects-page main,
.projects-page .section.white{
  background:#081219!important;
  color:#fff!important;
}
.projects-page .project-tools{
  background:#0f1f29!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.projects-page .project-tools-top{
  border-bottom-color:rgba(255,255,255,.10)!important;
}
.projects-page .project-search,
.projects-page .filter-group label{color:rgba(255,255,255,.58)!important}
.projects-page .project-search input,
.projects-page .filter-group select{
  background:#142630!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.projects-page .project-search input::placeholder{color:rgba(255,255,255,.35)!important}
.projects-page .filter-toggle,
.projects-page .filter-clear,
.projects-page .filter-apply{
  background:#142630!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}
.projects-page .filter-toggle:hover,
.projects-page .filter-clear:hover,
.projects-page .filter-apply:hover{background:#1d3542!important}
.projects-page .project-card,
.projects-page .project-card .card-body{
  background:#10212b!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.09)!important;
}
.projects-page .project-card h3{color:#fff!important}
.projects-page .project-card p{color:rgba(255,255,255,.56)!important}
.projects-page .project-card .thumb{background:#071016!important}
.projects-page .empty-note{color:rgba(255,255,255,.56)!important;border-color:rgba(255,255,255,.10)!important}

/* Alice II drawing in the project list: make the white sheet dark without changing the source file */
.projects-page .project-card img[src*="/assets/statek/"]{
  filter:invert(1) grayscale(1) brightness(.78) contrast(.92)!important;
}

/* Project/drawing sections: no white surfaces */
.project-design-section{
  background:#0b151c!important;
  color:#fff!important;
}
.project-design-section .project-drawing-divider{color:#fff!important}
.project-design-section .project-drawing-divider::before,
.project-design-section .project-drawing-divider::after{background:rgba(255,255,255,.18)!important}
.project-design-section .gallery-card{
  background:#10212b!important;
  border-color:rgba(255,255,255,.10)!important;
}
.project-design-section .gallery-image{background:#071016!important}
.project-design-section .gallery-caption{
  background:#10212b!important;
  color:#fff!important;
}
.project-design-section .gallery-caption h3{color:#fff!important}
.project-design-section .gallery-caption span{color:rgba(255,255,255,.52)!important}
.project-design-section .gallery-image img[src*="/assets/statek/"]{
  filter:invert(1) grayscale(1) brightness(.78) contrast(.92)!important;
}

/* Dark premium 'project coming' panels too */
.project-coming-panel{
  background:#10212b!important;
  border-color:rgba(255,255,255,.10)!important;
}
.project-coming-overline{color:rgba(255,255,255,.48)!important}
.project-coming-panel h2{color:#fff!important}
.project-coming-mark{color:rgba(255,255,255,.035)!important}
.project-empty-media{background:#10212b!important;border-color:rgba(255,255,255,.10)!important}

/* Home Alice II scene: same dark treatment as the other ships */
.scene-aliceii{
  background:#071016!important;
  color:#fff!important;
}
.scene-aliceii .home-project-scene-media{background:#071016!important}
.scene-aliceii .home-project-scene-media img{
  filter:invert(1) grayscale(1) brightness(.72) contrast(.92)!important;
}
.scene-aliceii .home-project-scene-effect{
  background:
    linear-gradient(90deg,rgba(4,10,14,.94) 0%,rgba(4,10,14,.52) 39%,rgba(4,10,14,.14) 72%,rgba(4,10,14,.42) 100%),
    linear-gradient(0deg,rgba(4,10,14,.82),transparent 48%)!important;
}
.scene-aliceii .scene-kicker{color:rgba(255,255,255,.58)!important}
.scene-aliceii h3{color:#fff!important}
.scene-aliceii p{color:rgba(255,255,255,.70)!important}
.scene-aliceii .scene-link{color:#fff!important;border-bottom-color:rgba(255,255,255,.42)!important}

/* Alice II modal follows dark drawing mode */
#modalImg[src*="/assets/statek/"]{
  filter:invert(1) grayscale(1) brightness(.78) contrast(.92)!important;
}

/* Keep all photo/gallery areas dark around the image */
.project-photo-section,
.project-photo-section .gallery-image{background:#071016!important}

/* Footer note visible on every page */
.ai-note{display:block!important}


/* v47 — rysunki mają pozostać dokładnie w swoim oryginalnym wyglądzie */
.projects-page .project-card img[src*="/assets/statek/"],
.project-design-section .gallery-image img[src*="/assets/statek/"],
#modalImg[src*="/assets/statek/"],
.scene-aliceii .home-project-scene-media img{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

/* Oryginalne jasne tło rysunku zostaje — ciemny jest tylko interfejs strony */
.project-design-section .gallery-image,
.projects-page .project-card .thumb:has(img[src*="/assets/statek/"]){
  background:#f7f7f5!important;
}

.project-design-section .gallery-image img[src*="/assets/statek/"]{
  object-fit:contain!important;
  transform:none!important;
}

/* Alice II na głównej: rysunek bez odwracania kolorów i bez przyciemniania */
.scene-aliceii .home-project-scene-effect{
  background:none!important;
}
.scene-aliceii .home-project-scene-media img{
  object-fit:contain!important;
  transform:none!important;
}
.scene-aliceii .home-project-scene-content{
  background:rgba(7,16,22,.88);
  width:min(560px,calc(100% - 48px));
  margin-left:clamp(20px,6vw,110px);
  padding:22px 26px;
}
.scene-aliceii .scene-kicker,
.scene-aliceii h3,
.scene-aliceii p,
.scene-aliceii .scene-link{
  color:#fff!important;
}


/* v48 — całkowicie nowe tło dla rysunków, bez zmiany samych plików rysunków */
.project-design-section .gallery-image,
.projects-page .project-card .thumb:has(img[src*="/assets/statek/"]),
.scene-aliceii .home-project-scene-media,
#modalPan:has(#modalImg[src*="/assets/statek/"]){
  background:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg,#526b78 0%,#344d59 48%,#1d323c 100%)!important;
  background-size:34px 34px,34px 34px,auto,auto!important;
  background-position:center!important;
}

/* biała kartka wizualnie wtapia się w nowe tło; sam rysunek nie jest przerabiany */
.project-design-section .gallery-image img[src*="/assets/statek/"],
.projects-page .project-card img[src*="/assets/statek/"],
.scene-aliceii .home-project-scene-media img,
#modalImg[src*="/assets/statek/"]{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:multiply!important;
  object-fit:contain!important;
  transform:none!important;
}

/* bez białych ramek wokół rysunków */
.project-design-section .gallery-card{
  background:#0d1b23!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
.project-design-section .gallery-caption{
  background:#0d1b23!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.project-design-section .gallery-caption h3{color:#fff!important}
.project-design-section .gallery-caption span{color:rgba(255,255,255,.55)!important}

/* Alice II na głównej — osobna, bardziej techniczna scena */
.scene-aliceii{
  background:#0a171e!important;
}
.scene-aliceii .home-project-scene-media{
  padding:clamp(22px,4vw,58px)!important;
}
.scene-aliceii .home-project-scene-content{
  background:rgba(6,15,20,.90)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.scene-aliceii .scene-kicker,
.scene-aliceii h3,
.scene-aliceii p,
.scene-aliceii .scene-link{
  color:#fff!important;
}

/* karta Alice II na liście projektów także bez białego otoczenia */
.projects-page .project-card:has(img[src*="/assets/statek/"]){
  background:#10212a!important;
  border-color:rgba(255,255,255,.10)!important;
}


/* v49 — rysunki: zawsze oryginalny plik, bez barwienia i bez wtapania w tło */
.project-design-section .gallery-image img[src*="/assets/statek/"],
.projects-page .project-card img[src*="/assets/statek/"],
.scene-aliceii .home-project-scene-media img[src*="/assets/statek/"],
#modalImg[src*="/assets/statek/"]{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  object-fit:contain!important;
}

/* Wokół rysunku może zostać ciemny interfejs, ale sam rysunek jest nietknięty */
.project-design-section .gallery-image,
.projects-page .project-card .thumb:has(img[src*="/assets/statek/"]),
.scene-aliceii .home-project-scene-media,
#modalPan:has(#modalImg[src*="/assets/statek/"]){
  background:#071016!important;
  background-image:none!important;
}

/* Nie nakładaj żadnego efektu na rysunek Alice II na głównej */
.scene-aliceii .home-project-scene-effect{
  background:none!important;
}

/* Projekt nadchodzi — używaj prawdziwego znaku DERSIN zamiast litery D */
.project-coming-mark{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:transparent!important;
  font-size:0!important;
}
.project-coming-mark img{
  width:min(390px,58vw)!important;
  height:auto!important;
  display:block!important;
  opacity:.055!important;
  filter:none!important;
}

/* Zdjęcia statków zachowują przygotowane ciemne tło z pełnym logo */
.project-photo-section .gallery-image img,
#modalImg:not([src*="/assets/statek/"]){
  object-fit:contain!important;
}


/* =========================================================
   v50 — scroll light / image sequence, bez przerabiania zdjęć
   ========================================================= */

/* Dostarczony obraz na głównej ma zostać pokazany w całości */
.home-hero-scroll-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#071016;
}
.home-hero-scroll-media > img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Subtelny pas światła także na hero reagujący na przewijanie */
.hero-scroll-light{
  position:absolute;
  inset:-15% -65%;
  background:url('/assets/effects/scroll-light-v50.png') center/100% 100% no-repeat;
  mix-blend-mode:screen;
  opacity:.32;
  pointer-events:none;
  transform:translate3d(var(--hero-light-x,70%),0,0);
  will-change:transform,opacity;
}

/* Każdy projekt na głównej ma dodatkową przestrzeń scrolla.
   Sam widok jest sticky jak w sekcjach produktowych ASUS/Apple. */
.home-project-scene.scroll-gallery{
  display:block!important;
  min-height:0!important;
  height:260svh;
  position:relative;
  overflow:visible!important;
  background:#071016;
}
.home-project-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:620px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  background:#071016;
  border-top:1px solid rgba(255,255,255,.08);
}

.scroll-gallery .home-project-scene-media{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#071016!important;
  padding:0!important;
}
.scroll-gallery .scroll-frame{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:0;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  transition:opacity .16s linear;
  will-change:opacity;
}
.scroll-gallery .scroll-frame.active{
  opacity:1;
}

/* Światło przechodzi OD PRAWEJ DO LEWEJ.
   Używa dokładnie dostarczonego gradientu i trybu mieszania. */
.scroll-light-sweep{
  position:absolute;
  z-index:2;
  top:-20%;
  bottom:-20%;
  left:-70%;
  width:240%;
  background:url('/assets/effects/scroll-light-v50.png') center/100% 100% no-repeat;
  mix-blend-mode:screen;
  opacity:var(--light-opacity,0);
  transform:translate3d(var(--light-x,65%),0,0);
  pointer-events:none;
  will-change:transform,opacity;
}

/* Delikatna osłona tekstu — nie zmienia samego zdjęcia */
.scroll-gallery .home-project-scene-effect{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(3,9,13,.78) 0%,rgba(3,9,13,.24) 38%,transparent 68%),
    linear-gradient(0deg,rgba(3,9,13,.68),transparent 48%)!important;
  pointer-events:none;
}
.scroll-gallery .home-project-scene-content{
  z-index:4;
}

/* Alice: tekst po prawej jak wcześniej */
.scene-alice.scroll-gallery .home-project-scene-effect{
  background:
    linear-gradient(270deg,rgba(3,9,13,.80) 0%,rgba(3,9,13,.26) 40%,transparent 70%),
    linear-gradient(0deg,rgba(3,9,13,.66),transparent 48%)!important;
}

/* Alice II: rysunki są dokładnie oryginalne — tylko otoczenie jest ciemne */
.scene-aliceii.scroll-gallery,
.scene-aliceii.scroll-gallery .home-project-sticky,
.scene-aliceii.scroll-gallery .home-project-scene-media{
  background:#071016!important;
  color:#fff!important;
}
.scene-aliceii.scroll-gallery .scroll-frame{
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:0;
}
.scene-aliceii.scroll-gallery .scroll-frame.active{opacity:1}
.scene-aliceii.scroll-gallery .home-project-scene-content{
  background:rgba(5,13,18,.80);
  border:1px solid rgba(255,255,255,.09);
  padding:24px 28px;
  margin-bottom:7vh;
  width:min(590px,calc(100% - 40px));
}
.scene-aliceii.scroll-gallery .scene-kicker,
.scene-aliceii.scroll-gallery h3,
.scene-aliceii.scroll-gallery p,
.scene-aliceii.scroll-gallery .scene-link{
  color:#fff!important;
}
.scene-aliceii.scroll-gallery .scene-link{
  border-bottom-color:rgba(255,255,255,.42)!important;
}

/* W Projektach wykorzystaj dostarczony drugi wariant bez przycinania */
.projects-page .project-card img[src*="challenger-projects-v50"]{
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Nie przycinaj żadnego frame'a */
@media(max-width:900px){
  .home-project-scene.scroll-gallery{height:230svh}
  .home-project-sticky{min-height:560px}
  .scroll-gallery .home-project-scene-content{padding-bottom:54px}
}
@media(max-width:620px){
  .home-project-scene.scroll-gallery{height:215svh}
  .home-project-sticky{min-height:520px}
  .scroll-light-sweep{width:300%;left:-100%}
  .scene-aliceii.scroll-gallery .home-project-scene-content{
    margin:0 18px 36px;
    padding:20px;
    width:calc(100% - 36px);
  }
}


/* =========================================================
   v64 — baza v50, aktualne zdjęcia, 1 obraz na scenę
   ========================================================= */

/* Przy jednym zdjęciu zachowaj cały dobry układ v50 */
.single-photo-scroll .scroll-frame{
  opacity:1!important;
}

/* Challenger i Alice nadal mają efekt światła podczas scrolla,
   ale nic nie jest przełączane na kolejne zdjęcie. */
.single-photo-scroll{
  height:210svh!important;
}
.single-photo-scroll .home-project-sticky{
  position:sticky;
  top:0;
  height:100svh;
}
.single-photo-scroll .scroll-light-sweep{
  opacity:var(--single-light-opacity,0)!important;
  transform:translate3d(var(--single-light-x,72%),0,0)!important;
}

/* Alice II — JEDEN rysunek, bez gradientu.
   Jedyna animacja to subtelny ruch/zoom sterowany scrollem. */
.aliceii-motion-scene{
  height:205svh!important;
}
.aliceii-motion-scene .home-project-sticky{
  position:sticky;
  top:0;
  height:100svh;
}
.aliceii-motion-scene .home-project-scene-media{
  overflow:hidden!important;
}
.aliceii-motion-scene .scroll-light-sweep{
  display:none!important;
}
.aliceii-motion-image{
  opacity:1!important;
  transform:
    translate3d(var(--aliceii-x,0px),var(--aliceii-y,0px),0)
    scale(var(--aliceii-scale,1))!important;
  transform-origin:center center!important;
  transition:none!important;
  will-change:transform;
  filter:none!important;
  mix-blend-mode:normal!important;
}

/* Nie zmieniaj oryginalnego wyglądu rysunku */
.aliceii-motion-scene .home-project-scene-media img{
  filter:none!important;
  mix-blend-mode:normal!important;
}

@media(max-width:900px){
  .single-photo-scroll{height:185svh!important}
  .aliceii-motion-scene{height:180svh!important}
}

/* =========================================================
   v66 — czystsza główna + dokładnie dostarczony gradient tlo(6).png
   Projekty / filtry pozostają w układzie v64
   ========================================================= */

/* Na głównej nie powtarzamy nazw statków ani nie pokazujemy dat/liczników. */
.home-project-showcase .home-project-scene-content .scene-kicker,
.home-project-showcase .home-project-scene-content h3{
  display:none!important;
}

/* Po usunięciu wielkich nazw tekst jest krótszy i spokojniejszy. */
.home-project-showcase .home-project-scene-content{
  max-width:520px;
  gap:16px;
}
.home-project-showcase .home-project-scene-content p{
  font-size:clamp(16px,1.25vw,21px);
  line-height:1.55;
  margin-bottom:12px;
}

/* Gradient/refleks: użyj dokładnie przesłanego tlo(6).png. */
.home-project-showcase .scroll-light-sweep{
  top:-10%!important;
  bottom:-10%!important;
  left:-55%!important;
  width:210%!important;
  background-image:url('/assets/effects/scroll-light-v66.png')!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  mix-blend-mode:screen!important;
  filter:none!important;
  opacity:var(--single-light-opacity,0)!important;
  transform:translate3d(var(--single-light-x,72%),0,0)!important;
  pointer-events:none!important;
  will-change:transform,opacity;
}

/* Alice II nadal bez efektu gradientowego — tylko ruch rysunku jak w v64. */
.home-project-showcase .aliceii-motion-scene .scroll-light-sweep{
  display:none!important;
}

@media(max-width:620px){
  .home-project-showcase .scroll-light-sweep{
    width:270%!important;
    left:-85%!important;
  }
  .home-project-showcase .home-project-scene-content{
    max-width:min(88vw,460px);
  }
}


/* =========================================================
   v67 — poprawki po uwagach użytkownika
   ========================================================= */

/* Usuń górny suwak postępu całkowicie. */
.progress{display:none!important}

/* Alice II: karta ma być bardziej przeźroczysta jak pasek/logo. */
.scene-aliceii.scroll-gallery .home-project-scene-content,
.aliceii-motion-scene .home-project-scene-content{
  background:rgba(36,55,67,.46)!important;
  backdrop-filter:blur(10px) saturate(115%);
  -webkit-backdrop-filter:blur(10px) saturate(115%);
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}

/* Nie zatrzymuj scrolla na Alice II. */
.aliceii-motion-scene{
  height:132svh!important;
}
.aliceii-motion-scene .home-project-sticky{
  position:relative!important;
  top:auto!important;
  height:100svh!important;
  min-height:620px;
}

/* Końcowa sekcja sklepu: trochę więcej treści i lepsze wypełnienie. */
.home-shop{padding:118px 0 0!important}
.home-shop-copy{max-width:760px}
.home-shop-side{display:flex;flex-direction:column;align-items:flex-end;gap:22px;min-width:min(420px,100%)}
.home-shop-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.home-shop-tags span{
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.82);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.home-shop-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:min(520px,100%);
}
.shop-mini-card{
  min-height:118px;
  padding:18px 16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(4,12,16,.34);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.shop-mini-card strong{
  font-size:18px;
  font-weight:400;
  letter-spacing:-.02em;
}
.shop-mini-card span{
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.45;
}
.site-footer{padding-top:46px!important}

@media (max-width:980px){
  .home-shop{padding-top:86px!important}
  .home-shop-inner{align-items:flex-start!important}
  .home-shop-side{align-items:flex-start;min-width:0;width:100%}
  .home-shop-mini-grid{grid-template-columns:1fr;max-width:420px}
}
@media (max-width:620px){
  .aliceii-motion-scene{height:108svh!important}
  .aliceii-motion-scene .home-project-sticky{min-height:520px}
  .scene-aliceii.scroll-gallery .home-project-scene-content,
  .aliceii-motion-scene .home-project-scene-content{
    margin:0 18px 28px!important;
    width:calc(100% - 36px)!important;
    padding:18px 20px!important;
  }
  .home-shop-tags{gap:8px}
  .home-shop-tags span{font-size:11px;padding:8px 12px}
}


/* =========================================================
   v68 — Challenger i Alice zmiana zdjęcia w połowie scrolla
   ========================================================= */
.mid-switch-scroll{height:210svh!important}
.mid-switch-scroll .home-project-sticky{position:sticky;top:0;height:100svh}
@media (max-width:900px){
  .mid-switch-scroll{height:190svh!important}
}
@media (max-width:620px){
  .mid-switch-scroll{height:178svh!important}
}


/* =========================================================
   v69 — scroll fix + tekst nie zasłania statków
   ========================================================= */

/* Stabilna scena scrollowana */
.mid-switch-scroll{
  height:220svh!important;
  position:relative!important;
  overflow:visible!important;
}
.mid-switch-scroll .home-project-sticky{
  position:sticky!important;
  top:0!important;
  height:100svh!important;
  min-height:620px!important;
  overflow:hidden!important;
}

/* Obraz kończy się nad dolnym paskiem z opisem. */
.mid-switch-scroll .home-project-scene-media{
  bottom:118px!important;
  height:auto!important;
}
.mid-switch-scroll .home-project-scene-effect{
  bottom:118px!important;
}
.mid-switch-scroll .scroll-frame{
  object-fit:contain!important;
  object-position:center center!important;
  transition:opacity .42s ease!important;
}

/* Tekst już nie leży na statku — ma własny niski pasek pod zdjęciem. */
.mid-switch-scroll .home-project-scene-content{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:118px!important;
  margin:0!important;
  padding:22px max(5vw,34px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  background:linear-gradient(180deg,rgba(7,16,22,.90),rgba(5,12,17,.98))!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  box-sizing:border-box!important;
  text-align:left!important;
  z-index:5!important;
}
.mid-switch-scroll .home-project-scene-content p{
  margin:0!important;
  max-width:680px!important;
  color:rgba(255,255,255,.78)!important;
  font-size:clamp(16px,1.25vw,22px)!important;
  line-height:1.35!important;
}
.mid-switch-scroll .scene-link{
  flex:0 0 auto!important;
  margin:0!important;
  color:#fff!important;
  white-space:nowrap!important;
}

/* Jeżeli jakaś stara nazwa pozostałaby w cache/HTML, nie pokazuj jej w tych scenach. */
.mid-switch-scroll .home-project-scene-content h3,
.mid-switch-scroll .scene-kicker{
  display:none!important;
}

/* Alice II również ma opis niżej, ale nadal półprzezroczysty i bez zatrzymania. */
.aliceii-motion-scene .home-project-scene-content{
  bottom:20px!important;
  left:max(3vw,22px)!important;
  right:auto!important;
  width:min(560px,calc(100% - 44px))!important;
  margin:0!important;
  padding:18px 22px!important;
  background:rgba(25,43,55,.38)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  backdrop-filter:blur(10px) saturate(110%);
  -webkit-backdrop-filter:blur(10px) saturate(110%);
}

@media(max-width:900px){
  .mid-switch-scroll{height:205svh!important}
  .mid-switch-scroll .home-project-scene-media,
  .mid-switch-scroll .home-project-scene-effect{bottom:132px!important}
  .mid-switch-scroll .home-project-scene-content{
    min-height:132px!important;
    padding:18px 26px!important;
  }
}

@media(max-width:620px){
  .mid-switch-scroll{height:190svh!important}
  .mid-switch-scroll .home-project-sticky{min-height:520px!important}
  .mid-switch-scroll .home-project-scene-media,
  .mid-switch-scroll .home-project-scene-effect{bottom:154px!important}
  .mid-switch-scroll .home-project-scene-content{
    min-height:154px!important;
    padding:18px 20px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:14px!important;
  }
  .mid-switch-scroll .home-project-scene-content p{
    font-size:15px!important;
  }
}


/* =========================================================
   v70 — full bleed + poprawki telefonu
   ========================================================= */

/* Desktop/tablet: zdjęcie ma iść do samych krawędzi sekcji. */
.mid-switch-scroll .home-project-scene-media,
.mid-switch-scroll .home-project-scene-effect{
  left:0!important;
  right:0!important;
  inset-inline:0!important;
}
.mid-switch-scroll .home-project-scene-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mid-switch-scroll .scroll-frame{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Trochę lżejszy dolny pasek, żeby nie zabierał miejsca zdjęciu. */
.mid-switch-scroll .home-project-scene-content{
  min-height:106px!important;
  padding:18px max(4vw,28px)!important;
}
.mid-switch-scroll .home-project-scene-media,
.mid-switch-scroll .home-project-scene-effect{
  bottom:106px!important;
}

/* Telefon: pokazuj cały statek stabilniej i z lepszym układem tekstu. */
@media (max-width: 820px){
  .mid-switch-scroll{
    height:180svh!important;
  }
  .mid-switch-scroll .home-project-sticky{
    min-height:100svh!important;
    height:100svh!important;
  }
  .mid-switch-scroll .home-project-scene-content{
    min-height:128px!important;
    padding:16px 18px!important;
    gap:12px!important;
  }
  .mid-switch-scroll .home-project-scene-media,
  .mid-switch-scroll .home-project-scene-effect{
    bottom:128px!important;
  }
}

@media (max-width: 620px){
  .mid-switch-scroll{
    height:170svh!important;
  }
  .mid-switch-scroll .home-project-sticky{
    min-height:100svh!important;
    height:100svh!important;
  }

  /* Na telefonie bez dziwnych przycięć: cały statek widać, tło dalej dochodzi do krawędzi. */
  .mid-switch-scroll .scroll-frame{
    object-fit:contain!important;
    object-position:center center!important;
  }
  .mid-switch-scroll .home-project-scene-content{
    min-height:132px!important;
    padding:15px 16px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .mid-switch-scroll .home-project-scene-content p{
    max-width:none!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .mid-switch-scroll .scene-link{
    font-size:13px!important;
    letter-spacing:.14em!important;
  }
  .mid-switch-scroll .home-project-scene-media,
  .mid-switch-scroll .home-project-scene-effect{
    bottom:132px!important;
  }

  /* Alice II też porządniej na telefonie. */
  .aliceii-motion-scene .home-project-scene-content{
    left:16px!important;
    right:16px!important;
    width:auto!important;
    bottom:16px!important;
    padding:14px 16px!important;
  }
}

/* =========================================================
   v77 — tylko górne logo + logo DERSIN zamiast statku w hero
   ========================================================= */
.home-page .home-hero-media .home-hero-logo{
  width:min(44vw,660px)!important;
  height:auto!important;
  max-height:64vh!important;
  object-fit:contain!important;
  object-position:center!important;
  margin-left:auto!important;
  margin-right:7vw!important;
  opacity:.30!important;
  transform:none!important;
}
@media (max-width:820px){
  .home-page .home-hero-media .home-hero-logo{
    width:min(70vw,520px)!important;
    max-height:48vh!important;
    margin-left:auto!important;
    margin-right:auto!important;
    opacity:.22!important;
  }
}

/* =========================================================
   v78 — premium visual rebuild
   Keeps existing filters, galleries, modal and scroll logic.
   ========================================================= */
:root{
  --header-h:96px;
  --v78-bg:#05090c;
  --v78-bg-2:#081219;
  --v78-panel:#0d171e;
  --v78-panel-2:#12212a;
  --v78-ink:#f4f5f2;
  --v78-muted:rgba(244,245,242,.58);
  --v78-line:rgba(255,255,255,.12);
  --v78-blue:#38586d;
  --v78-glass:rgba(10,18,23,.58);
}
html{background:var(--v78-bg)!important}
body{padding-top:0!important;background:var(--v78-bg)!important;color:var(--v78-ink)!important}
::selection{background:#dfe7eb;color:#071016}
.container{width:min(1500px,calc(100% - 72px))}

/* Floating glass navigation */
.site-header{
  top:14px!important;left:0!important;right:0!important;height:auto!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  pointer-events:none;
}
.nav-shell{
  height:68px!important;min-height:68px!important;
  padding:0 24px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(18,30,38,.66),rgba(7,13,17,.48))!important;
  box-shadow:0 14px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
  grid-template-columns:1fr auto 1fr!important;gap:34px!important;
  pointer-events:auto;
}
.site-header.scrolled .nav-shell{height:68px!important}
.brand{display:flex!important;align-items:center!important;min-width:0}
.brand img,.site-header.scrolled .brand img{
  width:154px!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important;
  opacity:.96!important;filter:none!important;
}
.main-nav{gap:38px!important;font-size:12px!important;letter-spacing:.11em!important;text-transform:uppercase!important;color:#fff!important}
.main-nav a{opacity:.62!important;padding:10px 0!important;transition:opacity .2s ease!important}
.main-nav a:hover,.main-nav a.active{opacity:1!important}
.main-nav a::after{background:#fff!important;bottom:5px!important}
.lang{font-family:var(--sans)!important;font-size:10px!important;letter-spacing:.12em!important;color:#fff!important}
.lang button{color:#fff!important;font-family:var(--sans)!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:500!important}
.lang button.active{font-weight:600!important}
.lang span{opacity:.35!important}
.menu-btn i{background:#fff!important}

/* Home opening frame */
.home-page{background:var(--v78-bg)!important}
.home-hero-v78{
  min-height:100svh!important;height:auto!important;
  display:flex!important;align-items:flex-end!important;
  position:relative!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 72% 42%,rgba(56,88,109,.22),transparent 34%),
    linear-gradient(145deg,#020507 0%,#08131a 54%,#05090c 100%)!important;
  color:#fff!important;
}
.home-hero-v78::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.30) 42%,rgba(0,0,0,.10) 70%,rgba(0,0,0,.32) 100%);
  z-index:1;
}
.home-hero-v78 .home-hero-media{position:absolute!important;inset:0!important;background:transparent!important;display:block!important}
.home-hero-v78 .home-hero-media::after{display:none!important}
.hero-grid-lines{
  position:absolute;inset:0;opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent 4%,#000 36%,#000 78%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 4%,#000 36%,#000 78%,transparent 100%);
}
.home-page .home-hero-v78 .home-hero-logo{
  position:absolute!important;right:5vw!important;top:50%!important;left:auto!important;
  width:min(42vw,670px)!important;height:auto!important;max-height:66vh!important;
  margin:0!important;opacity:.84!important;transform:translateY(-49%)!important;
  object-fit:contain!important;filter:drop-shadow(0 32px 70px rgba(0,0,0,.25))!important;
}
.home-hero-shade{display:none!important}
.home-hero-v78 .home-hero-content{
  position:relative!important;z-index:3!important;
  padding:180px 0 11vh!important;max-width:760px!important;margin:0!important;
}
.hero-overline{
  margin-bottom:24px;font-family:var(--sans);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.52)
}
.home-hero-v78 h1{
  margin:0!important;color:#fff!important;font-size:clamp(92px,12.5vw,202px)!important;
  line-height:.72!important;letter-spacing:-.065em!important;font-weight:400!important;
}
.home-hero-v78 p{
  margin:44px 0 34px!important;max-width:590px!important;
  color:rgba(255,255,255,.76)!important;font-size:clamp(17px,1.35vw,22px)!important;line-height:1.5!important;
}
.home-hero-v78 .actions{align-items:center!important;gap:30px!important}
.home-hero-v78 .btn,.home-shop .btn{
  min-height:54px!important;padding:0 24px!important;border:1px solid rgba(255,255,255,.44)!important;border-radius:12px!important;
  background:rgba(255,255,255,.04)!important;color:#fff!important;font-family:var(--sans)!important;font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important;
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)
}
.home-hero-v78 .btn:hover,.home-shop .btn:hover{background:#fff!important;color:#071016!important;transform:none!important}
.home-hero-v78 .text-link{
  font-family:var(--sans);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.72);
  display:inline-flex;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.24)
}
.hero-index{
  position:absolute;z-index:3;right:4.5vw;bottom:38px;display:flex;gap:22px;align-items:center;
  font-family:var(--sans);font-size:9px;letter-spacing:.16em;color:rgba(255,255,255,.42);text-transform:uppercase
}
.hero-index span+span{padding-left:22px;border-left:1px solid rgba(255,255,255,.16)}

/* Small taxonomy line */
.home-strip{background:#060b0f!important;color:#fff!important;border-top:1px solid var(--v78-line)!important;border-bottom:1px solid var(--v78-line)!important;padding:0!important}
.home-strip-grid{height:62px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:center!important}
.home-strip-grid span{font-family:var(--sans)!important;font-size:9px!important;letter-spacing:.26em!important;color:rgba(255,255,255,.45)!important;text-align:center!important}
.home-strip-grid span+span{border-left:1px solid rgba(255,255,255,.10)!important}

/* Brand statement */
.home-manifesto{padding:150px 0 168px;background:#e9eef1;color:#10171b}
.home-manifesto-grid{display:grid;grid-template-columns:.34fr 1.66fr;gap:70px;align-items:start}
.manifesto-label{display:flex;gap:18px;font-family:var(--sans);font-size:10px;letter-spacing:.16em;color:#64727a;text-transform:uppercase;padding-top:12px}
.manifesto-label span+span{padding-left:18px;border-left:1px solid #c7d2d8}
.manifesto-copy h2{margin:0;max-width:1100px;font-size:clamp(58px,7.6vw,126px);line-height:.9;letter-spacing:-.055em;font-weight:400;color:#0d1519}
.manifesto-copy p{margin:36px 0 0;max-width:620px;font-family:var(--sans);font-size:15px;line-height:1.65;color:#64727a}

/* Editorial / archive frame */
.home-editorial{position:relative;background:#05090c}
.home-editorial-link{position:relative;display:block;min-height:88svh;overflow:hidden;color:#fff}
.home-editorial-media{position:absolute;inset:0;background:#050a0d;display:flex;align-items:center;justify-content:center}
.home-editorial-media img{width:100%;height:100%;object-fit:cover!important;object-position:center!important;transform:scale(1.002)!important;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.home-editorial-link:hover .home-editorial-media img{transform:scale(1.018)!important}
.home-editorial-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,5,7,.08),rgba(2,5,7,.16) 46%,rgba(2,5,7,.82) 100%),linear-gradient(90deg,rgba(2,5,7,.40),transparent 62%)}
.home-editorial-copy{position:relative;z-index:2;min-height:88svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
.editorial-meta{display:flex;gap:22px;margin-bottom:18px;font-family:var(--sans);font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.52)}
.home-editorial h2{margin:0;font-size:clamp(76px,10vw,164px);line-height:.75;letter-spacing:-.06em;font-weight:400}
.editorial-open{margin-top:30px;display:flex;gap:24px;align-items:center;width:max-content;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.38);font-family:var(--sans);font-size:9px;letter-spacing:.16em}

/* Project showcase */
.home-project-showcase{padding:142px 0 0!important;background:#05090c!important;color:#fff!important}
.home-project-showcase-head{margin-bottom:64px!important;align-items:flex-end!important}
.home-project-showcase-head .eyebrow{margin-bottom:18px!important;color:rgba(255,255,255,.38)!important;font-size:9px!important}
.home-project-showcase-head h2{font-size:clamp(58px,7vw,112px)!important;line-height:.86!important;letter-spacing:-.055em!important}
.home-project-showcase-head .section-link{font-family:var(--sans)!important;font-size:9px!important;letter-spacing:.14em!important;text-transform:uppercase!important;padding:0 0 9px!important;color:rgba(255,255,255,.68)!important}
.home-project-scene{background:#05090c!important;border-top:1px solid var(--v78-line)!important}
.mid-switch-scroll{height:215svh!important}
.mid-switch-scroll .home-project-sticky{height:100svh!important;min-height:640px!important;background:#05090c!important}
.mid-switch-scroll .home-project-scene-media{bottom:126px!important;background:#05090c!important}
.mid-switch-scroll .home-project-scene-effect{bottom:126px!important}
.mid-switch-scroll .scroll-frame{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  opacity:0!important;transition:opacity .48s cubic-bezier(.2,.7,.2,1)!important;transform:none!important
}
.mid-switch-scroll .scroll-frame.active{opacity:1!important}
.home-project-scene-effect{background:linear-gradient(180deg,rgba(2,5,7,.18),transparent 35%,rgba(2,5,7,.18) 72%,rgba(2,5,7,.62))!important}
.scene-alice .home-project-scene-effect{background:linear-gradient(180deg,rgba(2,5,7,.18),transparent 34%,rgba(2,5,7,.20) 72%,rgba(2,5,7,.62))!important}
.scroll-light-sweep{
  background:radial-gradient(ellipse at var(--light-x,72%) 50%,rgba(255,255,255,.18) 0%,rgba(255,255,255,.07) 11%,transparent 29%)!important;
  opacity:var(--light-opacity,0)!important;mix-blend-mode:screen!important
}
.home-project-projectname{
  position:absolute;z-index:2;left:2vw;bottom:112px;pointer-events:none;
  font-size:clamp(82px,14vw,230px);line-height:.62;letter-spacing:-.065em;color:rgba(255,255,255,.055);white-space:nowrap
}
.mid-switch-scroll .home-project-scene-content{
  min-height:126px!important;height:126px!important;bottom:0!important;
  padding:0 max(4vw,34px)!important;background:rgba(5,9,12,.94)!important;border-top:1px solid var(--v78-line)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  display:grid!important;grid-template-columns:minmax(160px,.6fr) minmax(240px,1.2fr) auto!important;align-items:center!important;gap:36px!important
}
.scene-titleblock{display:flex;flex-direction:column;gap:8px;min-width:0}
.scene-titleblock span{font-family:var(--sans);font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.40)}
.scene-titleblock strong{font-size:24px;line-height:1;font-weight:400;color:#fff}
.mid-switch-scroll .home-project-scene-content p{font-size:14px!important;line-height:1.45!important;color:rgba(255,255,255,.62)!important;max-width:560px!important}
.mid-switch-scroll .scene-link{font-family:var(--sans)!important;font-size:9px!important;letter-spacing:.14em!important;border-bottom:1px solid rgba(255,255,255,.30)!important;padding:10px 0!important}

/* Alice II keeps the scroll motion, but its white drawing is intentionally untouched. */
.aliceii-motion-scene{height:138svh!important;background:#0a1217!important}
.aliceii-motion-scene .home-project-sticky{height:100svh!important;min-height:640px!important;background:#0a1217!important;overflow:hidden!important}
.aliceii-motion-scene .home-project-scene-media{inset:0!important;padding:10vh 4vw 18vh!important;background:#0a1217!important}
.aliceii-motion-scene .home-project-scene-media img{
  width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important;
  transform:translate(var(--aliceii-x,0),var(--aliceii-y,0)) scale(var(--aliceii-scale,1))!important
}
.aliceii-motion-scene .home-project-scene-effect{inset:0!important;background:linear-gradient(180deg,rgba(5,9,12,.12),transparent 38%,rgba(5,9,12,.60))!important}
.aliceii-motion-scene .home-project-projectname{bottom:102px!important;color:rgba(255,255,255,.045)!important}
.aliceii-motion-scene .home-project-scene-content{
  position:absolute!important;left:max(4vw,34px)!important;right:max(4vw,34px)!important;bottom:28px!important;width:auto!important;max-width:none!important;
  min-height:100px!important;margin:0!important;padding:18px 24px!important;
  display:grid!important;grid-template-columns:minmax(150px,.6fr) minmax(240px,1.2fr) auto!important;align-items:center!important;gap:34px!important;
  background:rgba(7,14,18,.60)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;
  backdrop-filter:blur(18px) saturate(115%)!important;-webkit-backdrop-filter:blur(18px) saturate(115%)!important;text-align:left!important
}
.aliceii-motion-scene .home-project-scene-content p{margin:0!important;max-width:560px!important;font-size:14px!important;color:rgba(255,255,255,.64)!important}
.aliceii-motion-scene .scene-link{font-family:var(--sans)!important;font-size:9px!important;letter-spacing:.14em!important;padding:10px 0!important;border-bottom:1px solid rgba(255,255,255,.30)!important;color:#fff!important}

/* Shop / last frame */
.home-shop{padding:150px 0 120px!important;background:linear-gradient(135deg,#0a151c,#05090c 72%)!important;border-top:1px solid var(--v78-line)!important;position:relative;overflow:hidden}
.home-shop::after{content:"";position:absolute;right:-8vw;bottom:-18vw;width:46vw;aspect-ratio:1;background:url('/assets/logo/mark-premium.png?v=78') center/contain no-repeat;opacity:.035;pointer-events:none}
.home-shop-inner{position:relative;z-index:1;display:grid!important;grid-template-columns:1.35fr .65fr!important;gap:80px!important;align-items:end!important}
.home-shop .eyebrow{color:rgba(255,255,255,.38)!important;font-size:9px!important}
.home-shop h2{margin:0!important;color:#fff!important;font-size:clamp(66px,8vw,128px)!important;line-height:.82!important;letter-spacing:-.06em!important;font-weight:400!important}
.home-shop p{margin:34px 0 0!important;color:rgba(255,255,255,.58)!important;font-size:17px!important}
.home-shop-side{align-items:flex-end!important;gap:36px!important}
.shop-wordmark{width:112px;opacity:.16}.shop-wordmark img{width:100%;height:auto}

/* Projects listing */
.projects-page,.projects-page main,.projects-page .section.white{background:#05090c!important;color:#fff!important}
.projects-page .page-hero,.project-page .page-hero{
  min-height:64svh!important;padding:190px 0 82px!important;display:flex!important;align-items:flex-end!important;
  background:radial-gradient(circle at 78% 42%,rgba(56,88,109,.22),transparent 28%),linear-gradient(145deg,#020507,#0a161d)!important;
  border-bottom:1px solid var(--v78-line)!important;overflow:hidden!important
}
.projects-page .page-hero::after,.project-page .page-hero::after{
  content:""!important;position:absolute!important;right:4vw!important;top:50%!important;bottom:auto!important;
  width:min(33vw,460px)!important;aspect-ratio:1!important;transform:translateY(-44%)!important;
  background:url('/assets/logo/mark-premium.png?v=78') center/contain no-repeat!important;opacity:.10!important
}
.page-hero .breadcrumb{font-size:9px!important;letter-spacing:.18em!important;color:rgba(255,255,255,.42)!important;margin-bottom:22px!important}
.page-hero h1{font-size:clamp(76px,10.5vw,164px)!important;line-height:.74!important;letter-spacing:-.06em!important;color:#fff!important}
.page-hero p{font-family:var(--sans)!important;font-size:15px!important;line-height:1.65!important;color:rgba(255,255,255,.58)!important}
.page-hero .project-status,.page-hero .project-status.project-status-compact{
  max-width:760px!important;margin-top:32px!important;padding:22px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.62)!important;font-family:var(--sans)!important;font-size:14px!important;line-height:1.7!important
}
.projects-page .section.white{padding:80px 0 140px!important}
.projects-page .project-tools{
  margin-bottom:42px!important;background:rgba(14,25,32,.70)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;overflow:hidden!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important
}
.projects-page .project-tools-top{padding:20px 22px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.projects-page .project-search{font-size:9px!important;letter-spacing:.16em!important}
.projects-page .project-search input,.projects-page .filter-group select{
  height:48px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:#fff!important
}
.projects-page .project-search input:focus,.projects-page .filter-group select:focus{border-color:rgba(255,255,255,.30)!important;box-shadow:none!important}
.projects-page .filter-toggle,.projects-page .filter-clear,.projects-page .filter-apply{
  border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.05)!important;color:#fff!important
}
.projects-page .filter-panel{gap:18px!important;padding:22px!important}
.projects-page .filter-group label{font-size:9px!important;letter-spacing:.15em!important}
.projects-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.projects-page .project-card{
  background:#0b151b!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:none!important;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s ease!important
}
.projects-page .project-card:hover{transform:translateY(-4px)!important;border-color:rgba(255,255,255,.18)!important}
.projects-page .project-card .thumb{height:clamp(330px,38vw,590px)!important;background:#071016!important;position:relative!important}
.projects-page .project-card .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,rgba(0,0,0,.18));pointer-events:none}
.projects-page .project-card .thumb img{object-fit:cover!important;transform:none!important;transition:transform .8s cubic-bezier(.2,.7,.2,1)!important}
.projects-page .project-card:hover .thumb img{transform:scale(1.012)!important}
.projects-page .project-card .thumb:has(img[src*="/assets/statek/"]){background:#f3f3ef!important}
.projects-page .project-card .thumb:has(img[src*="/assets/statek/"]) img{object-fit:contain!important}
.projects-page .project-card .card-body{padding:24px 25px 26px!important;background:#0b151b!important;border-top:1px solid rgba(255,255,255,.08)!important}
.projects-page .project-card h3{font-size:clamp(30px,3vw,46px)!important;letter-spacing:-.035em!important;color:#fff!important}
.projects-page .project-card p{margin-top:10px!important;font-size:9px!important;letter-spacing:.13em!important;color:rgba(255,255,255,.43)!important}

/* Project detail pages */
.project-page,.project-page main{background:#05090c!important;color:#fff!important}
.project-page .project-photo-section{padding:94px 0 130px!important;background:#05090c!important}
.project-page .project-design-section{padding:94px 0 130px!important;background:#081219!important;border-top:1px solid var(--v78-line)!important}
.project-page .project-intro{margin-bottom:34px!important;padding-bottom:22px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.project-page .project-intro h2{font-size:clamp(44px,5.3vw,78px)!important;letter-spacing:-.045em!important;color:#fff!important}
.project-page .gallery-grid{gap:18px!important}
.project-page .gallery-card{border:1px solid rgba(255,255,255,.09)!important;border-radius:18px!important;overflow:hidden!important;background:#0b151b!important}
.project-page .gallery-image{height:clamp(390px,42vw,660px)!important;background:#081219!important}
.project-page .gallery-card.full .gallery-image{height:clamp(480px,54vw,820px)!important}
.project-page .gallery-image img{object-fit:cover!important;transform:none!important}
.project-page .gallery-card:hover img{transform:scale(1.008)!important}
.project-page .project-design-section .gallery-image{background:#f3f3ef!important}
.project-page .project-design-section .gallery-image img[src*="/assets/statek/"]{object-fit:contain!important;filter:none!important}
.project-page .gallery-caption{padding:18px 20px!important;background:#0b151b!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important}
.project-page .project-design-section .gallery-caption{background:#0b151b!important}
.project-page .gallery-caption h3{font-size:20px!important;color:#fff!important}
.project-page .gallery-caption span{font-size:8px!important;letter-spacing:.13em!important;color:rgba(255,255,255,.38)!important}
.project-page .project-drawing-divider{font-size:9px!important;color:rgba(255,255,255,.58)!important}
.project-page .project-drawing-divider::before,.project-page .project-drawing-divider::after{background:rgba(255,255,255,.13)!important}
.project-page .project-empty-media,.project-page .project-coming-panel{border-radius:18px!important;background:#0b151b!important;border:1px solid rgba(255,255,255,.09)!important}

/* Modal */
.modal{background:rgba(2,5,7,.95)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.modal-shell{width:min(1600px,100%)!important}
.modal-pan img{box-shadow:none!important}
.zoom-controls button,.modal-close,.modal-arrow{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.04)!important;border-radius:999px!important}

/* Footer */
.site-footer{background:#030608!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:72px 0 28px!important}
.footer-grid{gap:72px!important}
.footer-brand img{width:220px!important;max-height:62px!important;object-fit:contain!important;object-position:left center!important;margin-bottom:22px!important;opacity:.88!important}
.footer-brand p{font-family:var(--sans)!important;font-size:12px!important;line-height:1.65!important;color:rgba(255,255,255,.48)!important}
.footer-title{font-size:9px!important;letter-spacing:.17em!important;color:rgba(255,255,255,.48)!important}
.footer-links{font-family:var(--sans)!important;font-size:13px!important;gap:10px!important;color:rgba(255,255,255,.70)!important}
.ai-note{font-size:9px!important;color:rgba(255,255,255,.30)!important}
.copyright{font-size:9px!important;letter-spacing:.08em!important;color:rgba(255,255,255,.36)!important}

@media(max-width:980px){
  :root{--header-h:88px}
  .container{width:min(100% - 34px,900px)!important}
  .site-header{top:10px!important}
  .nav-shell{height:62px!important;min-height:62px!important;padding:0 18px!important;grid-template-columns:1fr auto auto!important;gap:10px!important}
  .site-header.scrolled .nav-shell{height:62px!important}
  .brand img,.site-header.scrolled .brand img{width:132px!important;max-height:34px!important}
  .main-nav{
    position:absolute!important;top:72px!important;left:17px!important;right:17px!important;
    display:none!important;flex-direction:column!important;gap:0!important;padding:10px 16px 16px!important;
    border:1px solid rgba(255,255,255,.13)!important;border-radius:22px!important;
    background:rgba(7,13,17,.92)!important;box-shadow:0 20px 50px rgba(0,0,0,.35)!important;
    backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important
  }
  .main-nav.open{display:flex!important}
  .main-nav a{width:100%!important;padding:14px 4px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .menu-btn{display:block!important;grid-column:3!important;grid-row:1!important}
  .lang{grid-column:2!important;grid-row:1!important}
  .home-page .home-hero-v78 .home-hero-logo{width:min(52vw,500px)!important;right:-3vw!important;opacity:.54!important}
  .home-hero-v78 .home-hero-content{padding-bottom:12vh!important;max-width:620px!important}
  .hero-index{left:17px;right:auto;bottom:26px}
  .home-manifesto{padding:110px 0 120px}
  .home-manifesto-grid{grid-template-columns:1fr;gap:42px}
  .manifesto-label{padding-top:0}
  .home-editorial-link,.home-editorial-copy{min-height:76svh}
  .home-project-showcase{padding-top:104px!important}
  .mid-switch-scroll{height:190svh!important}
  .mid-switch-scroll .home-project-scene-content{grid-template-columns:.7fr 1.3fr auto!important;gap:20px!important;padding:0 24px!important}
  .aliceii-motion-scene .home-project-scene-content{grid-template-columns:.7fr 1.3fr auto!important;gap:20px!important}
  .home-shop-inner{grid-template-columns:1fr!important;gap:56px!important}
  .home-shop-side{align-items:flex-start!important}
  .projects-page .page-hero,.project-page .page-hero{min-height:56svh!important;padding:160px 0 66px!important}
  .projects-page .page-hero::after,.project-page .page-hero::after{width:min(42vw,380px)!important;right:-3vw!important}
  .projects-page .project-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:620px){
  :root{--header-h:80px}
  .container{width:calc(100% - 28px)!important}
  .site-header{top:8px!important}
  .nav-shell{height:58px!important;min-height:58px!important;padding:0 15px!important}
  .site-header.scrolled .nav-shell{height:58px!important}
  .brand img,.site-header.scrolled .brand img{width:112px!important;max-height:30px!important}
  .lang{font-size:9px!important}.lang button{font-size:9px!important}
  .menu-btn i{width:22px!important;margin:5px 0!important}
  .main-nav{top:66px!important;left:14px!important;right:14px!important}
  .home-hero-v78{min-height:100svh!important;align-items:flex-end!important}
  .home-page .home-hero-v78 .home-hero-logo{width:72vw!important;right:-18vw!important;top:41%!important;opacity:.30!important}
  .hero-grid-lines{background-size:44px 44px}
  .home-hero-v78 .home-hero-content{padding:130px 0 17vh!important;max-width:100%!important}
  .home-hero-v78 h1{font-size:clamp(72px,25vw,116px)!important;line-height:.75!important}
  .home-hero-v78 p{margin:28px 0 24px!important;max-width:320px!important;font-size:15px!important}
  .home-hero-v78 .actions{gap:18px!important;align-items:flex-start!important}
  .home-hero-v78 .btn{width:auto!important;min-height:48px!important;padding:0 19px!important}
  .home-hero-v78 .text-link{padding:15px 0!important}
  .hero-index{bottom:18px;gap:12px;font-size:7px}.hero-index span+span{padding-left:12px}.hero-index span:last-child{display:none}
  .home-strip-grid{height:54px!important}.home-strip-grid span{font-size:7px!important;letter-spacing:.18em!important}
  .home-manifesto{padding:84px 0 92px}
  .home-manifesto-grid{gap:30px}
  .manifesto-copy h2{font-size:clamp(52px,16vw,78px);line-height:.92}
  .manifesto-copy p{font-size:13px;margin-top:26px}
  .home-editorial-link,.home-editorial-copy{min-height:68svh}
  .home-editorial-media img{object-fit:contain!important;background:#050a0d}
  .home-editorial-overlay{background:linear-gradient(180deg,transparent 28%,rgba(2,5,7,.86) 100%)}
  .home-editorial-copy{padding-bottom:34px}
  .home-editorial h2{font-size:clamp(64px,24vw,102px)}
  .home-project-showcase{padding-top:82px!important}
  .home-project-showcase-head{align-items:flex-start!important;gap:28px!important;margin-bottom:38px!important}
  .home-project-showcase-head h2{font-size:clamp(52px,16vw,78px)!important}
  .mid-switch-scroll{height:172svh!important}
  .mid-switch-scroll .home-project-sticky{min-height:100svh!important;height:100svh!important}
  .mid-switch-scroll .home-project-scene-media,.mid-switch-scroll .home-project-scene-effect{bottom:172px!important}
  .mid-switch-scroll .scroll-frame{object-fit:contain!important;background:#05090c!important}
  .home-project-projectname{bottom:158px!important;font-size:22vw!important;left:3vw!important}
  .mid-switch-scroll .home-project-scene-content{
    height:172px!important;min-height:172px!important;padding:16px!important;
    display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:8px 18px!important;align-content:center!important
  }
  .scene-titleblock{grid-column:1;grid-row:1;gap:5px}.scene-titleblock strong{font-size:20px}.scene-titleblock span{font-size:7px}
  .mid-switch-scroll .home-project-scene-content p{grid-column:1/-1;grid-row:2;font-size:12px!important;max-width:280px!important;margin:0!important}
  .mid-switch-scroll .scene-link{grid-column:2;grid-row:1;font-size:7px!important;align-self:end!important}
  .aliceii-motion-scene{height:112svh!important}
  .aliceii-motion-scene .home-project-sticky{min-height:100svh!important;height:100svh!important}
  .aliceii-motion-scene .home-project-scene-media{padding:12vh 10px 31vh!important}
  .aliceii-motion-scene .home-project-projectname{bottom:176px!important}
  .aliceii-motion-scene .home-project-scene-content{
    left:14px!important;right:14px!important;bottom:14px!important;min-height:150px!important;padding:15px 16px!important;border-radius:16px!important;
    display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:8px 16px!important
  }
  .aliceii-motion-scene .home-project-scene-content p{grid-column:1/-1;grid-row:2;font-size:12px!important;max-width:280px!important}
  .aliceii-motion-scene .scene-link{grid-column:2;grid-row:1;font-size:7px!important;align-self:end!important}
  .home-shop{padding:92px 0 76px!important}
  .home-shop-inner{gap:42px!important}
  .home-shop h2{font-size:clamp(58px,19vw,84px)!important}
  .shop-wordmark{width:92px}
  .projects-page .page-hero,.project-page .page-hero{min-height:50svh!important;padding:132px 0 52px!important}
  .projects-page .page-hero::after,.project-page .page-hero::after{width:58vw!important;right:-18vw!important;opacity:.07!important}
  .page-hero h1{font-size:clamp(64px,20vw,98px)!important}
  .page-hero p{font-size:13px!important}
  .projects-page .section.white{padding:54px 0 90px!important}
  .projects-page .project-tools{border-radius:16px!important}
  .projects-page .project-tools-top{grid-template-columns:1fr!important;gap:14px!important}
  .projects-page .filter-toggle{width:100%!important}
  .projects-page .filter-panel{grid-template-columns:1fr!important}
  .projects-page .project-grid{grid-template-columns:1fr!important;gap:16px!important}
  .projects-page .project-card{border-radius:16px!important}
  .projects-page .project-card .thumb{height:62vw!important;min-height:260px!important}
  .projects-page .project-card .card-body{padding:20px!important}
  .project-page .project-photo-section,.project-page .project-design-section{padding:64px 0 84px!important}
  .project-page .gallery-grid{grid-template-columns:1fr!important}
  .project-page .gallery-card.full{grid-column:auto!important}
  .project-page .gallery-image,.project-page .gallery-card.full .gallery-image{height:62vw!important;min-height:280px!important}
  .project-page .project-design-section .gallery-image,.project-page .project-design-section .gallery-card.full .gallery-image{height:auto!important;min-height:300px!important;padding:10px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:34px!important}.footer-brand{grid-column:auto!important}
}
/* v78 image safety: keep the supplied project photos fully visible. */
.projects-page .project-card .thumb img,
.project-page .gallery-image img{object-fit:contain!important;object-position:center!important}


/* v82 – requested homepage cleanup */
.scene-challenger .home-project-projectname,
.scene-alice .home-project-projectname{
  display:none!important;
}

.aliceii-motion-scene{
  position:relative!important;
  isolation:isolate!important;
  height:126svh!important;
  background:#071018!important;
}
.aliceii-motion-scene::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/assets/effects/aliceii-blur-v82.png') center/cover no-repeat;
  opacity:.72;
  pointer-events:none;
  z-index:0;
}
.aliceii-motion-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(4,8,11,.16),rgba(4,8,11,.08) 34%,rgba(4,8,11,.78) 100%);
  pointer-events:none;
  z-index:0;
}
.aliceii-motion-scene .home-project-sticky{
  background:transparent!important;
}
.aliceii-motion-scene .home-project-scene-media{
  z-index:1!important;
  inset:0!important;
  padding:12vh 5vw 22vh!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.aliceii-motion-scene .home-project-scene-media img{
  width:min(84vw,1320px)!important;
  max-width:100%!important;
  height:auto!important;
  max-height:62vh!important;
  object-fit:contain!important;
  filter:drop-shadow(0 28px 48px rgba(0,0,0,.22))!important;
}
.aliceii-motion-scene .home-project-scene-effect{
  inset:0!important;
  background:linear-gradient(180deg,rgba(5,9,12,.10),transparent 30%,rgba(5,9,12,.70))!important;
  z-index:1!important;
}
.aliceii-motion-scene .home-project-projectname{
  display:none!important;
}
.aliceii-motion-scene .home-project-scene-content{
  z-index:2!important;
  left:max(4vw,34px)!important;
  right:auto!important;
  bottom:34px!important;
  width:auto!important;
  max-width:min(880px,calc(100% - 68px))!important;
  min-height:100px!important;
  padding:20px 24px!important;
  display:grid!important;
  grid-template-columns:minmax(150px,.55fr) minmax(280px,1fr) auto!important;
  align-items:center!important;
  gap:26px!important;
  background:rgba(10,19,26,.52)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:16px!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
  text-align:left!important;
}
.aliceii-motion-scene .scene-titleblock span{color:rgba(255,255,255,.52)!important}
.aliceii-motion-scene .scene-titleblock strong{font-size:26px!important;color:#fff!important}
.aliceii-motion-scene .home-project-scene-content p{
  margin:0!important;
  max-width:420px!important;
  font-size:14px!important;
  color:rgba(255,255,255,.72)!important;
}
.aliceii-motion-scene .scene-link{justify-self:end!important;align-self:center!important}

@media (max-width: 960px){
  .aliceii-motion-scene{height:112svh!important}
  .aliceii-motion-scene .home-project-scene-media{padding:12vh 14px 28vh!important}
  .aliceii-motion-scene .home-project-scene-media img{width:min(92vw,980px)!important;max-height:52vh!important}
  .aliceii-motion-scene .home-project-scene-content{
    left:18px!important;
    right:18px!important;
    max-width:none!important;
    bottom:20px!important;
    grid-template-columns:1fr auto!important;
    gap:18px!important;
    padding:18px 18px!important;
  }
  .aliceii-motion-scene .home-project-scene-content p{grid-column:1/-1!important;max-width:unset!important}
}
@media (max-width: 640px){
  .aliceii-motion-scene{height:104svh!important}
  .aliceii-motion-scene .home-project-scene-media{padding:11vh 10px 31vh!important}
  .aliceii-motion-scene .home-project-scene-media img{width:94vw!important;max-height:46vh!important}
  .aliceii-motion-scene .home-project-scene-content{
    left:14px!important;
    right:14px!important;
    bottom:14px!important;
    padding:16px 16px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .aliceii-motion-scene .scene-titleblock strong{font-size:22px!important}
  .aliceii-motion-scene .scene-link{justify-self:start!important}
}


/* v83 – hero crop fix + manifesto wording */
.home-hero-v78 .home-hero-content.reveal.left,
.home-hero-v78 .home-hero-content.reveal{
  transform:none!important;
}
.home-hero-v78 .home-hero-content{
  max-width:min(760px,calc(100% - 32px))!important;
}
.home-hero-v78 h1{
  font-size:clamp(82px,11.2vw,186px)!important;
  letter-spacing:-.055em!important;
}
@media (max-width: 1440px){
  .home-hero-v78 .home-hero-content{padding-top:164px!important}
  .home-hero-v78 h1{font-size:clamp(78px,10.8vw,168px)!important}
}
@media (max-width: 1180px){
  .home-hero-v78 .home-hero-content{max-width:min(680px,calc(100% - 28px))!important}
  .home-hero-v78 h1{font-size:clamp(74px,10.2vw,150px)!important}
}
.home-manifesto .manifesto-copy h2{
  max-width:10ch!important;
}

/* v84 – requested polish only */
.brand.brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding-left:10px!important;
}
.brand.brand-lockup .brand-mark{
  width:34px!important;
  height:34px!important;
  max-height:none!important;
  flex:0 0 auto!important;
  object-fit:contain!important;
  opacity:.98!important;
  filter:none!important;
}
.brand.brand-lockup .brand-name{
  font-family:var(--serif)!important;
  font-size:24px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  white-space:nowrap!important;
  opacity:.96!important;
}
.brand.brand-lockup img:not(.brand-mark){display:none!important}

/* odsunięcie brandu od krawędzi */
.nav-shell{
  padding:0 32px!important;
}

/* główna – napis DERSIN bardziej odsunięty od lewej */
.home-hero-v78 .home-hero-content{
  padding-left:max(28px,2.4vw)!important;
  max-width:min(820px,calc(100% - 46px))!important;
}
.home-hero-v78 h1{
  font-size:clamp(86px,11.6vw,190px)!important;
}

/* Alice II / rysunek – większy i na jasnym tle, bez pustej prawej strony */
.aliceii-motion-scene{
  background:#071016!important;
}
.aliceii-motion-scene .home-project-sticky{
  background:#071016!important;
}
.aliceii-motion-scene .home-project-scene-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:11vh 2.4vw 20vh!important;
}
.aliceii-motion-scene .home-project-scene-media img{
  width:min(96vw,1700px)!important;
  max-width:1700px!important;
  max-height:66vh!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#e8e6e0!important;
  border-radius:18px!important;
  padding:22px!important;
  box-shadow:0 30px 80px rgba(0,0,0,.28)!important;
}
.aliceii-motion-scene .home-project-projectname{
  color:rgba(255,255,255,.035)!important;
}

/* sekcja 04 – zamiast znaku D użyte światło */
.shop-light-art{
  width:min(100%,620px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.shop-light-art img{
  display:block!important;
  width:min(100%,560px)!important;
  height:auto!important;
  opacity:.95!important;
  filter:drop-shadow(0 18px 40px rgba(255,255,255,.10))!important;
}

@media (max-width: 980px){
  .nav-shell{padding:0 24px!important}
  .brand.brand-lockup{gap:10px!important;padding-left:6px!important}
  .brand.brand-lockup .brand-mark{width:30px!important;height:30px!important}
  .brand.brand-lockup .brand-name{font-size:20px!important}
  .home-hero-v78 .home-hero-content{padding-left:22px!important;max-width:min(700px,calc(100% - 34px))!important}
  .aliceii-motion-scene .home-project-scene-media img{width:min(94vw,1180px)!important;max-height:54vh!important;padding:16px!important}
  .shop-light-art{justify-content:flex-start!important}
}
@media (max-width: 620px){
  .nav-shell{padding:0 18px!important}
  .brand.brand-lockup{gap:8px!important;padding-left:2px!important}
  .brand.brand-lockup .brand-mark{width:26px!important;height:26px!important}
  .brand.brand-lockup .brand-name{font-size:16px!important;letter-spacing:-.03em!important}
  .home-hero-v78 .home-hero-content{padding-left:16px!important;max-width:calc(100% - 20px)!important}
  .home-hero-v78 h1{font-size:clamp(78px,23vw,118px)!important}
  .aliceii-motion-scene .home-project-scene-media{padding:12vh 10px 29vh!important}
  .aliceii-motion-scene .home-project-scene-media img{width:96vw!important;max-height:48vh!important;border-radius:12px!important;padding:10px!important}
  .shop-light-art img{width:100%!important;max-width:100%!important}
}

/* v85 — mobile ship movement right->left, switch, and back */
.mid-switch-scroll .scroll-frame{
  --ship-pan-x: 0px;
  --ship-pan-scale: 1;
  transform: translate3d(var(--ship-pan-x),0,0) scale(var(--ship-pan-scale))!important;
  transition: opacity .42s ease, transform .18s linear!important;
  will-change: transform, opacity;
}

@media (max-width: 820px){
  .mid-switch-scroll .home-project-scene-media{
    padding-inline:0!important;
    overflow:hidden!important;
  }
  .mid-switch-scroll .scroll-frame{
    width:112%!important;
    max-width:none!important;
  }
}

@media (max-width: 620px){
  .mid-switch-scroll .scroll-frame{
    width:118%!important;
  }
}

/* =========================================================
   v86 — hero scroll light: user-supplied image + soft edges
   Only the opening hero light is changed.
   ========================================================= */
.home-hero-v78 .hero-scroll-light{
  position:absolute!important;
  inset:-22% -72%!important;
  background-image:url('/assets/effects/hero-light-user-v86.png')!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  mix-blend-mode:screen!important;
  opacity:.38!important;
  pointer-events:none!important;
  transform:translate3d(var(--hero-light-x,70%),0,0)!important;
  will-change:transform,opacity!important;
  -webkit-mask-image:radial-gradient(ellipse 50% 78% at 50% 50%,#000 0%,#000 44%,rgba(0,0,0,.92) 57%,rgba(0,0,0,.58) 72%,transparent 96%)!important;
  mask-image:radial-gradient(ellipse 50% 78% at 50% 50%,#000 0%,#000 44%,rgba(0,0,0,.92) 57%,rgba(0,0,0,.58) 72%,transparent 96%)!important;
}

@media(max-width:760px){
  .home-hero-v78 .hero-scroll-light{
    inset:-18% -105%!important;
    opacity:.34!important;
    -webkit-mask-image:radial-gradient(ellipse 48% 76% at 50% 50%,#000 0%,#000 42%,rgba(0,0,0,.88) 58%,rgba(0,0,0,.48) 74%,transparent 96%)!important;
    mask-image:radial-gradient(ellipse 48% 76% at 50% 50%,#000 0%,#000 42%,rgba(0,0,0,.88) 58%,rgba(0,0,0,.48) 74%,transparent 96%)!important;
  }
}

/* =========================================================
   v87 — homepage cleanup + Alice II centered/large/readable
   ========================================================= */

/* Remove decorative section counters/labels such as “02 | DERSIN”
   from the homepage, without removing real project information. */
.home-page .hero-overline,
.home-page .hero-index,
.home-page .home-manifesto .manifesto-label,
.home-page .home-project-showcase-head .eyebrow,
.home-page .home-shop-copy .eyebrow{
  display:none!important;
}

/* Closing the gap left by the removed “02 | DERSIN” label. */
.home-page .home-manifesto-grid{
  grid-template-columns:1fr!important;
  gap:0!important;
}
.home-page .home-manifesto .manifesto-copy{
  width:100%!important;
  max-width:1180px!important;
}

/* Alice II on the homepage: a large centered drawing with a dedicated
   readable information bar below it. The drawing never sits under the text. */
.home-page .aliceii-motion-scene{
  height:118svh!important;
  min-height:760px!important;
  background:#071016!important;
  overflow:visible!important;
}
.home-page .aliceii-motion-scene .home-project-sticky{
  position:sticky!important;
  top:0!important;
  height:100svh!important;
  min-height:760px!important;
  overflow:hidden!important;
  background:#071016!important;
}
.home-page .aliceii-motion-scene .home-project-scene-media{
  position:absolute!important;
  inset:0 0 132px 0!important;
  width:100%!important;
  height:auto!important;
  padding:4vh 18px 3vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:transparent!important;
  z-index:1!important;
}
.home-page .aliceii-motion-scene .home-project-scene-media img{
  display:block!important;
  width:min(95vw,1760px)!important;
  max-width:1760px!important;
  height:auto!important;
  max-height:calc(100svh - 185px)!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  padding:18px!important;
  border-radius:16px!important;
  background:#e8e6e0!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.home-page .aliceii-motion-scene .home-project-scene-effect{
  inset:0 0 132px 0!important;
  background:linear-gradient(180deg,rgba(4,9,12,.08),transparent 42%,rgba(4,9,12,.22))!important;
  z-index:1!important;
  pointer-events:none!important;
}
.home-page .aliceii-motion-scene .home-project-scene-content{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:132px!important;
  margin:0!important;
  padding:20px max(5vw,34px)!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(150px,.48fr) minmax(260px,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  text-align:left!important;
  background:linear-gradient(180deg,rgba(7,16,22,.94),rgba(5,12,17,.99))!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.11)!important;
  border-radius:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  z-index:5!important;
}
.home-page .aliceii-motion-scene .scene-titleblock{
  display:block!important;
}
.home-page .aliceii-motion-scene .scene-titleblock span{
  display:block!important;
  margin-bottom:5px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
}
.home-page .aliceii-motion-scene .scene-titleblock strong{
  display:block!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1.05!important;
  font-weight:400!important;
}
.home-page .aliceii-motion-scene .home-project-scene-content p{
  display:block!important;
  margin:0!important;
  max-width:700px!important;
  color:rgba(255,255,255,.80)!important;
  font-size:clamp(16px,1.2vw,21px)!important;
  line-height:1.4!important;
}
.home-page .aliceii-motion-scene .scene-link{
  display:flex!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  color:#fff!important;
  white-space:nowrap!important;
}

@media (max-width:900px){
  .home-page .aliceii-motion-scene{
    height:110svh!important;
    min-height:680px!important;
  }
  .home-page .aliceii-motion-scene .home-project-sticky{
    min-height:680px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-media,
  .home-page .aliceii-motion-scene .home-project-scene-effect{
    bottom:150px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-media{
    padding:3vh 10px 2vh!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-media img{
    width:96vw!important;
    max-height:calc(100svh - 195px)!important;
    padding:12px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-content{
    min-height:150px!important;
    grid-template-columns:1fr auto!important;
    gap:12px 20px!important;
    padding:16px 24px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-content p{
    grid-column:1/-1!important;
    max-width:none!important;
  }
}

@media (max-width:620px){
  .home-page .aliceii-motion-scene{
    height:104svh!important;
    min-height:620px!important;
  }
  .home-page .aliceii-motion-scene .home-project-sticky{
    min-height:620px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-media,
  .home-page .aliceii-motion-scene .home-project-scene-effect{
    bottom:188px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-media{
    padding:18px 6px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-media img{
    width:98vw!important;
    max-height:calc(100svh - 220px)!important;
    padding:8px!important;
    border-radius:10px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-content{
    min-height:188px!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:15px 18px 17px!important;
  }
  .home-page .aliceii-motion-scene .scene-titleblock strong{
    font-size:22px!important;
  }
  .home-page .aliceii-motion-scene .home-project-scene-content p{
    font-size:15px!important;
    line-height:1.35!important;
  }
  .home-page .aliceii-motion-scene .scene-link{
    justify-self:start!important;
  }
}

/* =========================================================
   v88 — premium site directory footer + internal shop page
   ========================================================= */

/* Homepage: dense, luxury-style directory at the very end. */
.home-page .site-footer-directory{
  position:relative;
  overflow:hidden;
  background:#020405!important;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.11)!important;
  padding:0!important;
}
.footer-directory-wrap{padding-top:88px;padding-bottom:28px}
.footer-directory-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  padding-bottom:42px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-kicker{
  display:block;
  margin-bottom:12px;
  color:rgba(255,255,255,.42);
  font-size:9px;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.footer-directory-head h2{
  margin:0;
  font-size:clamp(48px,7.5vw,118px);
  line-height:.86;
  font-weight:400;
  letter-spacing:-.055em;
}
.footer-top-link{
  flex:0 0 auto;
  padding:12px 0 8px;
  color:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(255,255,255,.32);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.footer-top-link:hover{color:#fff;border-color:#fff}
.footer-directory-grid{
  display:grid;
  grid-template-columns:.8fr 1.35fr .85fr;
  gap:0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-directory-column{
  min-width:0;
  padding:38px 38px 46px 0;
}
.footer-directory-column + .footer-directory-column{
  padding-left:38px;
  border-left:1px solid rgba(255,255,255,.12);
}
.footer-directory-title{
  margin-bottom:26px;
  color:rgba(255,255,255,.38);
  font-size:9px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.footer-directory-link,
.footer-project-list>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:52px;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.09);
  transition:opacity .2s ease,padding .2s ease,border-color .2s ease;
}
.footer-directory-link:first-of-type,
.footer-project-list>a:first-of-type{border-top:1px solid rgba(255,255,255,.09)}
.footer-directory-link{font-size:clamp(18px,1.5vw,25px);letter-spacing:-.025em}
.footer-project-list>a{font-size:clamp(18px,1.65vw,28px);letter-spacing:-.028em}
.footer-project-list small{
  color:rgba(255,255,255,.38);
  font-size:9px;
  letter-spacing:.16em;
  font-weight:400;
}
.footer-directory-link:hover,
.footer-project-list>a:hover{
  opacity:.68;
  padding-left:8px;
  border-color:rgba(255,255,255,.26);
}
.footer-signature{
  width:100%;
  margin:30px 0 18px;
  overflow:hidden;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(104px,19vw,310px);
  line-height:.78;
  letter-spacing:-.075em;
  text-align:center;
  white-space:nowrap;
  opacity:.96;
  user-select:none;
}
.footer-bottom-row{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) minmax(260px,.9fr);
  align-items:center;
  gap:34px;
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.12);
}
.footer-bottom-logo{width:122px;height:auto;opacity:.92}
.footer-bottom-row p,
.footer-bottom-meta{
  margin:0;
  color:rgba(255,255,255,.44);
  font-size:10px;
  line-height:1.55;
}
.footer-bottom-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px}

/* Internal shop page. */
.shop-page{background:#05090c;color:#fff}
.shop-page .site-header{background:rgba(5,9,12,.84)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.shop-hero{
  position:relative;
  min-height:78svh;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:linear-gradient(135deg,#071016 0%,#0d1d27 45%,#05090c 100%);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.shop-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.76),transparent 92%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.76),transparent 92%);
  pointer-events:none;
}
.shop-hero-glow{
  position:absolute;
  top:-20%;right:-18%;
  width:72vw;height:110%;
  background:url('/assets/effects/hero-light-user-v86.png') center/100% 100% no-repeat;
  opacity:.18;
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 48%,transparent 84%);
  mask-image:radial-gradient(ellipse at center,#000 0 48%,transparent 84%);
  pointer-events:none;
}
.shop-hero-inner{position:relative;z-index:1;padding-top:170px;padding-bottom:72px}
.shop-kicker{color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.shop-hero h1{
  margin:16px 0 20px;
  font-size:clamp(86px,14vw,220px);
  line-height:.76;
  letter-spacing:-.07em;
  font-weight:400;
}
.shop-hero p{max-width:620px;margin:0 0 34px;color:rgba(255,255,255,.7);font-size:clamp(16px,1.4vw,21px);line-height:1.55}
.shop-items{background:#f1f0eb;color:#081116;padding:110px 0 120px}
.shop-section-head{display:grid;grid-template-columns:1fr minmax(280px,.62fr);gap:70px;align-items:end;margin-bottom:46px}
.shop-items .shop-kicker{color:rgba(8,17,22,.42)}
.shop-section-head h2{margin:10px 0 0;font-size:clamp(54px,7vw,108px);line-height:.9;letter-spacing:-.055em;font-weight:400}
.shop-section-head p{margin:0;color:rgba(8,17,22,.62);font-size:16px;line-height:1.55}
.shop-card-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(8,17,22,.18);border-bottom:1px solid rgba(8,17,22,.18)}
.shop-card{min-height:330px;padding:28px 28px 32px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(8,17,22,.18)}
.shop-card:last-child{border-right:0}
.shop-card-index{font-size:10px;letter-spacing:.16em;color:rgba(8,17,22,.42)}
.shop-card h3{margin:0 0 8px;font-size:clamp(30px,3vw,48px);line-height:1;font-weight:400;letter-spacing:-.04em}
.shop-card p{margin:0;color:rgba(8,17,22,.48);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.shop-vinted{padding:120px 0;background:#0b171e;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.shop-vinted-grid{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:64px}
.shop-vinted h2{margin:12px 0 20px;font-size:clamp(70px,10vw,150px);font-weight:400;line-height:.8;letter-spacing:-.06em}
.shop-vinted p{max-width:650px;margin:0;color:rgba(255,255,255,.62);font-size:17px;line-height:1.55}
.shop-vinted-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;color:#fff;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.shop-vinted-link:hover{opacity:.68}
.shop-simple-footer{border-top:0!important}

@media(max-width:980px){
  .footer-directory-grid{grid-template-columns:1fr 1fr}
  .footer-directory-column:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.12);padding-left:0}
  .footer-bottom-row{grid-template-columns:auto 1fr}.footer-bottom-meta{grid-column:1/-1;align-items:flex-start;text-align:left}
  .shop-section-head,.shop-vinted-grid{grid-template-columns:1fr;gap:34px}
  .shop-card{min-height:260px}
}
@media(max-width:620px){
  .footer-directory-wrap{padding-top:58px}
  .footer-directory-head{align-items:flex-start;flex-direction:column;padding-bottom:28px}
  .footer-directory-head h2{font-size:clamp(48px,16vw,74px)}
  .footer-directory-grid{grid-template-columns:1fr}
  .footer-directory-column,.footer-directory-column + .footer-directory-column{padding:28px 0 34px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .footer-directory-column:first-child{border-top:0}
  .footer-directory-column:nth-child(3){grid-column:auto}
  .footer-directory-link,.footer-project-list>a{min-height:48px;font-size:19px}
  .footer-signature{margin:22px 0 14px;font-size:clamp(84px,27vw,150px)}
  .footer-bottom-row{grid-template-columns:1fr;gap:18px;padding-top:22px}.footer-bottom-logo{width:108px}.footer-bottom-meta{grid-column:auto}
  .shop-hero{min-height:72svh}.shop-hero-inner{padding-top:130px;padding-bottom:52px}.shop-hero h1{font-size:clamp(76px,25vw,125px)}
  .shop-items{padding:78px 0 84px}.shop-section-head{margin-bottom:34px}.shop-section-head h2{font-size:58px}
  .shop-card-grid{grid-template-columns:1fr}.shop-card{min-height:190px;border-right:0;border-bottom:1px solid rgba(8,17,22,.18)}.shop-card:last-child{border-bottom:0}
  .shop-vinted{padding:82px 0}.shop-vinted h2{font-size:78px}.shop-vinted p{font-size:15px}
}


/* =========================================================
   v89 — cleaner footer, inline shop CTA, all-black shop items
   ========================================================= */

/* Homepage shop: button sits directly beside the explanatory line. */
.home-page .home-shop-actions{
  display:flex!important;
  align-items:center!important;
  gap:26px!important;
  flex-wrap:wrap!important;
  margin-top:34px!important;
}
.home-page .home-shop-actions p{
  margin:0!important;
  max-width:560px!important;
}
.home-page .home-shop-actions .btn{
  flex:0 0 auto!important;
  margin:0!important;
}
.home-page .home-shop-side{
  justify-content:flex-end!important;
}

/* Homepage footer: same restrained language as project-page footer,
   only with fuller navigation. No giant heading/signature. */
.home-page .site-footer-expanded{
  background:#030608!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding:74px 0 28px!important;
}
.home-page .footer-grid-expanded{
  display:grid!important;
  grid-template-columns:1.25fr .55fr 1fr .65fr!important;
  gap:64px!important;
  align-items:start!important;
}
.home-page .footer-grid-expanded .footer-brand{
  grid-column:auto!important;
}
.home-page .footer-grid-expanded .footer-brand img{
  width:150px!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin-bottom:28px!important;
  opacity:.9!important;
}
.home-page .footer-grid-expanded .footer-brand p{
  max-width:430px!important;
  color:rgba(255,255,255,.42)!important;
  font-family:var(--sans)!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.home-page .footer-grid-expanded .footer-title{
  margin:2px 0 20px!important;
  color:rgba(255,255,255,.34)!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.home-page .footer-grid-expanded .footer-links{
  display:grid!important;
  gap:11px!important;
  font-family:var(--sans)!important;
  font-size:13px!important;
}
.home-page .footer-grid-expanded .footer-links a{
  color:rgba(255,255,255,.68)!important;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}
.home-page .footer-grid-expanded .footer-links a:hover{
  color:#fff!important;
  transform:translateX(3px)!important;
}
.home-page .footer-project-links a{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:18px!important;
  max-width:230px!important;
}
.home-page .footer-project-links small{
  color:rgba(255,255,255,.28)!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}
.home-page .site-footer-expanded .ai-note{
  margin-top:48px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.25)!important;
  font-size:9px!important;
}
.home-page .site-footer-expanded .copyright{
  margin-top:18px!important;
  color:rgba(255,255,255,.28)!important;
  font-size:10px!important;
}

/* Shop articles section: completely dark, not a white panel. */
.shop-page .shop-items{
  background:#020405!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.shop-page .shop-items .shop-kicker{
  color:rgba(255,255,255,.34)!important;
}
.shop-page .shop-section-head p{
  color:rgba(255,255,255,.48)!important;
}
.shop-page .shop-card-grid{
  border-top-color:rgba(255,255,255,.12)!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
}
.shop-page .shop-card{
  background:transparent!important;
  border-right-color:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.shop-page .shop-card:hover{
  background:rgba(255,255,255,.025)!important;
}
.shop-page .shop-card-index{
  color:rgba(255,255,255,.32)!important;
}
.shop-page .shop-card p{
  color:rgba(255,255,255,.38)!important;
}

@media(max-width:1050px){
  .home-page .footer-grid-expanded{
    grid-template-columns:1.15fr .65fr 1fr!important;
    gap:48px!important;
  }
  .home-page .footer-grid-expanded>div:last-child{
    grid-column:2/4!important;
  }
}
@media(max-width:700px){
  .home-page .home-shop-actions{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:18px!important;
    margin-top:24px!important;
  }
  .home-page .footer-grid-expanded{
    grid-template-columns:1fr 1fr!important;
    gap:38px 28px!important;
  }
  .home-page .footer-grid-expanded .footer-brand,
  .home-page .footer-grid-expanded>div:last-child{
    grid-column:1/-1!important;
  }
  .shop-page .shop-card{border-right:0!important;border-bottom-color:rgba(255,255,255,.12)!important}
}
@media(max-width:470px){
  .home-page .footer-grid-expanded{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .home-page .footer-grid-expanded .footer-brand,
  .home-page .footer-grid-expanded>div:last-child{
    grid-column:auto!important;
  }
}


/* =========================================================
   v90 — shop overlap fixes
   ========================================================= */

.home-page .home-shop-inner{
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)!important;
  gap:52px!important;
  align-items:end!important;
}
.home-page .home-shop-copy,.home-page .home-shop-side{min-width:0!important}
.home-page .home-shop h2{max-width:9ch!important}
.home-page .home-shop-actions{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  flex-wrap:wrap!important;
}
.home-page .home-shop-actions p{
  flex:1 1 320px!important;
  min-width:260px!important;
  max-width:560px!important;
}
.home-page .home-shop-actions .btn{flex:0 0 auto!important}

.shop-page .shop-hero-inner{
  width:min(1240px,calc(100% - 64px))!important;
}
.shop-page .shop-hero h1{
  max-width:8ch!important;
  text-wrap:balance!important;
  overflow-wrap:anywhere!important;
  margin-bottom:16px!important;
}
.shop-page .shop-hero p{
  max-width:min(680px,100%)!important;
  margin:0 0 28px!important;
}
.shop-page .shop-hero .btn{
  width:auto!important;
  display:inline-flex!important;
}
.shop-page .shop-section-head{
  grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;
  gap:44px!important;
  align-items:end!important;
}
.shop-page .shop-section-head > div,
.shop-page .shop-section-head p,
.shop-page .shop-vinted-grid > div,
.shop-page .footer-grid > div{
  min-width:0!important;
}
.shop-page .shop-section-head h2{
  max-width:8ch!important;
  text-wrap:balance!important;
}
.shop-page .shop-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.shop-page .shop-card{min-width:0!important}
.shop-page .shop-card h3,
.shop-page .shop-vinted h2{
  overflow-wrap:anywhere!important;
}
.shop-page .shop-vinted-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)!important;
  gap:48px!important;
}
.shop-page .footer-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr) minmax(0,.8fr)!important;
  gap:56px!important;
}

@media(max-width:1100px){
  .shop-page .shop-section-head,
  .shop-page .shop-vinted-grid,
  .shop-page .footer-grid,
  .home-page .home-shop-inner{
    grid-template-columns:1fr!important;
  }
  .home-page .home-shop-side{justify-content:flex-start!important}
}

@media(max-width:700px){
  .shop-page .shop-hero-inner{width:calc(100% - 28px)!important}
  .shop-page .shop-hero h1{font-size:clamp(64px,21vw,100px)!important;line-height:.82!important}
  .shop-page .shop-hero p{font-size:14px!important;line-height:1.6!important}
  .shop-page .shop-items{padding:72px 0 78px!important}
  .shop-page .shop-section-head h2{font-size:clamp(46px,15vw,64px)!important}
  .shop-page .shop-card h3{font-size:clamp(26px,9vw,38px)!important}
  .shop-page .shop-vinted h2{font-size:clamp(58px,18vw,88px)!important;line-height:.88!important}
}


/* =========================================================
   v91 — remove back-to-top + tighten shop spacing
   ========================================================= */

/* Remove the extra top-right 'DO GÓRY' slot and keep footer heading compact. */
.home-page .footer-directory-head{
  justify-content:flex-start!important;
}

/* Homepage shop block: keep CTA closer to the text. */
.home-page .home-shop-inner{
  grid-template-columns:minmax(0,1.15fr) minmax(200px,.85fr)!important;
  gap:40px!important;
}
.home-page .home-shop-copy h2{
  margin-bottom:12px!important;
}
.home-page .home-shop-actions{
  gap:12px!important;
  margin-top:18px!important;
  align-items:flex-start!important;
}
.home-page .home-shop-actions p{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:460px!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.home-page .home-shop-actions .btn{
  margin-top:0!important;
  min-height:48px!important;
  padding:0 18px!important;
}

/* Shop hero: reduce title size and bring CTA closer so text never overlaps. */
.shop-page .shop-hero-inner{
  width:min(1180px,calc(100% - 64px))!important;
  padding-top:150px!important;
  padding-bottom:58px!important;
}
.shop-page .shop-kicker{
  margin-bottom:8px!important;
}
.shop-page .shop-hero h1{
  max-width:none!important;
  font-size:clamp(64px,9vw,140px)!important;
  line-height:.84!important;
  letter-spacing:-.055em!important;
  margin:8px 0 10px!important;
  overflow-wrap:normal!important;
  text-wrap:balance!important;
}
.shop-page .shop-hero p{
  max-width:540px!important;
  font-size:clamp(14px,1.2vw,18px)!important;
  line-height:1.5!important;
  margin:0 0 18px!important;
}
.shop-page .shop-hero .btn{
  width:auto!important;
  display:inline-flex!important;
  margin-top:0!important;
  min-height:50px!important;
  padding:0 22px!important;
}

/* Make section headers and footer columns resilient. */
.shop-page .shop-section-head{
  grid-template-columns:minmax(0,1fr) minmax(240px,380px)!important;
  gap:32px!important;
}
.shop-page .shop-section-head h2{
  font-size:clamp(46px,6vw,90px)!important;
}
.shop-page .shop-vinted-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr)!important;
  gap:36px!important;
}
.shop-page .footer-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr) minmax(0,.75fr)!important;
  gap:42px!important;
}

@media (max-width: 1100px){
  .home-page .home-shop-inner,
  .shop-page .shop-section-head,
  .shop-page .shop-vinted-grid,
  .shop-page .footer-grid{
    grid-template-columns:1fr!important;
  }
  .home-page .home-shop-side{
    justify-content:flex-start!important;
  }
}

@media (max-width: 700px){
  .shop-page .shop-hero-inner{
    width:calc(100% - 28px)!important;
    padding-top:126px!important;
    padding-bottom:48px!important;
  }
  .shop-page .shop-hero h1{
    font-size:clamp(56px,18vw,88px)!important;
    line-height:.88!important;
    margin-bottom:8px!important;
  }
  .shop-page .shop-hero p{
    font-size:14px!important;
    margin-bottom:14px!important;
    max-width:320px!important;
  }
  .shop-page .shop-hero .btn{
    min-height:46px!important;
    padding:0 18px!important;
  }
  .home-page .home-shop-actions{
    gap:10px!important;
    margin-top:14px!important;
  }
}


/* =========================================================
   v92 — subtle blue-tinted off-white for manifesto section
   ========================================================= */
.home-page .home-manifesto{
  background:#e9eef1!important;
  color:#10171b!important;
}
.home-page .manifesto-label{
  color:#64727a!important;
}
.home-page .manifesto-label span+span{
  border-left-color:#c7d2d8!important;
}
.home-page .manifesto-copy h2{
  color:#0d1519!important;
}
.home-page .manifesto-copy p{
  color:#64727a!important;
}

/* v93 — homepage-style footer on all pages */
.site-footer-global{background:#030608!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:74px 0 28px!important}
.site-footer-global .footer-grid-expanded{display:grid!important;grid-template-columns:1.25fr .55fr 1fr .65fr!important;gap:64px!important;align-items:start!important}
.site-footer-global .footer-brand{grid-column:auto!important}
.site-footer-global .footer-brand img{width:150px!important;max-height:46px!important;object-fit:contain!important;object-position:left center!important;margin-bottom:28px!important;opacity:.9!important}
.site-footer-global .footer-brand p{max-width:430px!important;color:rgba(255,255,255,.42)!important;font-family:var(--sans)!important;font-size:12px!important;line-height:1.65!important}
.site-footer-global .footer-title{margin:2px 0 20px!important;color:rgba(255,255,255,.34)!important;font-size:9px!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.site-footer-global .footer-links{display:grid!important;gap:11px!important;font-family:var(--sans)!important;font-size:13px!important}
.site-footer-global .footer-links a{color:rgba(255,255,255,.68)!important;text-decoration:none!important;transition:color .18s ease,transform .18s ease!important}
.site-footer-global .footer-links a:hover{color:#fff!important;transform:translateX(3px)!important}
.site-footer-global .footer-project-links a{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:18px!important;max-width:230px!important}
.site-footer-global .footer-project-links small{color:rgba(255,255,255,.28)!important;font-size:9px!important;letter-spacing:.12em!important}
.site-footer-global .ai-note{margin-top:48px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.25)!important;font-size:9px!important}
.site-footer-global .copyright{margin-top:18px!important;color:rgba(255,255,255,.28)!important;font-size:10px!important}
@media(max-width:1050px){.site-footer-global .footer-grid-expanded{grid-template-columns:1.15fr .65fr 1fr!important;gap:48px!important}.site-footer-global .footer-grid-expanded>div:last-child{grid-column:2/4!important}}
@media(max-width:700px){.site-footer-global .footer-grid-expanded{grid-template-columns:1fr 1fr!important;gap:38px 28px!important}.site-footer-global .footer-grid-expanded .footer-brand,.site-footer-global .footer-grid-expanded>div:last-child{grid-column:1/-1!important}}
@media(max-width:470px){.site-footer-global .footer-grid-expanded{grid-template-columns:1fr!important;gap:34px!important}.site-footer-global .footer-grid-expanded .footer-brand,.site-footer-global .footer-grid-expanded>div:last-child{grid-column:auto!important}}


/* =========================================================
   v94 — cleaner shop section on homepage + redesigned shop page
   ========================================================= */

/* Homepage shop block */
.home-page .home-shop{
  padding:110px 0 96px!important;
}
.home-page .home-shop-inner{
  grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)!important;
  gap:54px!important;
  align-items:center!important;
}
.home-page .home-shop-copy{
  max-width:760px!important;
}
.home-page .home-shop h2{
  max-width:none!important;
  margin:0 0 14px!important;
}
.home-page .home-shop-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:16px!important;
  margin-top:18px!important;
}
.home-page .home-shop-actions p{
  max-width:520px!important;
  min-width:0!important;
  font-size:17px!important;
  line-height:1.5!important;
}
.home-page .home-shop-actions .btn{
  margin-top:2px!important;
}
.home-page .home-shop-side{
  justify-content:flex-end!important;
  align-items:center!important;
}
.home-page .shop-light-art{
  width:min(100%,440px)!important;
  justify-content:flex-end!important;
}
.home-page .shop-light-art img{
  width:100%!important;
  max-width:440px!important;
  opacity:.92!important;
}

/* Shop page redesign */
.shop-page{
  overflow-x:hidden!important;
}
.shop-page .shop-hero{
  min-height:66svh!important;
  align-items:center!important;
  background:linear-gradient(135deg,#071016 0%,#10202a 42%,#060b0e 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.shop-page .shop-hero::before{
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
  background-size:96px 96px!important;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 96%)!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 96%)!important;
}
.shop-page .shop-hero-glow{
  top:auto!important;
  right:-10%!important;
  bottom:-8%!important;
  width:48vw!important;
  height:78%!important;
  opacity:.12!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 78%)!important;
  mask-image:radial-gradient(ellipse at center,#000 0 42%,transparent 78%)!important;
}
.shop-page .shop-hero-inner{
  width:min(1180px,calc(100% - 72px))!important;
  padding-top:124px!important;
  padding-bottom:56px!important;
}
.shop-page .shop-kicker{
  margin:0 0 10px!important;
  color:rgba(255,255,255,.40)!important;
}
.shop-page .shop-hero h1{
  font-size:clamp(70px,8.4vw,124px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  margin:0 0 18px!important;
  max-width:none!important;
}
.shop-page .shop-hero p{
  max-width:560px!important;
  margin:0 0 20px!important;
  font-size:clamp(15px,1.2vw,18px)!important;
  color:rgba(255,255,255,.70)!important;
}
.shop-page .shop-hero .btn{
  min-height:48px!important;
  padding:0 20px!important;
  margin-top:0!important;
}

/* Dark articles area */
.shop-page .shop-items{
  background:#04080b!important;
  color:#fff!important;
  padding:86px 0 96px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.shop-page .shop-section-head{
  grid-template-columns:minmax(0,1fr) minmax(260px,390px)!important;
  gap:36px!important;
  align-items:end!important;
  margin-bottom:32px!important;
}
.shop-page .shop-section-head h2{
  margin:8px 0 0!important;
  font-size:clamp(46px,5vw,76px)!important;
  line-height:.94!important;
}
.shop-page .shop-section-head p{
  color:rgba(255,255,255,.52)!important;
  font-size:15px!important;
}
.shop-page .shop-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.shop-page .shop-card{
  min-height:250px!important;
  padding:26px 24px 24px!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  background:transparent!important;
}
.shop-page .shop-card:last-child{
  border-right:0!important;
}
.shop-page .shop-card:hover{
  background:rgba(255,255,255,.02)!important;
}
.shop-page .shop-card h3{
  font-size:clamp(26px,2.8vw,38px)!important;
  line-height:1.02!important;
  margin:0 0 8px!important;
}
.shop-page .shop-card p,
.shop-page .shop-card-index{
  color:rgba(255,255,255,.40)!important;
}

/* Vinted section */
.shop-page .shop-vinted{
  background:#091319!important;
  padding:88px 0!important;
}
.shop-page .shop-vinted-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(230px,.92fr)!important;
  gap:42px!important;
  align-items:end!important;
}
.shop-page .shop-vinted h2{
  font-size:clamp(52px,6.8vw,90px)!important;
  line-height:.9!important;
  margin:10px 0 16px!important;
}
.shop-page .shop-vinted p{
  max-width:560px!important;
  font-size:16px!important;
}
.shop-page .shop-vinted-link{
  min-height:56px!important;
  padding:16px 0!important;
}

/* Keep shared footer but avoid layout oddities */
.shop-page .site-footer-global,
.shop-page .site-footer{
  overflow:hidden!important;
}

@media(max-width:1100px){
  .home-page .home-shop-inner,
  .shop-page .shop-section-head,
  .shop-page .shop-vinted-grid{
    grid-template-columns:1fr!important;
  }
  .home-page .home-shop-side{
    justify-content:flex-start!important;
  }
}

@media(max-width:780px){
  .shop-page .shop-hero{
    min-height:auto!important;
  }
  .shop-page .shop-hero-inner{
    width:calc(100% - 28px)!important;
    padding-top:116px!important;
    padding-bottom:42px!important;
  }
  .shop-page .shop-hero h1{
    font-size:clamp(56px,18vw,86px)!important;
    margin-bottom:12px!important;
  }
  .shop-page .shop-hero p{
    max-width:340px!important;
    margin-bottom:16px!important;
    font-size:14px!important;
  }
  .shop-page .shop-hero-glow{
    width:72vw!important;
    right:-20%!important;
    bottom:-6%!important;
    opacity:.08!important;
  }
  .shop-page .shop-items{
    padding:70px 0 78px!important;
  }
  .shop-page .shop-card-grid{
    grid-template-columns:1fr!important;
  }
  .shop-page .shop-card{
    min-height:170px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  .shop-page .shop-card:last-child{
    border-bottom:0!important;
  }
}

@media(max-width:700px){
  .home-page .home-shop{
    padding:86px 0 78px!important;
  }
  .home-page .home-shop-inner{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .home-page .home-shop h2{
    font-size:clamp(54px,18vw,82px)!important;
  }
  .home-page .home-shop-actions p{
    font-size:15px!important;
    max-width:360px!important;
  }
  .home-page .shop-light-art{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .home-page .shop-light-art img{
    max-width:300px!important;
  }
}


/* =========================================================
   v95 — shop hero cleanup, smooth scroll, footer visibility
   ========================================================= */

/* Smooth scrolling for in-page shop button */
html{
  scroll-behavior:smooth!important;
}

/* Footer / bottom texts more visible */
.site-footer .ai-note,
.site-footer-global .ai-note{
  color:rgba(255,255,255,.40)!important;
  border-top-color:rgba(255,255,255,.10)!important;
  font-size:10px!important;
}
.site-footer .copyright,
.site-footer-global .copyright{
  color:rgba(255,255,255,.42)!important;
  font-size:11px!important;
}
.site-footer .footer-brand p,
.site-footer-global .footer-brand p{
  color:rgba(255,255,255,.52)!important;
}
.site-footer .footer-title,
.site-footer-global .footer-title{
  color:rgba(255,255,255,.44)!important;
}
.site-footer .footer-links a,
.site-footer-global .footer-links a{
  color:rgba(255,255,255,.78)!important;
}

/* Shop page: remove the extra rectangular light effect */
.shop-page .shop-hero-glow{
  display:none!important;
}
.shop-page .shop-hero{
  background:linear-gradient(135deg,#071016 0%,#0b1820 44%,#060b0e 100%)!important;
}
.shop-page .shop-hero::before{
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
}

/* Shop hero: cleaner layout without the side light */
.shop-page .shop-hero-inner{
  width:min(1100px,calc(100% - 72px))!important;
  padding-top:124px!important;
  padding-bottom:54px!important;
}
.shop-page .shop-hero h1{
  margin:0 0 14px!important;
  font-size:clamp(68px,8vw,118px)!important;
}
.shop-page .shop-hero p{
  max-width:520px!important;
  margin:0 0 18px!important;
}
.shop-page .shop-hero .btn{
  min-height:48px!important;
  padding:0 20px!important;
}

/* Mobile shop page */
@media(max-width:780px){
  .shop-page .shop-hero-inner{
    width:calc(100% - 28px)!important;
    padding-top:112px!important;
    padding-bottom:40px!important;
  }
  .shop-page .shop-hero h1{
    font-size:clamp(54px,17vw,82px)!important;
    margin-bottom:10px!important;
  }
  .shop-page .shop-hero p{
    max-width:330px!important;
    margin-bottom:14px!important;
    font-size:14px!important;
  }
}


/* =========================================================
   v96 — remove horizontal scrollbar in shop
   ========================================================= */

/* Global safety against accidental page overflow */
html,
body{
  max-width:100%;
  overflow-x:clip!important;
}

/* Shop page: hard-stop any sideways overflow */
.shop-page,
.shop-page main,
.shop-page .shop-hero,
.shop-page .shop-items,
.shop-page .shop-vinted,
.shop-page .site-footer,
.shop-page .site-footer-global{
  max-width:100%!important;
  overflow-x:clip!important;
}

/* Keep decorative layers inside the viewport */
.shop-page .shop-hero{
  position:relative!important;
  isolation:isolate!important;
}
.shop-page .shop-hero::before{
  inset:0!important;
  width:100%!important;
  max-width:100%!important;
}
.shop-page .shop-hero-glow{
  max-width:100%!important;
}

/* Prevent header/footer/grid elements from pushing page width */
.shop-page .site-header,
.shop-page .site-header-shell,
.shop-page .container,
.shop-page .shop-hero-inner,
.shop-page .shop-section-head,
.shop-page .shop-card-grid,
.shop-page .shop-vinted-grid,
.shop-page .footer-grid,
.shop-page .footer-grid-expanded{
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Cards and columns should be allowed to shrink without overflow */
.shop-page .shop-card,
.shop-page .shop-card > div,
.shop-page .footer-grid > div,
.shop-page .footer-grid-expanded > div{
  min-width:0!important;
}

/* Mobile safeguard */
@media (max-width: 900px){
  .shop-page .shop-card-grid,
  .shop-page .shop-section-head,
  .shop-page .shop-vinted-grid,
  .shop-page .footer-grid,
  .shop-page .footer-grid-expanded{
    width:100%!important;
    max-width:100%!important;
  }
}


/* =========================================================
   v97 — shop header identical to homepage/projects
   ========================================================= */
.shop-page .site-header{
  top:14px!important;
  left:0!important;
  right:0!important;
  height:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.shop-page .site-header .nav-shell{
  width:min(1500px,calc(100% - 72px))!important;
  max-width:none!important;
  height:68px!important;
  min-height:68px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0 24px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(18,30,38,.66),rgba(7,13,17,.48))!important;
  box-shadow:0 14px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
  pointer-events:auto!important;
}
.shop-page .site-header.scrolled .nav-shell{
  height:68px!important;
}
.shop-page .site-header .main-nav,
.shop-page .site-header .lang,
.shop-page .site-header .brand{
  pointer-events:auto!important;
}

@media(max-width:980px){
  .shop-page .site-header{
    top:10px!important;
  }
  .shop-page .site-header .nav-shell{
    width:calc(100% - 28px)!important;
    height:62px!important;
    min-height:62px!important;
    padding:0 18px!important;
  }
  .shop-page .site-header.scrolled .nav-shell{
    height:62px!important;
  }
}
@media(max-width:620px){
  .shop-page .site-header{
    top:8px!important;
  }
  .shop-page .site-header .nav-shell{
    width:calc(100% - 20px)!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 15px!important;
  }
  .shop-page .site-header.scrolled .nav-shell{
    height:58px!important;
  }
}


/* =========================================================
   v98 — Alice II on homepage no longer stops/sticks
   ========================================================= */

/* Keep the large Alice II layout, but let the page scroll through it normally. */
.home-page .aliceii-motion-scene{
  height:auto!important;
  min-height:100svh!important;
  overflow:hidden!important;
}
.home-page .aliceii-motion-scene .home-project-sticky{
  position:relative!important;
  top:auto!important;
  height:100svh!important;
  min-height:700px!important;
  overflow:hidden!important;
}

/* Remove the extra scroll distance that previously created the pause. */
@media (max-width:900px){
  .home-page .aliceii-motion-scene{
    height:auto!important;
    min-height:100svh!important;
  }
  .home-page .aliceii-motion-scene .home-project-sticky{
    position:relative!important;
    height:100svh!important;
    min-height:680px!important;
  }
}
@media (max-width:620px){
  .home-page .aliceii-motion-scene{
    height:auto!important;
    min-height:100svh!important;
  }
  .home-page .aliceii-motion-scene .home-project-sticky{
    position:relative!important;
    height:100svh!important;
    min-height:620px!important;
  }
}


/* v99 — footer readability fix */
.site-footer .copyright,
.site-footer-global .copyright{
  color:rgba(255,255,255,.72)!important;
  opacity:1!important;
  font-size:11px!important;
  font-weight:400!important;
}
.site-footer .ai-note,
.site-footer-global .ai-note{
  color:rgba(255,255,255,.52)!important;
  opacity:1!important;
}
.site-footer .footer-brand p,
.site-footer-global .footer-brand p{
  color:rgba(255,255,255,.58)!important;
  opacity:1!important;
}
.site-footer [data-i18n="copyright"],
.site-footer [data-i18n="homeCopyright"],
.site-footer-global [data-i18n="copyright"],
.site-footer-global [data-i18n="homeCopyright"]{
  color:rgba(255,255,255,.72)!important;
  opacity:1!important;
}


/* v100 — larger header icon next to DERSIN */
.brand.brand-lockup .brand-mark{
  width:42px!important;
  height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
}
.brand.brand-lockup{
  gap:14px!important;
}

@media (max-width: 980px){
  .brand.brand-lockup .brand-mark{
    width:36px!important;
    height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
  }
  .brand.brand-lockup{
    gap:12px!important;
  }
}

@media (max-width: 620px){
  .brand.brand-lockup .brand-mark{
    width:32px!important;
    height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
  }
  .brand.brand-lockup{
    gap:10px!important;
  }
}


/* v105 — visibly larger cropped header mark */
.brand.brand-lockup .brand-mark{
  width:46px!important;
  height:auto!important;
  max-width:46px!important;
  max-height:none!important;
  flex:0 0 46px!important;
  object-fit:contain!important;
}
.brand.brand-lockup{
  gap:13px!important;
}

@media (max-width:980px){
  .brand.brand-lockup .brand-mark{
    width:40px!important;
    max-width:40px!important;
    flex-basis:40px!important;
  }
}
@media (max-width:620px){
  .brand.brand-lockup .brand-mark{
    width:35px!important;
    max-width:35px!important;
    flex-basis:35px!important;
  }
}


/* =========================================================
   v106 — actual favicon + actual homepage Shop mark
   ========================================================= */

/* Remove the old CSS-generated D mark so there is only one controlled logo. */
.home-page .home-shop::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* The right-side Shop graphic is now the real DERSIN mark, not the old light file. */
.home-page .home-shop-side{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.home-page .shop-light-art{
  width:min(34vw,440px)!important;
  max-width:440px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
}
.home-page .shop-light-art img{
  width:100%!important;
  max-width:440px!important;
  height:auto!important;
  opacity:.11!important;
  filter:none!important;
}

@media(max-width:980px){
  .home-page .shop-light-art{
    width:min(42vw,360px)!important;
    max-width:360px!important;
  }
}
@media(max-width:700px){
  .home-page .shop-light-art{
    width:min(70vw,300px)!important;
    max-width:300px!important;
    justify-content:flex-start!important;
  }
}


/* v107 — remove footer brand image, bigger icons without stretching */

/* Footer: no extra DERSIN logo at the bottom-left */
.footer-brand img{
  display:none!important;
}

/* Header brand mark: visibly bigger, but preserve proportions */
.brand.brand-lockup .brand-mark{
  width:44px!important;
  height:auto!important;
  max-width:44px!important;
  max-height:none!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
}
@media (max-width:980px){
  .brand.brand-lockup .brand-mark{
    width:38px!important;
    max-width:38px!important;
  }
}
@media (max-width:620px){
  .brand.brand-lockup .brand-mark{
    width:34px!important;
    max-width:34px!important;
  }
}

/* Homepage shop logo: larger and definitely NOT stretched */
.home-page .shop-light-art{
  width:min(40vw,520px)!important;
  max-width:520px!important;
}
.home-page .shop-light-art img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
  opacity:.12!important;
}

/* Shop-page side logo: also keep proportions */
.shop-page .shop-hero-logo{
  width:min(38vw,520px)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  opacity:.10!important;
}


/* =========================================================
   v108 — correct duplicate Shop logo removal
   ========================================================= */

/* Restore the original single large background DERSIN mark in Shop section. */
.home-page .home-shop::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  right:-8vw!important;
  bottom:-18vw!important;
  width:46vw!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  background:url('/assets/logo/mark-premium.png?v=78') center/contain no-repeat!important;
  opacity:.035!important;
  pointer-events:none!important;
}

/* The recently-added second/smaller Shop logo is gone. */
.home-page .home-shop-side,
.home-page .shop-light-art{
  display:none!important;
}


/* v108 — restore footer DERSIN logo */
.footer-brand img{
  display:block!important;
}


/* v112 — make the copyright line clearly visible */
.site-footer .copyright,
.site-footer-global .copyright,
.site-footer [data-i18n="copyright"],
.site-footer [data-i18n="homeCopyright"],
.site-footer-global [data-i18n="copyright"],
.site-footer-global [data-i18n="homeCopyright"]{
  color:rgba(255,255,255,.72)!important;
  opacity:1!important;
  font-size:11px!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
}


/* v113 — manifesto section with a slight blue tint */
.home-manifesto{
  background:#dfe8ee!important;
  color:#10171b!important;
}
.manifesto-label{
  color:#62727c!important;
}
.manifesto-label span+span{
  border-left-color:#bccbd4!important;
}
.manifesto-copy h2{
  color:#0d1519!important;
}
.manifesto-copy p{
  color:#61707a!important;
}


/* v114 — copyright line same visibility as AI note */
.site-footer .copyright,
.site-footer-global .copyright,
.site-footer [data-i18n="copyright"],
.site-footer [data-i18n="homeCopyright"],
.site-footer-global [data-i18n="copyright"],
.site-footer-global [data-i18n="homeCopyright"]{
  color:rgba(255,255,255,.52)!important;
  opacity:1!important;
  font-size:10px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

.site-footer .ai-note,
.site-footer-global .ai-note{
  color:rgba(255,255,255,.52)!important;
  opacity:1!important;
  font-size:10px!important;
  font-weight:400!important;
}