body { --nc-paper:light-dark(#f5f3ec,#1c2925); --nc-ink:light-dark(#203e35,#e7ede5); --nc-muted:light-dark(#617369,#b4c1b7); --nc-line:light-dark(#d6ddd2,#40534a); --nc-soft:light-dark(#e9ede3,#283b32); --nc-accent:light-dark(#285c48,#b7d5b8); --nc-gold:#e5ca91; --nc-serif:Georgia,"Songti SC",serif; --nc-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif; --nc-photo:url('assets/coastal-study.jpg'); background:var(--nc-paper); color:var(--nc-ink); font:14px/1.65 var(--nc-sans);  }
    * { box-sizing:border-box; }
    [hidden] { display:none !important; }
    button { font:inherit; color:inherit; }
    .nc-header { display:flex; align-items:center; gap:26px; padding:16px 32px; border-bottom:1px solid var(--nc-line); }
    .nc-wordmark { border:0; background:none; padding:0; font:400 28px/1.1 var(--nc-serif); letter-spacing:-.06em; }
    .nc-nav { display:flex; gap:22px; align-items:center; margin-left:auto; }
    .nc-utility { display:flex; align-items:center; gap:17px; }
    .nc-language { font-size:12px; border:0; border-left:1px solid var(--nc-line); background:none; padding:7px 0 7px 17px; min-width:42px; }
    .nc-hero { min-height:465px; position:relative; isolation:isolate; background:#1b342b; color:#fff8e9; padding:49px 40px 34px; display:flex; flex-direction:column; align-items:flex-start; }
    .nc-scene { position:absolute; inset:0; z-index:-2; background-image:var(--nc-photo); background-size:cover; background-position:center 56%; }
    .nc-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(12,29,23,.58),rgba(12,29,23,.24) 48%,rgba(12,29,23,0) 78%),linear-gradient(0deg,rgba(12,29,23,.24),transparent 42%); }
    .nc-eyebrow { font-size:10px; letter-spacing:.17em; text-transform:uppercase; font-weight:500; margin:0 0 18px; color:var(--nc-muted); }
    .nc-hero .nc-eyebrow { color:#e7e7d4; }
    .nc-brand { font:400 clamp(72px,10vw,110px)/1 var(--nc-serif); letter-spacing:-.065em; margin:0 0 23px -4px; }
    .nc-hero h2 { font:400 28px/1.3 var(--nc-serif); margin:0; max-width:12em; }
    .nc-hero h2 span { display:block; }
    .nc-hero-copy { font-size:13px; line-height:1.7; color:#f0eddf; max-width:25em; margin:18px 0 25px; }
    .nc-primary { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:43px; border:0; padding:10px 17px; background:var(--nc-ink); color:var(--nc-paper); font-size:12px; border-radius:2px; transition:transform .2s; }
    .nc-primary:hover { transform:translateY(-2px); }
    .nc-hero .nc-primary { color:#1e382c; background:#f5eedb; }
    .nc-hero-foot { margin-top:auto; padding-top:30px; color:#e5e7d8; font-size:10px; display:flex; align-items:center; gap:8px; letter-spacing:.08em; }
    .nc-dot { width:4px; height:4px; background:var(--nc-gold); border-radius:50%; }
    .nc-home-bottom { display:grid; grid-template-columns:1.15fr 1fr; padding:0 32px; }
    .nc-home-item { border:0; background:none; text-align:left; padding:23px 22px 25px 0; display:grid; grid-template-columns:1fr auto; gap:6px 16px; align-items:center; }
    .nc-home-item + .nc-home-item { border-left:1px solid var(--nc-line); padding-left:24px; padding-right:0; }
    .nc-home-item .nc-eyebrow { margin:0; font-size:9px; grid-column:1 / -1; }
    .nc-home-item strong { font:400 18px/1.35 var(--nc-serif); }
    .nc-home-item small { color:var(--nc-muted); font-size:11px; grid-column:1 / -1; }
    .nc-arrow { color:var(--nc-accent); transition:transform .18s; }
    .nc-home-item:hover .nc-arrow { transform:translateX(4px); }
    .nc-page { padding:38px 40px 40px; min-height:550px; }
    .nc-heading { font:400 43px/1.17 var(--nc-serif); letter-spacing:-.035em; margin:0 0 16px; max-width:15em; }
    .nc-intro { color:var(--nc-muted); max-width:41em; margin:0 0 28px; font-size:14px; }
    .nc-project { border-top:1px solid var(--nc-line); padding-top:24px; display:grid; grid-template-columns:1fr 1fr; gap:28px; }
    .nc-project-art { min-height:240px; background-image:linear-gradient(90deg,rgba(15,36,26,.36),transparent),var(--nc-photo); background-position:center; background-size:cover; display:flex; align-items:flex-end; padding:20px; color:#fff8e9; font:400 39px/1 var(--nc-serif); letter-spacing:-.05em; }
    .nc-project h2 { font:400 26px/1.2 var(--nc-serif); margin:17px 0 12px; }
    .nc-project p { color:var(--nc-muted); font-size:13px; }
    .nc-small-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--nc-muted); font-size:10px; letter-spacing:.04em; }
    details { border-top:1px solid var(--nc-line); margin-top:20px; padding-top:13px; font-size:13px; }
    summary { color:var(--nc-accent); padding:4px 0; }
    details p { font-size:12px; }
    .nc-shelf-note { color:var(--nc-muted); font-size:11px; border-top:1px solid var(--nc-line); margin:28px 0 0; padding-top:16px; }
    .nc-journal { display:grid; grid-template-columns:145px 1fr; gap:35px; border-top:1px solid var(--nc-line); padding-top:29px; }
    .nc-journal-date { color:var(--nc-muted); font-size:11px; }
    .nc-journal-date span { display:block; }
    .nc-article { max-width:39em; }
    .nc-article h2 { font:400 28px/1.3 var(--nc-serif); margin:0 0 18px; }
    .nc-article p { font-size:14px; line-height:1.9; margin:0 0 17px; }
    .nc-signature { font:italic 26px/1.3 var(--nc-serif); color:var(--nc-accent); margin-top:24px; }
    .nc-about { display:grid; grid-template-columns:.65fr 1.4fr; gap:45px; margin-top:35px; }
    .nc-nim { font:italic 100px/1 var(--nc-serif); letter-spacing:-.09em; padding-bottom:20px; border-bottom:1px solid var(--nc-line); }
    .nc-about p { color:var(--nc-muted); margin-top:0; }
    .nc-contact { color:var(--nc-muted); font-size:14px; margin:34px 0 0; max-width:41em; }
    .nc-contact .nc-contact-mail { overflow-wrap:anywhere; color:var(--nc-ink); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
    .nc-contact .nc-contact-mail:hover { color:var(--nc-accent); }
    .nc-principle { padding:14px 0; border-top:1px solid var(--nc-line); display:grid; grid-template-columns:30px 1fr; gap:10px; }
    .nc-principle > span { font-size:10px; color:var(--nc-muted); padding-top:4px; }
    .nc-principle strong { font-weight:500; display:block; margin-bottom:3px; }
    .nc-principle small { font-size:12px; color:var(--nc-muted); }
    .nc-preview-hint { font-size:11px; color:var(--nc-muted); margin:12px 0 0; }
    .nc-footer { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:10px 25px; padding:16px 32px; border-top:1px solid var(--nc-line); font-size:10px; color:var(--nc-muted); }
    .nc-footer span:first-child { color:var(--nc-ink); letter-spacing:.04em; }
    .nc-footer-mail { color:var(--nc-muted); font-size:10px; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; word-break:break-all; }
    .nc-footer-mail:hover { color:var(--nc-accent); }
    .nc-view { animation:nc-reveal .24s ease-out; }
    @keyframes nc-reveal { from { opacity:.6; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
    @media (max-width:760px) {
      .nc-header { gap:18px; padding:16px 24px; }
      .nc-nav { gap:16px; }
      .nc-utility { gap:12px; }
      .nc-hero { padding:42px 30px 28px; min-height:455px; }
      .nc-brand { font-size:80px; }
      .nc-hero h2 { font-size:26px; }
      .nc-hero-copy { max-width:22em; }
      .nc-page { padding:32px 28px; }
      .nc-journal { grid-template-columns:105px 1fr; gap:22px; }
      .nc-about { gap:28px; }
    }
    @media (max-width:560px) {
      .nc-header { display:grid; grid-template-columns:1fr auto; gap:14px; padding:18px 20px 10px; }
      .nc-wordmark { justify-self:start; font-size:27px; }
      .nc-utility { grid-column:2; grid-row:1; gap:14px; }
      .nc-language { border:0; padding-left:0; }
      .nc-nav { grid-row:2; grid-column:1 / -1; margin:0; justify-content:space-between; }
      .nc-hero { padding:35px 24px 24px; min-height:475px; }
      .nc-scene { background-position:58% center; }
      .nc-hero::before { background:linear-gradient(90deg,rgba(9,29,22,.8),rgba(9,29,22,.48) 55%,rgba(9,29,22,.18)),linear-gradient(0deg,rgba(9,29,22,.4),transparent 60%); }
      .nc-brand { font-size:67px; }
      .nc-hero h2 { font-size:28px; }
      .nc-hero-copy { font-size:13px; max-width:24em; }
      .nc-hero .nc-eyebrow { font-size:9px; letter-spacing:.12em; }
      .nc-home-bottom { display:block; padding:0 22px; }
      .nc-home-item { width:100%; padding:22px 0; }
      .nc-home-item + .nc-home-item { border-left:0; border-top:1px solid var(--nc-line); padding:22px 0; }
      .nc-page { padding:29px 23px 32px; min-height:520px; }
      .nc-heading { font-size:36px; }
      .nc-project,.nc-about,.nc-journal { grid-template-columns:1fr; gap:22px; }
      .nc-project-art { min-height:220px; }
      .nc-journal-date { display:flex; gap:14px; }
      .nc-nim { font-size:70px; padding-bottom:15px; }
      .nc-about { margin-top:25px; }
      .nc-footer { padding:16px 22px; }
    }
  
html { color-scheme: light dark; } body { margin:0; min-width:0; } a { color:inherit; text-decoration:none; } button, summary { cursor:pointer; } :focus-visible { outline:3px solid #b27c32; outline-offset:4px; } .nc-wordmark { display:block; } .nc-nav a { border:0; padding:8px 0; background:none; color:var(--nc-muted); position:relative; font-size:12px; } .nc-nav a::after { position:absolute; content:""; height:1px; bottom:3px; left:0; width:100%; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .18s; } .nc-nav a[aria-current="page"] { color:var(--nc-ink); } .nc-nav a[aria-current="page"]::after,.nc-nav a:hover::after { transform:scaleX(1); } .nc-primary { text-decoration:none; } .nc-home-item { color:inherit; } .nc-home-item:hover .nc-arrow { transform:translateX(4px); } .nc-skip { position:absolute; left:1rem; top:-5rem; z-index:10; padding:.6rem; background:var(--nc-paper); color:var(--nc-ink); } .nc-skip:focus { top:1rem; } @media(max-width:560px) { .nc-nav a { min-height:44px; display:flex; align-items:center; padding:8px 5px; font-size:13px; } }
    @media (max-width:380px) { .nc-footer { gap:6px 14px; } .nc-footer > span:last-child { flex:1 0 100%; } } @media(prefers-reduced-motion:reduce) { *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }