/* LAK portfolio — a custom editorial system with its own branding and content. */

:root{
  --lak-light:#f7f7f6;
  --lak-panel:#ffffff;
  --lak-dark:#050505;
  --lak-ink:#111111;
  --lak-line:#161616;
  --lak-muted:#747474;
  --lak-signal:#ff3b30;
  --lak-gutter:clamp(14px,2vw,30px);
  --lak-editorial:"Avenir Next","Helvetica Neue","Segoe UI",Arial,sans-serif;
}
:root[data-theme="dark"]{
  --lak-light:#080808;
  --lak-panel:#151515;
  --lak-dark:#020202;
  --lak-ink:#f7f7f6;
  --lak-line:#f7f7f6;
  --lak-muted:#b3b3b3;
  --lak-signal:#ff5c54;
}
:root[data-theme="clear"]{
  --lak-light:rgba(247,247,246,.84);
  --lak-panel:rgba(255,255,255,.54);
  --lak-dark:#111;
  --lak-ink:#111;
  --lak-line:rgba(17,17,17,.56);
  --lak-muted:#626262;
}

html{background:var(--lak-light)!important;scroll-padding-top:0!important}
body{
  background:var(--lak-light)!important;
  color:var(--lak-ink)!important;
  font-family:var(--lak-editorial)!important;
  font-size:16px;
  line-height:1.35;
}
body::selection{background:var(--lak-signal);color:#fff}
main{width:100%!important;margin:0!important}

/* Corner wordmark and menu: intentionally unboxed over the project image. */
#site-header,
#site-header.is-scrolled,
#site-header.menu-open{
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:100!important;
  width:100%!important;
  height:78px!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  pointer-events:none;
  mix-blend-mode:normal!important;
}
#site-header .masthead{
  position:relative!important;
  z-index:102!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  height:76px!important;
  margin:0!important;
  padding:0 clamp(18px,2.8vw,48px)!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#fff!important;
  mix-blend-mode:difference;
  pointer-events:auto;
}
:root[data-theme="dark"] #site-header .masthead{
  border:0!important;
  background:transparent!important;
}
.masthead-menu{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  margin:0!important;
  color:inherit!important;
}
.masthead-menu svg{width:20px!important;height:20px!important}
.masthead-menu path{stroke:currentColor!important;stroke-width:1.25!important}
.masthead-brand{
  display:block!important;
  min-height:40px!important;
  color:inherit!important;
  font-family:var(--lak-editorial)!important;
  font-size:1.05rem!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  line-height:1!important;
  text-decoration:none!important;
}
.masthead-balance{display:none!important}
.top-nav,.masthead-actions{display:none!important}

/* Full-screen visual homepage: project title is the sole visible copy. */
#home.intro{
  position:relative!important;
  display:block!important;
  height:min(92svh,860px)!important;
  min-height:580px!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  background:var(--lak-light)!important;
}
#home .landing-head,#home .hero-name,#home .landing-controls{display:none!important}
#home .landing-deck{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--lak-light)!important;
}
#home .landing-slide,
#home .landing-slide.is-active,
#home .landing-slide:not(.is-active){
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:none!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:var(--lak-dark)!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  visibility:visible!important;
  text-align:left!important;
}
#home .landing-slide.is-active{display:block!important;animation:lak-hero-in .65s cubic-bezier(.2,.75,.2,1) both!important}
@keyframes lak-hero-in{from{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
#home .landing-slide-image,#home .landing-slide-image img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
}
#home .landing-slide-image{overflow:hidden!important;background:var(--lak-dark)!important}
#home .landing-slide-image img{
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.94) contrast(1.03)!important;
  transform:scale(1.015)!important;
  transition:transform 1.4s cubic-bezier(.2,.75,.2,1)!important;
}
#home .landing-slide:hover .landing-slide-image img{transform:scale(1.045)!important}
#home .landing-slide-shade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  background:linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.02) 38%,rgba(0,0,0,.42))!important;
}
#home .landing-slide-shade::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.55;
  background-image:radial-gradient(rgba(255,255,255,.78) .7px,transparent .86px);
  background-size:75px 75px;
  background-position:16px 23px;
}
#home .landing-slide-meta{
  position:absolute!important;
  z-index:4!important;
  bottom:clamp(22px,4.6vh,56px)!important;
  left:50%!important;
  right:auto!important;
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  width:min(430px,calc(100% - 32px))!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  white-space:normal!important;
  text-shadow:0 2px 18px rgba(0,0,0,.72)!important;
}
#home .landing-slide-meta::before{display:none!important}
#home .landing-slide-meta strong{
  display:block!important;
  color:inherit!important;
  font-family:var(--lak-editorial)!important;
  font-size:clamp(1.05rem,1.75vw,1.35rem)!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  line-height:1.16!important;
}
.landing-details,.card-details{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;font-size:clamp(.7rem,1vw,.82rem);font-weight:500;letter-spacing:.04em;line-height:1.45}
.landing-details span+span::before,.card-details span+span::before{content:"/";margin-right:12px;opacity:.78}

/* Visual project index: each project is one title card on an image field. */
#work.work-section{
  position:relative!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:var(--lak-light)!important;
}
#work .collection-head,#work .browse-toolbar,#work .collection-footer{display:none!important}
#work .project-grid,#work .project-grid:not(.list-layout){
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#work .project-grid .project-card,#work .project-grid .project-card:nth-child(even){
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:min(84svh,900px)!important;
  min-height:560px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.24)!important;
  border-radius:0!important;
  background:var(--lak-dark)!important;
  color:#fff!important;
  text-align:left!important;
}
#work .project-grid .image-wrap{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:var(--lak-dark)!important;
}
#work .project-grid .image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.01) 42%,rgba(0,0,0,.48));
}
#work .project-grid .image-wrap img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:saturate(.94) contrast(1.03)!important;
  transform:scale(1.012)!important;
  transition:transform .85s cubic-bezier(.2,.75,.2,1)!important;
}
#work .project-grid .project-card:hover .image-wrap img{transform:scale(1.05)!important}
#work .project-grid .project-card::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  opacity:.45;
  background-image:radial-gradient(rgba(255,255,255,.78) .65px,transparent .85px);
  background-size:75px 75px;
  background-position:16px 23px;
}
#work .project-grid .image-arrow{display:none!important}
#work .project-grid .card-info{
  position:absolute!important;
  z-index:3!important;
  bottom:clamp(24px,5vh,62px)!important;
  left:50%!important;
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  width:min(430px,calc(100% - 32px))!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  text-shadow:0 2px 18px rgba(0,0,0,.72)!important;
}
#work .project-grid .card-top{display:block!important}
#work .project-grid .card-index,#work .project-grid .card-bottom,#work .project-grid .card-status{display:none!important}
#work .project-grid .card-title{
  display:block!important;
  color:inherit!important;
  font-family:var(--lak-editorial)!important;
  font-size:clamp(1.05rem,1.75vw,1.35rem)!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  line-height:1.16!important;
}

/* Compact all-projects index: all eighteen projects are available together. */
#work .project-grid.overview-layout{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:clamp(10px,1vw,18px)!important;
  padding:clamp(28px,3.6vw,56px) var(--lak-gutter) clamp(40px,4.6vw,76px)!important;
  background:var(--lak-light)!important;
}
#work .project-grid.overview-layout .project-card,
#work .project-grid.overview-layout .project-card:nth-child(even){
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  color:var(--lak-ink)!important;
}
#work .project-grid.overview-layout .project-card::after{display:none!important}
#work .project-grid.overview-layout .image-wrap{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  background:var(--lak-dark)!important;
}
#work .project-grid.overview-layout .image-wrap::after{background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.01) 46%,rgba(0,0,0,.08))!important}
#work .project-grid.overview-layout .project-card:hover .image-wrap img{transform:scale(1.04)!important}
#work .project-grid.overview-layout .card-info{
  position:absolute!important;
  z-index:2!important;
  top:auto!important;
  right:12px!important;
  bottom:12px!important;
  left:12px!important;
  display:grid!important;
  justify-items:center!important;
  gap:4px!important;
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  transform:none!important;
  text-align:center!important;
  text-shadow:0 1px 14px rgba(0,0,0,.7)!important;
}
#work .project-grid.overview-layout .card-title{
  font-size:clamp(.9rem,1.12vw,1.08rem)!important;
  color:#fff!important;
  font-weight:500!important;
  line-height:1.18!important;
}
.mentor-introduction h3 a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;text-underline-offset:5px}
#work .project-grid.overview-layout .card-details{
  display:none!important;
  justify-items:start!important;
  gap:1px!important;
  color:var(--lak-muted)!important;
  font-size:clamp(.75rem,.78vw,.82rem)!important;
  letter-spacing:.01em!important;
  line-height:1.35!important;
}
#work .project-grid.overview-layout .card-details span+span::before{content:none!important}
#work .project-grid.overview-layout .image-arrow{display:none!important}

