/* Reviews share the studio's clay surfaces, readable type and restrained motion. */
body.nh-page:has(.nr-page) { background:#11130f; }
.nr-page { --nr-paper:#f6f6f1; --nr-ink:#171a14; --nr-muted:#62675c; background:var(--nr-paper); color:var(--nr-ink); }
.nr-hero,.nr-closing { background:#11130f; color:#f6f6f1; --nh-link-text:#c2c6ba; --nh-link-hover:#fff; --nh-link-line:#ffffff38; }
.nr-hero { padding:65px 0 60px; overflow:clip; }
.nr-hero__grid { display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:34px; }
.nr-page .nr-back { margin-bottom:20px; }
.nr-page .nr-eyebrow { display:flex; align-items:center; gap:10px; font-size:14px; line-height:1.5; letter-spacing:.025em; margin-bottom:24px; }
.nr-eyebrow::before { content:''; width:7px; height:7px; border-radius:50%; background:#ff6418; flex:none; box-shadow:0 0 0 5px #ff641817; }
.nr-hero h1 { font-size:clamp(48px,5.3vw,78px); line-height:1.07; letter-spacing:-.052em; font-weight:500; }
.nr-hero h1 span { display:block; }
.nr-hero h1 span+span { color:#ff7840; }
.nr-page .nr-intro { max-width:500px; font-size:19px; line-height:1.7; color:#c2c6ba; margin-top:27px; }
.nr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; margin-top:34px; }
.nr-proof { display:flex; gap:40px; margin-top:45px; padding-top:27px; border-top:1px solid #ffffff23; max-width:470px; }
.nr-proof>div+div { border-left:1px solid #ffffff23; padding-left:40px; }
.nr-proof .nr-proof__value { font-size:36px; line-height:1.15; letter-spacing:-.04em; margin-bottom:8px; color:#f6f6f1; }
.nr-proof__value span { font-size:18px; color:#a7ad9e; letter-spacing:0; margin-left:8px; }
.nr-proof p { font-size:14px; color:#c2c6ba; }
.nr-hero__art { min-width:0; }
.nr-hero__model { height:480px; }
.nr-fallback svg { width:100%; height:100%; max-width:560px; filter:drop-shadow(0 20px 20px #0004); }
.nr-stories { padding:96px 0 82px; scroll-margin-top:20px; }
.nr-heading { display:grid; grid-template-columns:1.4fr 1fr; gap:50px; align-items:end; margin-bottom:58px; }
.nr-heading h2 { max-width:650px; font-size:clamp(34px,3.6vw,54px); font-weight:500; }
.nr-heading>p { max-width:345px; justify-self:end; color:var(--nr-muted); font-size:18px; line-height:1.7; }
.nr-conversations { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:54px; row-gap:54px; align-items:start; padding-bottom:54px; }
.nr-review { min-width:0; scroll-margin-top:115px; }
.nr-review:nth-child(even) { transform:translateY(64px); }
.nr-bubble { position:relative; background:#fff; border:1px solid #e0e3d9; border-radius:30px 30px 30px 10px; padding:30px 32px 28px; box-shadow:0 6px 0 #e6e8df; }
.nr-bubble::after { content:''; position:absolute; left:30px; bottom:-13px; width:22px; height:22px; background:inherit; border-bottom:1px solid #e0e3d9; border-right:1px solid #e0e3d9; border-radius:0 0 6px 0; transform:skewY(25deg) rotate(22deg); box-shadow:3px 4px 0 #e6e8df; }
.nr-review--featured .nr-bubble { background:#e9ecdf; border-color:#dce0d0; }
.nr-review--featured .nr-bubble::after { border-color:#dce0d0; }
.nr-bubble__top { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.nr-bubble .rating-stars { display:block; color:#b74511; font-size:19px; letter-spacing:3px; line-height:1; }
.nr-typing { display:flex; align-items:center; gap:5px; padding:9px 11px; border-radius:99px; background:#171a1408; }
.nr-typing i { display:block; width:5px; height:5px; background:#777e6e; border-radius:50%; }
.nr-typing i:nth-child(2) { animation-delay:150ms!important; }
.nr-typing i:nth-child(3) { animation-delay:300ms!important; }
.nr-review.is-in-view .nr-typing i { animation:nr-type 1.25s ease-in-out 3; }
.nr-review.is-awaiting:not(.is-in-view) :is(.nr-bubble,.nr-author) { opacity:0; transform:translateY(34px) scale(.985); }
.nr-review.is-in-view .nr-bubble { transform-origin:35% 100%; animation:nr-arrive 900ms cubic-bezier(.22,1,.36,1) both; }
.nr-review.is-in-view .nr-author { animation:nr-author-arrive 700ms 120ms cubic-bezier(.22,1,.36,1) both; }
.nr-review.is-entry-settled :is(.nr-bubble,.nr-author) { animation:none; opacity:1; transform:none; }
@media(min-width:761px) { .nr-review:nth-child(even).is-in-view .nr-bubble { animation-delay:80ms; } .nr-review:nth-child(even).is-in-view .nr-author { animation-delay:180ms; } }
.nr-review__body { overflow:hidden; }
.nr-page blockquote { margin:0; font-size:20px; font-weight:400; line-height:1.65; letter-spacing:-.016em; overflow-wrap:anywhere; white-space:pre-line; }
.nr-expand { display:flex; align-items:center; gap:12px; padding:12px 0 0; margin-top:12px; min-height:44px; border:0; background:none; color:#373e30; font-size:14px!important; font-weight:500!important; text-align:left; }
.nr-expand[hidden] { display:none; }
.nr-expand>span:first-child,.nr-expand>span:nth-child(2) { text-decoration:underline; text-underline-offset:5px; text-decoration-color:#77816c70; }
.nr-expand[aria-expanded=false]>span:nth-child(2),.nr-expand[aria-expanded=true]>span:first-child { display:none; }
.nr-expand__mark { width:17px; height:17px; position:relative; }
.nr-expand__mark::before,.nr-expand__mark::after { content:''; position:absolute; width:11px; height:1.5px; top:8px; left:3px; background:currentColor; transition:transform 450ms ease; }
.nr-expand__mark::after { transform:rotate(90deg); }
.nr-expand[aria-expanded=true] .nr-expand__mark::after { transform:rotate(0); }
.nr-author { display:flex; align-items:center; gap:14px; margin:26px 9px 0 20px; min-width:0; }
.nr-avatar { display:grid; place-items:center; flex:none; width:48px; height:48px; background:#e5e8dd; color:#51594b; border:1px solid #dadecf; border-radius:16px; font-size:22px; }
.nr-avatar img { width:100%; height:100%; padding:5px; object-fit:contain; border-radius:inherit; background:white; }
.nr-author__copy { min-width:0; flex:1; }
.nr-author__copy h3 { font-size:17px; line-height:1.5; font-weight:600; letter-spacing:-.02em; overflow-wrap:anywhere; }
.nr-author__copy p { font-size:14px; color:var(--nr-muted); }
.nr-project { display:inline-flex; align-items:center; gap:8px; min-height:32px; font-size:14px; color:#52594b!important; line-height:1.5; }
.nr-project>span:first-child { text-decoration:underline; text-decoration-color:#90978070; text-underline-offset:4px; overflow-wrap:anywhere; }
.nr-project svg { width:13px; height:13px; flex:none; transition:transform 400ms ease; }
.nr-author time { color:#697160; font-size:12px; white-space:nowrap; align-self:flex-start; margin-top:5px; }
.nr-original { display:flex; align-items:center; justify-content:center; gap:10px; font-size:14px; color:#606759; padding-top:60px; }
.nr-original>span:first-child { width:6px; height:6px; background:#919987; border-radius:50%; }
.nr-closing { padding:75px 0; overflow:clip; }
.nr-closing__grid { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:80px; }
.nr-closing h2 { max-width:540px; font-size:clamp(38px,4.4vw,64px); font-weight:500; }
.nr-page .nr-closing__body { font-size:19px; color:#c2c6ba; max-width:470px; margin:25px 0 30px; }
.nr-closing__art .nh-model { height:350px; }
.nr-empty { padding:45px; border:1px solid #dce0d3; border-radius:28px; background:#fff; }
.nr-empty p { margin:18px 0!important; color:var(--nr-muted); }
@keyframes nr-arrive { from { opacity:0; transform:translateY(34px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes nr-author-arrive { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes nr-type { 0%,65%,100% { transform:translateY(0); opacity:.55; } 30% { transform:translateY(-4px); opacity:1; } }
@media(hover:hover) { .nr-project:hover svg { transform:translate(2px,-2px); } .nr-project:hover { color:#101010!important; } .nr-expand:hover>span { text-decoration-color:currentColor; } }
@media(min-width:1500px) { .nr-hero__model { height:570px; } }
@media(max-width:1000px) { .nr-hero { padding-top:60px; } .nr-hero__grid { gap:10px; } .nr-hero__model { height:410px; } .nr-actions { gap:12px; } .nr-proof { gap:24px; } .nr-proof>div+div { padding-left:24px; } .nr-conversations { column-gap:30px; } .nr-bubble { padding:26px; } .nr-author { flex-wrap:wrap; margin-left:10px; gap:10px; } .nr-author time { margin:0 0 0 58px; flex-basis:100%; } .nr-closing__grid { gap:30px; } }
@media(max-width:760px) { .nr-hero { padding:48px 0 40px; } .nr-hero__grid { grid-template-columns:1fr; } .nr-hero h1 { font-size:clamp(43px,9vw,62px); } .nr-page .nr-intro { font-size:18px; margin-top:22px; } .nr-hero__art { grid-row:2; margin-top:15px; } .nr-hero__model { height:340px; max-width:460px; margin:auto; } .nr-proof { margin-top:32px; padding-top:22px; } .nr-proof__value { font-size:32px!important; } .nr-heading { grid-template-columns:1fr; gap:22px; margin-bottom:35px; } .nr-heading>p { justify-self:start; } .nr-heading h2 { max-width:400px; } .nr-page .nr-eyebrow { margin-bottom:20px; font-size:13px; } .nr-stories { padding:65px 0; } .nr-conversations { grid-template-columns:1fr; gap:35px; padding-bottom:0; } .nr-review:nth-child(even) { transform:none; } .nr-bubble { padding:24px; border-radius:25px 25px 25px 9px; } .nr-page blockquote { font-size:18px; line-height:1.7; } .nr-bubble__top { margin-bottom:18px; } .nr-author { margin-top:24px; } .nr-author time { margin-left:58px; } .nr-original { padding-top:42px; } .nr-closing { padding:60px 0 20px; } .nr-closing__grid { grid-template-columns:1fr; gap:12px; } .nr-closing__art .nh-model { height:270px; } .nr-closing h2 { font-size:42px; } .nr-page .nr-closing__body { font-size:18px; } .nr-empty { padding:28px; } }
@media(prefers-reduced-motion:reduce) { .nr-page *, .nr-page *::before,.nr-page *::after { animation:none!important; transition:none!important; } }
@media(prefers-reduced-motion:reduce),print { .nr-review.is-awaiting :is(.nr-bubble,.nr-author) { opacity:1; transform:none; } }
