@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap");

:root { --ink:#151513; --paper:#d4d2cc; --cream:#eceae4; --acid:#d7ff37; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Albert Sans", Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img { display:block; max-width:100%; }
.eyebrow { margin:0; font-size:11px; line-height:1.2; font-weight:600; letter-spacing:.17em; text-transform:uppercase; }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; height:94px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; color:white; mix-blend-mode:difference; }
.brand { display:flex; align-items:baseline; font-size:22px; letter-spacing:-.07em; font-weight:700; position:relative; z-index:31; }
.brand-serif { font-family:"Albert Sans",sans-serif; font-size:24px; font-style:italic; font-weight:400; margin-right:2px; }
.desktop-nav { display:flex; gap:32px; font-size:15px; }
.desktop-nav a { position:relative; }
.desktop-nav a:after { content:""; position:absolute; left:0; right:100%; bottom:-5px; height:1px; background:currentColor; transition:.3s; }
.desktop-nav a:hover:after { right:0; }
.menu-toggle { display:none; }
.site-header.menu-open { color:white !important; mix-blend-mode:normal !important; }
.site-header.light-site-header { color:var(--ink); mix-blend-mode:normal; }
.mobile-menu { display:none; }
.hero { position:relative; min-height:100svh; color:white; background:#141712; overflow:hidden; }
.hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 41%; transform:scale(1.015); animation:reveal 1.5s ease both; }
@keyframes reveal { from { opacity:0; transform:scale(1.06); } to { opacity:1; transform:scale(1.015); } }
.hero-shade,.project-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.44),transparent 60%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 48%); }
.hero-copy { position:absolute; left:7vw; bottom:12vh; z-index:2; max-width:850px; }
.hero-copy h1 { font-weight:400; font-size:clamp(68px,9.2vw,145px); letter-spacing:-.075em; line-height:.79; margin:34px 0 36px; }
.hero-intro { width:510px; max-width:100%; font-size:18px; line-height:1.45; margin:0 0 0 42%; }
.scroll-cue { position:absolute; z-index:2; right:4vw; bottom:45px; display:flex; width:210px; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.7); font-size:12px; text-transform:uppercase; letter-spacing:.11em; }
.section { padding:130px 4vw 150px; }
.work-section { background:var(--paper); }
.section-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:70px; }
.section-count { font-size:12px; }
.project-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:7vw 2.4vw; }
.project-card { grid-column:span 6; }
.project-card.card-1,.project-card.card-2 { margin-top:11vw; }
.project-image { overflow:hidden; background:#bbb9b2; position:relative; }
.project-image img { width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; transition:transform .7s cubic-bezier(.2,.65,.2,1); }
.card-1 .project-image img,.card-2 .project-image img { aspect-ratio:1/1; }
.project-card:hover img { transform:scale(1.025); }
.project-hover { position:absolute; inset:0; z-index:2; background:rgba(10,10,9,.3); color:white; display:flex; flex-direction:column; justify-content:flex-end; padding:25px; opacity:0; transition:opacity .35s ease; }
.project-hover h2 { margin:0 0 6px; font-size:clamp(24px,3vw,50px); line-height:.95; font-weight:500; letter-spacing:-.055em; transform:translateY(15px); transition:transform .4s ease; }
.project-hover span { font-size:11px; text-transform:uppercase; letter-spacing:.1em; transform:translateY(12px); transition:transform .45s ease; }
.project-card:hover .project-hover,.project-card:focus-visible .project-hover { opacity:1; }
.project-card:hover .project-hover h2,.project-card:hover .project-hover span,.project-card:focus-visible .project-hover h2,.project-card:focus-visible .project-hover span { transform:translateY(0); }
.project-card.touch-revealed .project-hover { opacity:1; }
.project-card.touch-revealed .project-hover h2,.project-card.touch-revealed .project-hover span { transform:translateY(0); }
.project-label { display:flex; justify-content:space-between; align-items:flex-start; margin-top:15px; }
.project-label h2 { font-size:17px; margin:0 0 5px; font-weight:600; }
.project-label p,.project-label span { font-size:12px; margin:0; color:#5d5c57; }
.center-link { display:flex; justify-content:center; margin-top:100px; }
.center-link a,.manifesto a { border-bottom:1px solid; padding:0 0 8px; display:flex; justify-content:space-between; gap:80px; font-size:13px; text-transform:uppercase; letter-spacing:.1em; }
.manifesto { background:var(--ink); color:var(--cream); padding:130px 8vw; min-height:690px; display:grid; grid-template-columns:1fr 3fr; align-content:center; gap:40px; }
.manifesto-text { grid-column:2; margin:0 0 70px; font-family:"Albert Sans",sans-serif; font-weight:300; font-size:clamp(42px,5.2vw,82px); line-height:1.02; letter-spacing:-.055em; }
.manifesto a { grid-column:2; width:max-content; }
.footer { padding:100px 4vw 28px; background:#9d9b94; min-height:430px; display:grid; grid-template-columns:2fr 1fr; align-content:space-between; }
.footer-navigation { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(21,21,19,.45); margin:-55px 0 85px; }
.footer-navigation a,.footer-navigation button { min-height:74px; display:flex; align-items:center; justify-content:space-between; padding:0 4px; border:0; border-bottom:1px solid rgba(21,21,19,.45); background:transparent; color:inherit; cursor:pointer; text-transform:uppercase; letter-spacing:.12em; font-size:11px; }
.footer-navigation a { padding-right:30px; }
.footer-navigation button { padding-left:30px; border-left:1px solid rgba(21,21,19,.45); }
.footer-navigation i { font-style:normal; font-size:25px; transition:transform .3s ease; }
.footer-navigation a:hover i { transform:translateX(-7px); }
.footer-navigation button:hover i { transform:translateY(-7px); }
.footer-mail { display:inline-block; font-size:clamp(28px,4vw,62px); letter-spacing:-.055em; border-bottom:2px solid; margin-top:25px; }
.footer-meta { display:flex; flex-direction:column; gap:9px; font-size:13px; }
.footer-meta a { margin-top:25px; width:max-content; border-bottom:1px solid; }
.footer-copy { grid-column:1/-1; margin-top:100px; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.whatsapp { position:fixed; z-index:40; right:25px; bottom:22px; height:54px; padding:0 20px 0 15px; border-radius:30px; background:var(--acid); color:#111; display:flex; align-items:center; gap:10px; box-shadow:0 7px 30px rgba(0,0,0,.22); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; transition:transform .25s; }
.whatsapp:hover { transform:translateY(-3px); }
.whatsapp svg { width:24px; height:24px; fill:currentColor; }
.light-header { height:94px; position:relative; }
.light-header .site-header { color:var(--ink); mix-blend-mode:normal; }
.page-intro { padding:100px 7vw 120px; display:grid; grid-template-columns:1fr 1.65fr; align-items:end; }
.page-intro h1 { grid-column:2; margin:0; font-size:clamp(90px,12vw,190px); font-weight:400; letter-spacing:-.08em; line-height:.76; }
.page-intro>p:last-child { grid-column:2; width:420px; max-width:100%; font-size:17px; line-height:1.5; margin:60px 0 0 auto; }
.archive { padding-top:25px; }
.filter-wrap { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:0 0 55px; }
.filter-wrap::-webkit-scrollbar { display:none; }
.filter-wrap button { border:1px solid #99978f; background:transparent; padding:10px 17px; border-radius:100px; white-space:nowrap; cursor:pointer; font-size:12px; }
.filter-wrap button.active { background:var(--ink); color:white; border-color:var(--ink); }
.about-hero { padding:80px 4vw 0; display:grid; grid-template-columns:1.2fr 1fr; gap:6vw; align-items:end; }
.about-title h1 { font-family:"Albert Sans",sans-serif; font-weight:400; font-size:clamp(55px,7vw,105px); line-height:.95; letter-spacing:-.055em; margin:45px 0 15px; }
.about-image img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.about-copy { padding:140px 8vw 180px; display:grid; grid-template-columns:1fr 2fr; gap:8vw; }
.about-copy aside p { margin:0 0 5px; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.about-copy>div p { font-family:"Albert Sans",sans-serif; font-weight:300; font-size:25px; line-height:1.45; margin:0 0 1.4em; }
.about-copy>div .lead { font-family:"Albert Sans",sans-serif; font-weight:400; font-size:clamp(32px,4.1vw,63px); line-height:1.02; letter-spacing:-.05em; }
.contact-page { min-height:100svh; background:var(--ink); color:var(--cream); position:relative; display:flex; flex-direction:column; }
.contact-inner { flex:1; padding:145px 7vw 70px; display:flex; flex-direction:column; justify-content:center; }
.contact-inner h1 { font-family:"Albert Sans",sans-serif; font-size:clamp(70px,10vw,160px); line-height:.86; letter-spacing:-.065em; font-weight:400; max-width:1200px; margin:40px 0 90px; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:end; }
.contact-grid p { font-size:17px; line-height:1.5; max-width:460px; }
.contact-links { display:flex; flex-direction:column; }
.contact-links a { border-top:1px solid #5d5c57; padding:14px 0; display:flex; justify-content:space-between; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.contact-copy { padding:0 7vw 25px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.project-hero { height:100svh; position:relative; background:#222; color:white; }
.project-hero>img,.project-hero>picture,.project-hero>picture img { position:absolute; width:100%; height:100%; object-fit:cover; }
.project-title { position:absolute; z-index:2; left:5vw; bottom:6vw; right:5vw; }
.project-title p { margin:0 0 18px; font-size:11px; text-transform:uppercase; letter-spacing:.15em; }
.project-title h1 { margin:0; font-weight:400; font-size:clamp(75px,12vw,180px); line-height:.8; letter-spacing:-.08em; }
.project-info { padding:135px 8vw; display:grid; grid-template-columns:1fr 1.6fr; gap:9vw; }
.project-facts { display:grid; grid-template-columns:1fr 1fr; gap:45px 30px; align-content:start; }
.project-facts span,.media-note span { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.14em; color:#64625d; margin-bottom:10px; }
.project-facts p { font-size:13px; margin:0; line-height:1.45; }
.project-story p { font-family:"Albert Sans",sans-serif; font-weight:300; font-size:24px; line-height:1.5; }
.project-story .lead { font-family:"Albert Sans",sans-serif; font-weight:400; font-size:clamp(33px,4vw,60px); line-height:1.02; letter-spacing:-.05em; margin-top:0; }
.project-intro-motion .lead { opacity:0; transform:translateX(-90px); transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.16,1,.3,1); }
.project-intro-motion>p:not(.lead) { opacity:0; transform:translateY(22px); transition:opacity .7s ease .24s,transform .8s ease .24s; }
.project-intro-motion.is-visible .lead,.project-intro-motion.is-visible>p:not(.lead) { opacity:1; transform:none; }
.media-placeholder { padding:0 4vw 130px; display:block; }
.media-placeholder img { width:100%; max-height:1050px; object-fit:cover; }
.project-gallery { overflow:hidden; padding-bottom:110px; background:var(--paper); touch-action:pan-y; }
.gallery-track { display:flex; transition:transform .75s cubic-bezier(.16,1,.3,1); }
.gallery-track figure { flex:0 0 100%; margin:0; padding:0 4vw; }
.gallery-track img { width:100%; height:min(78vw,1000px); object-fit:cover; }
.gallery-controls { display:flex; justify-content:space-between; align-items:center; padding:18px 4vw 0; font-size:11px; letter-spacing:.12em; }
.gallery-controls div { display:flex; gap:8px; }
.gallery-controls button { width:50px; height:50px; border:1px solid #939189; border-radius:50%; background:transparent; cursor:pointer; font-size:20px; }
.media-note p { font-size:13px; }
.next-project { min-height:440px; padding:80px 7vw; background:var(--ink); color:white; display:grid; grid-template-columns:1fr 4fr auto; align-items:center; }
.next-project span { font-size:11px; text-transform:uppercase; letter-spacing:.15em; }
.next-project strong { font-size:clamp(50px,8vw,125px); font-weight:400; letter-spacing:-.07em; }
.next-project i { font-style:normal; font-size:40px; }
.text-reveal>* { animation:textRise .85s cubic-bezier(.2,.7,.2,1) both; }
.text-reveal>*:nth-child(2) { animation-delay:.08s; }
.text-reveal>*:nth-child(3) { animation-delay:.16s; }
@keyframes textRise { from { opacity:0; transform:translateY(35px); } to { opacity:1; transform:translateY(0); } }

@media (max-width:1100px) {
  .desktop-nav { display:none; }
  .menu-toggle { display:flex; position:relative; z-index:33; background:none; border:0; width:42px; height:42px; flex-direction:column; justify-content:center; gap:8px; padding:8px; color:inherit; }
  .menu-toggle span { display:block; height:1px; background:currentColor; width:100%; transition:transform .25s ease; }
  .menu-open .menu-toggle span:first-child { transform:translateY(4.5px) rotate(45deg); }
  .menu-open .menu-toggle span:last-child { transform:translateY(-4.5px) rotate(-45deg); }
  .menu-open .brand { color:white; }
  .site-header.menu-open .mobile-menu { position:fixed; inset:0; z-index:30; background:#171715; color:white !important; padding:clamp(105px,14vh,150px) clamp(22px,6vw,65px) max(28px,env(safe-area-inset-bottom)); display:flex; flex-direction:column; justify-content:space-between; mix-blend-mode:normal; overflow:auto; }
  .mobile-menu nav { display:flex; flex-direction:column; align-items:flex-start; gap:clamp(5px,1.5vh,18px); position:relative; z-index:31; }
  .mobile-menu nav a { display:block; font-size:clamp(56px,12vw,118px); line-height:.84; letter-spacing:-.075em; color:white; }
  .menu-foot { display:flex; justify-content:space-between; gap:25px; color:white; font-size:10px; text-transform:uppercase; letter-spacing:.1em; position:relative; z-index:31; }
  .light-header .mobile-menu { color:white !important; }
}

@media (max-width: 700px) {
  .site-header { height:72px; padding:0 18px; }
  .brand { font-size:18px; }
  .brand-serif { font-size:20px; }
  .menu-toggle { width:38px; height:38px; gap:7px; }
  .mobile-menu { padding:110px 22px max(24px,env(safe-area-inset-bottom)); }
  .mobile-menu nav a { font-size:clamp(54px,18vw,86px); line-height:.9; }
  .hero { min-height:100svh; }
  .hero-image { object-position:53% center; }
  .hero-shade { background:linear-gradient(0deg,rgba(0,0,0,.57),transparent 70%); }
  .hero-copy { left:18px; right:18px; bottom:90px; }
  .hero-copy .eyebrow { font-size:9px; }
  .hero-copy h1 { font-size:19.8vw; line-height:.82; margin:24px 0 25px; }
  .hero-intro { margin:0; width:86%; font-size:14px; line-height:1.45; }
  .scroll-cue { display:none; }
  .section { padding:78px 18px 100px; }
  .section-head { margin-bottom:42px; }
  .project-grid { display:block; }
  .project-card { display:block; margin:0 0 56px !important; }
  .project-image img,.card-1 .project-image img,.card-2 .project-image img { aspect-ratio:4/5; }
  .project-card:nth-child(even) { width:86%; margin-left:auto !important; }
  .project-card:nth-child(3n) .project-image img { aspect-ratio:1/1; }
  .project-label { margin-top:12px; }
  .project-label h2 { font-size:15px; }
  .center-link { margin-top:20px; justify-content:flex-start; }
  .manifesto { min-height:auto; display:block; padding:95px 20px; }
  .manifesto-text { margin:50px 0 60px; font-size:12.7vw; line-height:1.03; }
  .footer { display:block; min-height:460px; padding:85px 20px 22px; }
  .footer-mail { font-size:6.7vw; margin:24px 0 80px; }
  .footer-meta { margin-bottom:80px; }
  .footer-copy { margin:0; }
  .whatsapp { width:52px; height:52px; padding:0; right:15px; bottom:max(15px, env(safe-area-inset-bottom)); justify-content:center; }
  .whatsapp span { display:none; }
  .light-header { height:72px; }
  .page-intro { display:block; padding:85px 18px 70px; }
  .page-intro h1 { font-size:24vw; margin:45px 0 55px; }
  .page-intro>p:last-child { margin:0; width:92%; font-size:14px; }
  .archive { padding-top:0; }
  .filter-wrap { margin-right:-18px; padding-bottom:40px; }
  .filter-wrap button { padding:9px 14px; font-size:11px; }
  .about-hero { padding:70px 18px 0; display:flex; flex-direction:column; align-items:stretch; gap:55px; }
  .about-title h1 { font-size:14vw; margin-top:38px; }
  .about-image { width:84%; margin-left:auto; }
  .about-copy { padding:85px 20px 110px; display:block; }
  .about-copy aside { margin-bottom:70px; }
  .about-copy>div p { font-size:19px; }
  .about-copy>div .lead { font-size:10.4vw; }
  .contact-inner { padding:120px 20px 55px; }
  .contact-inner h1 { font-size:18vw; margin:40px 0 85px; }
  .contact-grid { display:block; }
  .contact-grid p { font-size:14px; margin-bottom:55px; }
  .contact-copy { padding:0 20px 90px; }
  .project-hero { height:92svh; }
  .project-title { left:18px; right:18px; bottom:55px; }
  .project-title h1 { font-size:19vw; }
  .project-info { display:block; padding:85px 20px 100px; }
  .project-facts { margin-bottom:90px; }
  .project-story p { font-size:19px; }
  .project-story .lead { font-size:10.5vw; }
  .project-intro-motion .lead { transform:translateX(-48px); }
  .media-placeholder { display:flex; flex-direction:column; padding:0 0 90px; }
  .media-note { padding:0 20px 20px; }
  .media-placeholder img { width:100%; height:76svh; object-fit:cover; }
  .project-gallery { padding-bottom:80px; }
  .gallery-track figure { padding:0; }
  .gallery-track img { height:72svh; }
  .gallery-controls { padding:14px 18px 0; }
  .gallery-controls button { width:44px; height:44px; }
  .next-project { min-height:390px; padding:70px 20px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; }
  .next-project strong { font-size:17vw; line-height:.9; }
  .next-project i { align-self:flex-end; }
}

@media (prefers-reduced-motion:reduce) { * { animation:none !important; scroll-behavior:auto !important; transition:none !important; } }

/* Editorial administration surface */
.admin-shell { min-height:100vh; background:#f1f1ee; color:#20201e; display:grid; grid-template-columns:230px 1fr; font-family:"Albert Sans",Arial,sans-serif; }
.admin-side { position:sticky; top:0; height:100vh; background:#191917; color:#eee; padding:32px 18px 22px; display:flex; flex-direction:column; }
.admin-brand { font-size:24px; font-weight:700; letter-spacing:-.07em; padding:0 11px; }
.admin-brand span { color:var(--acid); font-family:"Albert Sans",sans-serif; font-size:12px; font-style:italic; font-weight:400; letter-spacing:0; margin-left:4px; }

@media (hover:none) { .project-hover { background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 62%); } }
.admin-side nav { margin-top:70px; display:flex; flex-direction:column; gap:5px; }
.admin-side nav button { border:0; background:none; color:#a6a6a0; display:flex; align-items:center; gap:13px; padding:12px 11px; border-radius:7px; text-align:left; cursor:pointer; font-size:13px; }
.admin-side nav button:hover,.admin-side nav button.active { background:#2d2d29; color:white; }
.admin-side nav i { width:7px; height:7px; border:1px solid currentColor; border-radius:50%; }
.admin-side nav button.active i { background:var(--acid); border-color:var(--acid); }
.admin-user { margin-top:auto; display:flex; align-items:center; gap:10px; border-top:1px solid #3a3a35; padding:20px 8px 0; }
.admin-user b { width:32px; height:32px; border-radius:50%; background:#dddcd6; color:#111; display:grid; place-items:center; font-size:11px; }
.admin-user div { display:flex; flex-direction:column; }
.admin-user strong { font-size:12px; }
.admin-user span { color:#8d8d87; font-size:10px; margin-top:3px; }
.admin-main { min-width:0; }
.admin-main>header { height:112px; padding:25px 38px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d7d7d1; background:#f8f8f5; }
.admin-main>header p { font-size:10px; text-transform:uppercase; letter-spacing:.11em; color:#85857f; margin:0 0 6px; }
.admin-main>header h1 { font-size:28px; letter-spacing:-.045em; margin:0; font-weight:500; }
.admin-actions { display:flex; align-items:center; gap:12px; }
.admin-actions a,.admin-actions button,.admin-toolbar button,.settings-form button { border:1px solid #cccac3; border-radius:6px; background:white; padding:10px 14px; font-size:12px; }
.admin-actions .primary,.admin-toolbar .primary,.settings-form .primary { border-color:#20201e; background:#20201e; color:white; cursor:pointer; }
.admin-content { padding:36px 38px 70px; }
.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:25px; }
.stat-grid article { background:white; border:1px solid #dfded8; border-radius:10px; padding:22px; display:grid; grid-template-columns:1fr auto; align-items:end; }
.stat-grid span { grid-column:1/-1; font-size:11px; color:#74746e; }
.stat-grid strong { font-size:44px; font-weight:400; line-height:1; margin-top:35px; letter-spacing:-.06em; }
.stat-grid em { font-style:normal; font-size:10px; color:#6e7d3b; background:#eef3de; border-radius:20px; padding:5px 8px; }
.admin-panel,.category-list,.page-list { background:#fff; border:1px solid #dfded8; border-radius:10px; overflow:hidden; }
.panel-title { padding:20px 22px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e2e1dc; }
.panel-title p { margin:0 0 5px; font-size:14px; font-weight:600; }
.panel-title span { font-size:11px; color:#85857f; }
.panel-title button { background:transparent; border:0; border-bottom:1px solid; font-size:11px; padding:0 0 3px; cursor:pointer; }
.project-rows article { display:grid; grid-template-columns:20px 55px minmax(170px,1fr) 1fr 75px 25px; align-items:center; gap:15px; padding:12px 20px; border-bottom:1px solid #ecebe7; }
.project-rows article:last-child { border-bottom:0; }
.drag { color:#aaa9a2; cursor:grab; }
.project-rows img { width:50px; height:50px; object-fit:cover; border-radius:4px; }
.row-main { display:flex; flex-direction:column; gap:5px; }
.row-main strong { font-size:12px; }
.row-main span { font-size:10px; color:#8c8b85; }
.row-categories { display:flex; flex-wrap:wrap; gap:5px; }
.row-categories small { font-size:9px; padding:4px 7px; background:#eeeDE8; border-radius:20px; }
.project-rows em { font-size:9px; font-style:normal; color:#51651e; }
.project-rows button,.category-list article>button { background:none; border:0; cursor:pointer; }
.project-rows article { position:relative; overflow:visible; }
.row-actions { position:relative; display:flex; justify-content:flex-end; }
.row-more { min-width:36px; min-height:36px; border-radius:50% !important; font-weight:700; letter-spacing:2px; }
.row-more:hover,.row-more[aria-expanded="true"] { background:#efeee9; }
.row-menu { position:absolute; z-index:20; top:40px; right:0; width:225px; padding:7px; border:1px solid #d8d7d1; border-radius:9px; background:white; box-shadow:0 15px 45px rgba(25,25,23,.16); }
.row-menu a,.row-menu>button { width:100%; min-height:39px; padding:9px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; border:0; border-radius:6px; background:transparent; color:#292925; font-size:11px; text-align:left; }
.row-menu a:hover { background:#f0efe9; }
.row-menu>button:disabled { cursor:not-allowed; color:#9a9993; }
.row-menu small { padding:3px 5px; border-radius:4px; background:#efeee9; color:#85847e; font-size:8px; letter-spacing:.08em; }
.row-menu .danger { color:#a78b87; }
.row-menu p { margin:7px 5px 3px; padding-top:9px; border-top:1px solid #e8e7e2; color:#92918b; font-size:9px; line-height:1.4; }
.admin-toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; }
.admin-toolbar p { margin:0; font-size:13px; color:#6d6c66; }
.category-list article { display:grid; grid-template-columns:25px 1fr 50px 30px; align-items:center; padding:18px 22px; border-bottom:1px solid #ecebe7; }
.category-list article:last-child { border:0; }
.category-list article>div { display:flex; flex-direction:column; gap:5px; }
.category-list strong { font-size:13px; }
.category-list small { color:#898882; font-size:10px; }
.category-list label input { display:none; }
.category-list label span { display:block; width:34px; height:19px; border-radius:20px; background:#ccc; position:relative; cursor:pointer; }
.category-list label span:after { content:""; position:absolute; width:15px; height:15px; left:2px; top:2px; border-radius:50%; background:white; transition:.2s; }
.category-list label input:checked+span { background:#242421; }
.category-list label input:checked+span:after { transform:translateX(15px); background:var(--acid); }
.page-list article { display:grid; grid-template-columns:1fr 90px 45px; gap:20px; align-items:center; padding:19px 22px; border-bottom:1px solid #ecebe7; }
.page-list article>div { display:flex; flex-direction:column; gap:5px; }
.page-list strong { font-size:13px; }
.page-list small { font-size:10px; color:#898882; }
.page-list>article>span { width:max-content; font-size:9px; padding:5px 8px; border-radius:20px; }
.page-list .live { color:#51651e; background:#eef3de; }
.page-list .draft { color:#78661c; background:#f5f0d7; }
.page-list button { border:0; background:none; border-bottom:1px solid; font-size:10px; padding:0 0 3px; }
.media-builder { max-width:760px; }
.video-tabs { padding:20px 22px 0; display:flex; gap:8px; }
.video-tabs button { padding:9px 14px; border:1px solid #d1d0ca; background:white; border-radius:6px; font-size:11px; cursor:pointer; }
.video-tabs button.active { color:white; background:#20201e; border-color:#20201e; }
.dropzone { margin:20px 22px 25px; min-height:240px; border:1px dashed #bcbab3; border-radius:8px; background:#fafaf7; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.dropzone strong { font-size:14px; }
.dropzone span { font-size:11px; margin:7px 0 30px; color:#777670; }
.dropzone small { font-size:9px; color:#aaa9a3; }
.youtube-field { padding:25px 22px 32px; display:flex; flex-direction:column; }
.youtube-field label,.settings-form label { font-size:11px; font-weight:600; display:flex; flex-direction:column; gap:8px; }
.youtube-field input,.settings-form input,.settings-form textarea { border:1px solid #d3d2cc; border-radius:6px; padding:12px; font:inherit; font-size:12px; background:#fafaf7; }
.youtube-field p { font-size:10px; color:#888781; }
.settings-form { max-width:680px; padding-bottom:25px; }
.settings-form label { margin:20px 22px; }
.settings-form textarea { min-height:95px; resize:vertical; }
.settings-form>.primary { margin-left:22px; }

@media(max-width:700px) {
  .admin-shell { display:block; }
  .admin-side { position:relative; height:auto; padding:15px 14px; display:flex; flex-direction:row; align-items:center; overflow-x:auto; }
  .admin-brand { padding:0 8px; white-space:nowrap; }
  .admin-side nav { margin:0 0 0 25px; flex-direction:row; }
  .admin-side nav button { white-space:nowrap; padding:9px 10px; }
  .admin-side nav i,.admin-user { display:none; }
  .admin-main>header { height:auto; padding:22px 16px; align-items:flex-end; }
  .admin-main>header h1 { font-size:24px; }
  .admin-actions a { display:none; }
  .admin-actions .primary { padding:9px 11px; }
  .admin-content { padding:22px 12px 55px; }
  .stat-grid { grid-template-columns:1fr; }
  .stat-grid article { grid-template-columns:1fr auto; }
  .stat-grid strong { margin-top:20px; }
  .project-rows article { grid-template-columns:45px 1fr 22px; padding:11px; gap:10px; }
  .project-rows .drag,.row-categories,.project-rows em { display:none; }
  .project-rows img { width:43px; height:43px; }
  .row-menu { position:fixed; left:16px; right:16px; top:auto; bottom:20px; width:auto; padding:10px; border-radius:14px; box-shadow:0 10px 60px rgba(15,15,14,.3); }
  .row-menu a,.row-menu>button { min-height:46px; font-size:13px; }
  .admin-toolbar { align-items:flex-start; gap:15px; }
  .admin-toolbar p { font-size:11px; }
  .admin-toolbar button { white-space:nowrap; }
  .category-list article { padding:16px 13px; }
  .page-list article { grid-template-columns:1fr 70px 35px; padding:17px 13px; gap:8px; }
}

body.admin-bar .site-header { top:32px; }
.about-copy>div p:first-child { font-weight:400; font-size:clamp(32px,4.1vw,63px); line-height:1.02; letter-spacing:-.05em; }
.project-video { padding:0 4vw 120px; }
.project-video iframe,.project-video video { width:100%; aspect-ratio:16/9; border:0; background:#111; }
.story-block{padding:80px 8vw;background:var(--paper)}.story-block h2{font-size:clamp(32px,5vw,72px);font-weight:400;letter-spacing:-.05em;margin:0 0 35px}.story-block>div:not(.story-grid){max-width:850px;margin-left:auto;font-size:clamp(19px,2vw,28px);line-height:1.55}.story-block>img{display:block;width:100%;max-height:92vh;object-fit:cover}.story-block>p{max-width:850px;margin:18px auto 0}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw}.story-grid img{width:100%;height:auto}.story-video iframe,.story-video video{width:100%;aspect-ratio:16/9;border:0;background:#111}.story-backstage{background:#20201e;color:#fff}
.generic-page { min-height:70vh; padding:100px 8vw 150px; max-width:1150px; }
.generic-page h1 { margin:35px 0 70px; font-size:clamp(65px,10vw,150px); line-height:.82; letter-spacing:-.07em; font-weight:400; }
.generic-page p { max-width:760px; font-size:19px; line-height:1.65; }
.project-card.is-filtered-out { display:none; }
@media(max-width:782px){ body.admin-bar .site-header { top:46px; } }
@media(max-width:700px){
  .project-video { padding:0 0 80px; }
  .story-block{padding:60px 20px}.story-grid{grid-template-columns:1fr;gap:16px}
  .generic-page { padding:80px 20px 100px; }
  .about-copy>div p:first-child { font-size:10.4vw; }
  .footer-navigation { grid-template-columns:1fr; margin:-35px 0 70px; }
  .footer-navigation a,.footer-navigation button { min-height:64px; padding:0 2px; }
  .footer-navigation button { border-left:0; }
}