*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e8;color:#161914;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.hero{height:min(900px,100svh);min-height:680px;position:relative;background:linear-gradient(90deg,rgba(5,13,18,.80) 0%,rgba(5,13,18,.57) 35%,rgba(5,13,18,.05) 66%),url('nico-beach.jpg') center/cover no-repeat;color:#fff}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,84px);border-bottom:1px solid rgba(255,255,255,.24)}.brand{font-size:22px;font-weight:900;letter-spacing:.16em}.brand span{color:#c8ef74}.navlinks{display:flex;gap:32px;font-size:12px;text-transform:uppercase;letter-spacing:.15em}.navlinks a:hover{opacity:.65}.hero-content{position:absolute;left:clamp(24px,8vw,128px);top:50%;transform:translateY(-42%);width:min(600px,80vw)}.eyebrow,.section-number{font-size:11px;font-weight:800;letter-spacing:.2em}.hero h1{font-size:clamp(72px,10vw,150px);line-height:.78;letter-spacing:-.075em;margin:22px 0 34px}.hero h1 em{font-family:Georgia,serif;font-weight:400}.lede{max-width:500px;font-size:18px;line-height:1.55;color:rgba(255,255,255,.82)}.button{display:inline-flex;gap:30px;align-items:center;margin-top:28px;border:1px solid rgba(255,255,255,.45);padding:16px 20px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.button:hover{background:#fff;color:#111}.hero-badge{position:absolute;right:clamp(24px,5vw,84px);bottom:45px;font-size:10px;font-weight:800;letter-spacing:.17em;display:flex;gap:10px;align-items:center}.pulse{width:8px;height:8px;border-radius:50%;background:#c8ef74;box-shadow:0 0 0 5px rgba(200,239,116,.16)}main{overflow:hidden}.nico-section{max-width:1350px;margin:auto;padding:130px clamp(24px,6vw,90px);display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,.8fr);gap:clamp(50px,8vw,120px);align-items:center}.portrait-wrap{position:relative}.portrait-wrap:before{content:"N";position:absolute;font:700 260px/1 Georgia,serif;color:#e0dccf;left:-90px;top:-80px;z-index:-1}.portrait-wrap img{display:block;width:100%;max-height:720px;object-fit:cover}.section-number{color:#68705f;margin-bottom:38px}.nico-copy h2{font-size:clamp(72px,9vw,130px);line-height:.8;letter-spacing:-.07em;margin:0}.title{font:italic 27px Georgia,serif;margin:25px 0 45px;color:#4d5548}.bio{font-size:22px;line-height:1.5;max-width:480px}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #bebbae;margin-top:55px;padding-top:25px}.credentials div{display:flex;flex-direction:column;gap:5px}.credentials strong{font-size:25px}.credentials span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6d7368}.nico-story{font-size:15px;line-height:1.75;color:#596055;max-width:490px;margin-top:25px}
.specialties{margin-top:38px;padding-top:24px;border-top:1px solid #d0cdc1}
.specialties span{font-size:9px;font-weight:800;letter-spacing:.18em;color:#747b6f}
.specialties p{font:italic 17px/1.6 Georgia,serif;color:#4d5548;margin:12px 0 0}
.fineprint{font-size:10px;color:#777;margin-top:24px}
.archive-section{background:#f3f0e8;padding:120px clamp(18px,5vw,80px)}
.archive-intro{max-width:1350px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:end}
.archive-intro .section-number{grid-column:1/-1;margin-bottom:0}
.archive-intro h2{font:400 clamp(65px,9vw,128px)/.78 Georgia,serif;letter-spacing:-.065em;margin:0}
.archive-intro h2 em{font-weight:400}
.archive-intro>p:last-child{max-width:430px;line-height:1.7;color:#68705f;margin:0 0 6px auto}
.archive-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,2vw,26px)}
.archive-item{margin:0;grid-column:span 4;position:relative}
.archive-item.landscape{grid-column:span 6}
.archive-item img{width:100%;height:420px;display:block;object-fit:cover;background:#ddd8cb}
.archive-item.landscape img{height:390px}
.archive-item figcaption{display:flex;gap:18px;align-items:center;padding:13px 2px 25px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#555d52}
.archive-item figcaption span{color:#9a9f94;font-weight:400}
@media(max-width:900px){
  .archive-intro{grid-template-columns:1fr}
  .archive-intro>p:last-child{margin:0;max-width:540px}
  .archive-item,.archive-item.landscape{grid-column:span 6}
  .archive-item img,.archive-item.landscape img{height:380px}
}
@media(max-width:600px){
  .archive-section{padding:80px 14px}
  .archive-intro{padding:0 10px;margin-bottom:45px}
  .archive-intro h2{font-size:72px}
  .archive-grid{gap:10px}
  .archive-item,.archive-item.landscape{grid-column:span 6}
  .archive-item img,.archive-item.landscape img{height:260px}
  .archive-item figcaption{font-size:8px;gap:8px;padding-bottom:12px;letter-spacing:.09em}
  .archive-item:nth-child(3n){grid-column:span 12}
  .archive-item:nth-child(3n) img{height:360px}
}

.about{min-height:520px;padding:110px clamp(24px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.about blockquote{font:400 clamp(50px,8vw,115px)/.9 Georgia,serif;letter-spacing:-.055em;margin:0}.about blockquote span{color:#9a9b91}footer{background:#0d100c;color:#eee;padding:40px clamp(24px,5vw,84px);display:flex;justify-content:space-between;align-items:center}footer p{font-size:10px;color:#8d9487;letter-spacing:.04em}@media(max-width:760px){.hero{background-position:64% center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,13,18,.7),transparent 55%);pointer-events:none}.nav,.hero-content,.hero-badge{z-index:1}.navlinks{display:none}.hero-content{top:auto;bottom:100px;transform:none;width:calc(100% - 48px)}.hero h1{font-size:74px}.lede{font-size:15px;max-width:330px}.hero-badge{bottom:35px;left:24px;right:auto}.nico-section{grid-template-columns:1fr;padding-top:80px;padding-bottom:80px}.portrait-wrap:before{display:none}.nico-copy h2{font-size:82px}.credentials{gap:8px}.credentials strong{font-size:20px}.project-heading{display:block}.project-heading>p{margin-top:30px}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid #4a5047;min-height:230px}.cards article:last-child{border-bottom:0}.cards h3{margin-top:35px}
.archive-section{background:#f3f0e8;padding:120px clamp(18px,5vw,80px)}
.archive-intro{max-width:1350px;margin:0 auto 70px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:end}
.archive-intro .section-number{grid-column:1/-1;margin-bottom:0}
.archive-intro h2{font:400 clamp(65px,9vw,128px)/.78 Georgia,serif;letter-spacing:-.065em;margin:0}
.archive-intro h2 em{font-weight:400}
.archive-intro>p:last-child{max-width:430px;line-height:1.7;color:#68705f;margin:0 0 6px auto}
.archive-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,2vw,26px)}
.archive-item{margin:0;grid-column:span 4;position:relative}
.archive-item.landscape{grid-column:span 6}
.archive-item img{width:100%;height:420px;display:block;object-fit:cover;background:#ddd8cb}
.archive-item.landscape img{height:390px}
.archive-item figcaption{display:flex;gap:18px;align-items:center;padding:13px 2px 25px;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#555d52}
.archive-item figcaption span{color:#9a9f94;font-weight:400}
@media(max-width:900px){
  .archive-intro{grid-template-columns:1fr}
  .archive-intro>p:last-child{margin:0;max-width:540px}
  .archive-item,.archive-item.landscape{grid-column:span 6}
  .archive-item img,.archive-item.landscape img{height:380px}
}
@media(max-width:600px){
  .archive-section{padding:80px 14px}
  .archive-intro{padding:0 10px;margin-bottom:45px}
  .archive-intro h2{font-size:72px}
  .archive-grid{gap:10px}
  .archive-item,.archive-item.landscape{grid-column:span 6}
  .archive-item img,.archive-item.landscape img{height:260px}
  .archive-item figcaption{font-size:8px;gap:8px;padding-bottom:12px;letter-spacing:.09em}
  .archive-item:nth-child(3n){grid-column:span 12}
  .archive-item:nth-child(3n) img{height:360px}
}

.about{min-height:400px}footer{align-items:flex-start;gap:30px;flex-direction:column}}