/* Black dotted menu, based on the reference's open-menu rhythm. */
#site-header .site-menu{
  position:fixed!important;
  z-index:101!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100svh!important;
  padding:0!important;
  overflow:hidden auto!important;
  border:0!important;
  background-color:#050505!important;
  background-image:radial-gradient(rgba(255,255,255,.72) .7px,transparent .88px)!important;
  background-size:75px 75px!important;
  background-position:16px 23px!important;
  box-shadow:none!important;
  transform:translateY(-104%)!important;
  transition:transform .55s cubic-bezier(.2,.75,.2,1)!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.menu-open #site-header .site-menu{
  transform:translateY(0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.menu-open #site-header .masthead{
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  mix-blend-mode:normal!important;
}
.menu-open .masthead-menu,.menu-open .masthead-brand{color:#fff!important}
#site-header .menu-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100%!important;
  padding:112px 22px 90px!important;
  box-sizing:border-box!important;
}
#site-header .menu-kicker{display:none!important}
#site-header .menu-list{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:22px!important;
  margin:auto 0!important;
  padding:0!important;
  transform:none!important;
}
#site-header .menu-list a{
  display:block!important;
  min-height:0!important;
  color:#fff!important;
  font-family:var(--lak-editorial)!important;
  font-size:clamp(1.75rem,4vw,3.05rem)!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  line-height:1.08!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
#site-header .menu-project-toggle{
  display:grid!important;
  gap:3px!important;
  min-height:0!important;
  color:#fff!important;
  font-family:var(--lak-editorial)!important;
  font-size:clamp(1.75rem,4vw,3.05rem)!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  line-height:1.08!important;
  text-align:center!important;
  transition:color .2s ease,transform .2s ease,opacity .2s ease!important;
}
#site-header .menu-project-toggle span:last-child{font-size:.68rem!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;opacity:.7!important}
#site-header .menu-list a::after,#site-header .menu-list a::before{display:none!important}
#site-header .menu-list:hover a,#site-header .menu-list:hover .menu-project-toggle{opacity:.38!important}
#site-header .menu-list a:hover,#site-header .menu-list a:focus-visible,#site-header .menu-list a.active,#site-header .menu-project-toggle:hover,#site-header .menu-project-toggle:focus-visible{opacity:1!important;color:#fff!important;transform:translateY(-2px)}
#site-header .menu-bottom{
  position:absolute!important;
  right:22px!important;
  bottom:22px!important;
  left:22px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  margin:0!important;
  color:#fff!important;
  font-family:var(--lak-editorial)!important;
  font-size:.71rem!important;
  font-weight:500!important;
  letter-spacing:.055em!important;
  line-height:1.4!important;
}
#site-header .menu-bottom span{
  display:block!important;
  min-height:44px!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  background:transparent!important;
}
#site-header .menu-feature{display:none!important}

/* Quiet supporting sections—project visuals remain the main story. */
.about-section,.contact-section{
  padding:clamp(36px,4.5vw,64px) var(--lak-gutter)!important;
  border-color:var(--lak-line)!important;
  background:var(--lak-light)!important;
}
.section-kicker{color:var(--lak-muted)!important;font-family:var(--lak-editorial)!important;font-size:.72rem!important;font-weight:500!important;letter-spacing:.055em!important;text-transform:uppercase}
.about-main{margin-top:24px!important}
.about-copy p{margin-bottom:14px!important;line-height:1.6!important}
.about-copy .about-role{margin-bottom:22px!important}
.about-facts{margin-top:26px!important}
.about-facts>div{padding:11px 0!important}
.about-portrait img{border:1px solid var(--lak-line)!important;object-position:center 46%!important;filter:grayscale(1) brightness(1.16) contrast(.92)!important}
.portrait-toggle[aria-pressed="true"] img{filter:grayscale(1) brightness(1.24) contrast(.94)!important;transform:scale(1.012)!important}
.about-copy h2,.contact-content h2{
  color:var(--lak-ink)!important;
  font-family:var(--lak-editorial)!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
}
.about-copy p,.about-facts dt,.about-facts dd span{color:var(--lak-muted)!important}
.about-facts>div,.mentorship,.contact-section{border-color:var(--lak-line)!important}
.mentorship{position:relative;margin-top:clamp(32px,4vw,52px)!important;padding-top:0!important;border-top:0!important}
.mentor-introduction{max-width:78ch;margin:0 0 clamp(26px,3vw,42px);padding-bottom:clamp(26px,3vw,42px);border-bottom:1px solid var(--lak-line)}
.mentor-introduction h3{margin:7px 0 14px;color:var(--lak-ink);font-family:var(--lak-editorial);font-size:clamp(1.5rem,2.5vw,2.55rem);font-weight:400;letter-spacing:.005em;line-height:1.08}
.mentor-introduction p{max-width:72ch;margin:0 0 10px;color:var(--lak-muted);font-size:1rem;line-height:1.6}
.mentor-introduction a{display:inline-flex;align-items:center;gap:6px;min-height:36px;margin-top:10px;color:var(--lak-ink);border-bottom:1px solid currentColor;font-size:.8rem;text-decoration:none}
.mentor-introduction a svg{width:14px;height:14px}
.mentor-feature{position:relative;isolation:isolate;width:100%;min-height:min(52svh,610px);margin:0;overflow:hidden;border:1px solid var(--lak-line);background:#101010}
.mentor-feature::before{content:"";position:absolute;inset:-32px;z-index:0;background:url("assets/luciano-landaeta-cityscape-global.png") center/cover no-repeat;filter:blur(24px) brightness(.58) saturate(.86);transform:scale(1.1)}
.mentor-reveal{position:relative;z-index:1;display:block;width:100%;min-height:min(52svh,610px);overflow:hidden;background:transparent;color:#fff;text-align:left;touch-action:manipulation}
.mentor-reveal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(1) contrast(1.06);transition:filter .85s cubic-bezier(.2,.75,.2,1),transform 1.2s cubic-bezier(.2,.75,.2,1);will-change:filter,transform}
.mentor-reveal:hover>img{transform:scale(1.012)}
.mentor-reveal[aria-pressed="true"]>img{filter:grayscale(0) contrast(1);transform:scale(1)}
.mentor-shade{position:absolute;inset:0;display:block;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 32%,rgba(0,0,0,.72));pointer-events:none;transition:opacity .85s ease}
.mentor-reveal[aria-pressed="true"] .mentor-shade{opacity:.62}
.mentor-overlay{position:absolute;z-index:1;left:clamp(18px,4vw,64px);right:clamp(18px,4vw,64px);bottom:clamp(20px,4.5vw,64px);display:grid;gap:8px;max-width:min(620px,calc(100% - 36px));padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 2px 18px rgba(0,0,0,.72)}
.mentor-eyebrow,.mentor-role,.mentor-reveal-note{font-size:.75rem;line-height:1.35;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
.mentor-name{font-family:var(--lak-editorial);font-size:clamp(1.7rem,4vw,4.25rem);font-weight:400;letter-spacing:.005em;line-height:1.02}
.mentor-summary{max-width:58ch;font-size:clamp(.88rem,1.35vw,1.08rem);line-height:1.55}
.mentor-reveal-note{margin-top:8px;opacity:.8;transition:opacity .35s ease}
.mentor-reveal[aria-pressed="true"] .mentor-reveal-note{opacity:.58}
.mentor-caption{position:absolute;z-index:2;right:clamp(18px,3vw,42px);top:clamp(18px,3vw,42px);display:flex;align-items:flex-end;flex-direction:column;gap:10px;max-width:min(360px,calc(100% - 36px));color:#fff;font-size:.73rem;line-height:1.45;text-align:right;text-shadow:0 1px 14px rgba(0,0,0,.45)}
.mentor-caption-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}
.mentor-caption a{display:inline-flex;align-items:center;gap:5px;min-height:36px;color:#fff;border-bottom:1px solid rgba(255,255,255,.72);text-decoration:none;touch-action:manipulation}
.mentor-caption a svg{width:14px;height:14px}
.mentor-followup{max-width:64ch!important;margin:16px 0 0!important;color:var(--lak-muted)!important}
.contact-content{margin-top:24px!important}
.email-link{color:var(--lak-ink)!important;border-color:var(--lak-line)!important}
.site-footer{
  position:relative;
  padding:26px var(--lak-gutter)!important;
  overflow:hidden;
  background-color:#050505!important;
  background-image:radial-gradient(rgba(255,255,255,.72) .65px,transparent .85px)!important;
  background-size:75px 75px!important;
  color:#fff!important;
}
.site-footer .footer-logo{color:#fff!important;font-family:var(--lak-editorial)!important;font-weight:500!important;letter-spacing:.12em!important}
.site-footer .social-links a,.site-footer .footer-copyright{color:#fff!important}
.theme-switcher{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;margin-left:auto!important;padding:0!important;border:0!important;background:transparent!important}
.theme-switcher button{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:0!important;padding:0!important;border:1px solid currentColor!important;border-radius:50%!important;background:transparent!important;color:currentColor!important}
.theme-toggle-glyph{display:block!important;width:13px!important;height:13px!important;border:1px solid currentColor!important;border-radius:50%!important;background:linear-gradient(90deg,currentColor 0 50%,transparent 50% 100%)!important}
:root[data-theme="clear"] .about-section,:root[data-theme="clear"] .contact-section{background:transparent!important}
:root[data-theme="clear"] .site-footer{background-color:transparent!important;background-image:none!important;color:var(--lak-ink)!important}
:root[data-theme="clear"] .site-footer .footer-logo,:root[data-theme="clear"] .site-footer .social-links a,:root[data-theme="clear"] .site-footer .footer-copyright{color:var(--lak-ink)!important}
:root[data-theme="clear"] .portfolio-notice,:root[data-theme="clear"] .portfolio-notice-copy .portfolio-rights{border-color:var(--lak-line)!important}
:root[data-theme="clear"] .portfolio-notice h2,:root[data-theme="clear"] .portfolio-notice p{color:var(--lak-muted)!important}
.portfolio-notice{margin-top:8px!important;padding-top:16px!important;border-color:#333!important}
.portfolio-notice h2{margin-bottom:10px!important}
.portfolio-notice-copy p{font-size:.69rem!important;line-height:1.45!important}
.portfolio-notice-copy .portfolio-rights{margin-top:10px!important;padding-top:10px!important}

@media(max-width:700px){
  #site-header{height:66px!important}
  #site-header .masthead{width:100%!important;height:66px!important;margin:0!important;padding:0 18px!important}
  .masthead-menu{width:36px!important;height:36px!important}
  .masthead-brand{font-size:.9rem!important}
  #home.intro{height:88svh!important;min-height:540px!important}
  #home .landing-slide-meta,#work .project-grid .card-info{width:min(400px,calc(100% - 24px))!important;min-height:0!important;padding:0!important}
  #home .landing-slide-meta strong,#work .project-grid .card-title{font-size:.93rem!important}
  #work .project-grid .project-card,#work .project-grid .project-card:nth-child(even){height:72svh!important;min-height:500px!important}
  #work .project-grid.overview-layout{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 10px!important;padding:24px 14px 36px!important}
  #work .project-grid.overview-layout .project-card,#work .project-grid.overview-layout .project-card:nth-child(even){height:auto!important;min-height:0!important}
  #work .project-grid.overview-layout .card-info{top:8px!important;right:8px!important;bottom:auto!important;left:8px!important;margin:0!important}
  #work .project-grid.overview-layout .card-title{font-size:.82rem!important}
  #work .project-grid.overview-layout .card-details{font-size:.75rem!important;line-height:1.28!important}
  #site-header .menu-bottom{grid-template-columns:1fr!important;right:16px!important;bottom:16px!important;left:16px!important}
  .about-section,.contact-section{padding:34px 18px!important}
  .about-main{margin-top:22px!important}
  .mentor-feature,.mentor-reveal{min-height:50svh!important}
  .mentor-overlay{gap:7px!important}
  .mentor-caption{align-items:flex-start;right:auto!important;text-align:left!important}
  .mentor-caption-links{justify-content:flex-start!important}
}
@media(hover:none),(pointer:coarse){
  .masthead-menu,.landing-controls button,#home .landing-slide,#work .project-grid .project-card,.portrait-toggle,.mentor-reveal,.mentor-profile-link,.email-link{touch-action:manipulation}
  .masthead-menu,.landing-controls button,.portrait-toggle,.mentor-reveal,.mentor-profile-link,.email-link{transition:transform .22s cubic-bezier(.2,.75,.2,1),opacity .22s ease,box-shadow .22s ease}
  .masthead-menu.is-pressed,.landing-controls button.is-pressed,.portrait-toggle.is-pressed,.mentor-reveal.is-pressed,.mentor-profile-link.is-pressed,.email-link.is-pressed{transform:scale(.965);opacity:.86}
  #home .landing-slide.is-pressed .landing-slide-image img{transform:scale(1.03)!important}
  #home .landing-slide.is-pressed .landing-slide-meta,#work .project-grid .project-card.is-pressed .card-info{opacity:.78!important}
  #work .project-grid .project-card.is-pressed .image-wrap img{transform:scale(1.035)!important}
}
@media(prefers-reduced-motion:reduce){
  #home .landing-slide.is-active,#home .landing-slide-image img,#work .project-grid .image-wrap img,#site-header .site-menu,.mentor-reveal>img,.mentor-shade,.mentor-reveal-note{animation:none!important;transition:none!important}
}