/* Modern Natural 02 / Honest Materials. Layout and movement remain shared with Classic. */
:root{--paper:#eff0eb;--ink:#191c21;--muted:#626b77;--signal:#665748;--silver:#aeb6c2}
body,.reference-hero,.reference-tools{background:var(--paper);color:var(--ink)}
::selection{background:#665748;color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible,.reference-piece:focus-visible{outline-color:var(--signal)}
.reference-header,.reference-tools{border-color:#191c2128}
.reference-studio,.reference-intro p,.reference-tools{color:#626b77}
.reference-tools>a{color:#191c21}
.reference-header a:hover,.reference-tools>a:hover{color:var(--signal)}
.reference-art{background:#e9ebe7;color:#191c21;border-color:#c8cdd3}
.modern-panel-image{display:block;width:100%;height:80%;object-fit:cover;flex:none;min-height:0}
.reference-piece:nth-child(2) .reference-art,.reference-piece:nth-child(5) .reference-art{background:#25282d;color:#eff0eb}
.reference-piece:nth-child(4) .reference-art{background:#526864;color:#eff0eb}
.reference-piece.is-active .reference-art{border-color:#66574888}
.settings button span{border-color:#aeb6c2}
.settings button[aria-pressed=true] span{background:#665748;color:#fff}
.reference-tools::before{background:linear-gradient(to top,#191c2160,#191c2120 32%,transparent)}
.story-section{background:#191c21;color:#eff0eb}
.story-section[data-tone=light]{background:#eff0eb;color:#191c21}
.story-section p,.collections .collection-description{color:#b6bec9}
.story-section[data-tone=light] p,.profile[data-tone=light] .lead{color:#4d5866}
.story-section h2 em{font-family:Arial,sans-serif;font-weight:400;font-size:1em;letter-spacing:inherit;font-style:normal;color:#d0c8bd}
.story-section[data-tone=light] h2 em{color:#665748}
.section-index{border-color:#aeb6c23d;opacity:1;color:#9da7b7}
.story-section[data-tone=light] .section-index{color:#626b77;border-color:#191c2129}
.practice-principles>div,.collections .collection-links a,.contact-bottom{border-color:#aeb6c235}
.practice-principles small,.collections .collection-links small{color:#c6b7a4}
.collections .collection-links a:hover{color:#c6b7a4}
.collections .collection-links a>span:last-child,.contact[data-tone=dark] .contact-heading>span{color:#c6b7a4}
.story-section[data-tone=light] .service-list details{border-color:#191c212d}
.service-list summary small,.service-list summary span{color:#665748}
.portrait-frame{background:#dfe2e4;border-color:#aeb6c2}
.portrait-frame::before{border-color:#66574838}
.portrait-frame::after{background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#66574820,transparent 65%)}
.profile[data-tone=light] .facts small{color:#626b77}
.facts strong{color:#665748}
.profile[data-tone=light] .text-link{border-color:#66574877}
.contact[data-tone=dark] footer{color:#aeb6c2}
.email:hover,.socials a:hover,.text-link:hover{color:#ae9476}
#section-search{background:#eff0eb;color:#191c21;border-color:#aeb6c2}
#section-search::backdrop{background:#191c2188}
#section-query{border-color:#665748}
#section-search nav a{border-color:#191c2126}
#section-search nav a:hover{color:#665748}
.journey-rail,.story-section[data-tone=light] .journey-rail{color:#aeb6c2}
.story-section[data-tone=light] .journey-rail{color:#667488}
.journey-orbit path{stroke-width:1.25;stroke-linecap:butt}
.journey-orbit path.signal-ring{stroke:#b8a38b;stroke-width:1.7}
.story-section[data-tone=light] .signal-ring{stroke:#665748}
.journey-orbit circle{fill:#c6b7a4;stroke:none}
.story-section[data-tone=light] .journey-orbit circle{fill:#665748}
/* Clearer dotted side trails on both paper and charcoal, without changing motion. */
.journey-thread{opacity:.65;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1 10}
.category-entry{color:var(--entry-ink,#191c21)}
.category-entry .entry-sheet{box-shadow:0 14px 42px #191c2138}
.entry-template header{border-color:#aeb6c250}
.entry-back{background:#eff0ebf5;color:#191c21;border-color:#aeb6c2}
.entry-back:hover{background:#665748;color:white}.entry-back:focus-visible{outline-color:#665748}
.entry-seam{position:absolute;inset:0 0 auto;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,#aeb6c2 15%,#665748 var(--signal-origin,50%),#aeb6c2 85%,transparent);box-shadow:0 2px 12px #66574830;will-change:transform,opacity}
.entry-tile::after{content:'';position:absolute;inset:0;border:1px solid #b8a38b;box-shadow:inset 0 0 0 1px #eff0eb22;opacity:var(--edge-light,0);pointer-events:none}
@media(prefers-reduced-motion:reduce){.entry-seam,.journey-rail{display:none}}
/* Material color comes from the artwork, not a desaturating filter. */
.story-section h2 em,.story-section[data-tone=light] h2 em{color:inherit}
.reference-piece:nth-child(2) .reference-art{background:#292725}
.reference-piece:nth-child(4) .reference-art{background:#526864}
/* Contrast refinement: crisp paper, deeper charcoal and restrained bronze.
   Artwork, geometry and animation timing are deliberately unchanged. */
:root{--paper:#faf8f3;--ink:#111315;--muted:#4f5358;--signal:#795638}
.reference-header{border-color:#11131535}
.reference-studio,.reference-intro p{color:#45494d}
.reference-art{background:#f4f2eb;color:#111315;border-color:#a8aaa6;
  box-shadow:1px 2px 4px #0006,7px 10px 15px #0005,16px 28px var(--shadow-blur,24px) rgb(0 0 0 / var(--shadow-alpha,.32))}
.reference-piece:nth-child(2) .reference-art,.reference-piece:nth-child(5) .reference-art{background:#17191b;color:#faf8f3}
.reference-piece:nth-child(4) .reference-art{background:#34443f;color:#faf8f3}
.reference-piece.is-active .reference-art{border-color:#a77950}
.reference-tools{background:#17191b;color:#e0ded7;border-top-color:#ffffff35;border-bottom:1px solid #ffffff30}
.reference-tools>a{color:#faf8f3}.reference-tools>a:hover{color:#d7ae86}
.settings button span{border-color:#c1b5a5}
.settings button[aria-pressed=true] span{background:#cfaa85;color:#17191b}
.story-section{background:#111416;color:#faf8f3}
.story-section[data-tone=light]{background:#faf8f3;color:#111315}
.story-section p,.collections .collection-description{color:#d0d2d2}
.story-section[data-tone=light] p,.profile[data-tone=light] .lead{color:#373d42}
.section-index{border-color:#d5d7d64d;color:#bfc3c5}
.story-section[data-tone=light] .section-index{color:#50565a;border-color:#11131545}
.practice-principles>div,.collections .collection-links a,.contact-bottom{border-color:#c9ccce4d}
.practice-principles small,.collections .collection-links small{color:#d7ae86}
.collections .collection-links a:hover,.collections .collection-links a>span:last-child,.contact[data-tone=dark] .contact-heading>span{color:#d7ae86}
.story-section[data-tone=light] .service-list details{border-color:#11131545}
.service-list summary small,.service-list summary span,.facts strong{color:#795638}
.profile[data-tone=light] .facts small{color:#50565a}
.portrait-frame{background:#d4d5d1;border-color:#7f8585}
.journey-rail{color:#c9ccce}
.journey-orbit path.signal-ring{stroke:#c9a580}
.journey-orbit circle{fill:#d7ae86}
.story-section[data-tone=light] .journey-rail{color:#565e61}
.story-section[data-tone=light] .signal-ring{stroke:#795638}
.story-section[data-tone=light] .journey-orbit circle{fill:#795638}
#section-search{background:#faf8f3;color:#111315}
.entry-back{background:#faf8f3;color:#111315;border-color:#7f8585}
.entry-back:hover{background:#17191b;color:#faf8f3}
/* Saturated details only: warm signal orange with selective cobalt feedback. */
:root{--signal:#b94112;--accent-light:#ff8a45;--interaction:#2456d8}
::selection{background:#b94112;color:#fff}
.settings button[aria-pressed=true] span{background:#ff8a45;color:#17191b;border-color:#ff8a45}
.settings button:hover span{border-color:#ff8a45}
.reference-piece.is-active .reference-art{border-color:#e65c20}
.practice-principles small,.collections .collection-links small{color:#ff8a45}
.collections .collection-links a>span:last-child,.contact[data-tone=dark] .contact-heading>span{color:#ff8a45}
.collections .collection-links a:hover{color:#ff8a45}
.reference-tools>a:hover,.contact .email:hover,.contact .socials a:hover{color:#ff8a45}
.service-list summary small,.service-list summary span,.facts strong{color:#b94112}
.service-list summary:hover,.profile .text-link:hover,#section-search nav a:hover{color:#2456d8}
.profile[data-tone=light] .text-link{border-color:#b9411299}
.reference-header a:hover{color:#b94112}
a:focus-visible,button:focus-visible,summary:focus-visible,.reference-piece:focus-visible,.entry-back:focus-visible{outline-color:#2456d8}
.entry-back:hover{background:#b94112;color:#fff;border-color:#b94112}
#section-query{border-color:#b94112}
.entry-seam{background:linear-gradient(90deg,transparent,#aeb6c2 15%,#ed702a var(--signal-origin,50%),#aeb6c2 85%,transparent);box-shadow:0 2px 12px #ed702a30}
.entry-tile::after{border-color:#ed702a}
.reference-piece:nth-child(3) .reference-art,.reference-piece:nth-child(5) .reference-art{background:#f4f2eb;color:#111315}
.reference-piece:nth-child(4) .reference-art{background:#34443f;color:#faf8f3}
.reference-piece:nth-child(5) .panel-name{font-size:clamp(11px,1.4vw,27px)}
/* Continuous artwork: captions float over a feathered image, not a footer tab.
   Class-based treatments also travel with the cloned tile during entry. */
.reference-art{overflow:hidden;isolation:isolate;--caption-wash:244 242 235;--caption-ink:#111315}
.reference-art.natural-art-0,.reference-art.natural-art-1{--caption-wash:18 20 21;--caption-ink:#faf8f3}
.reference-art.natural-art-3{--caption-wash:35 48 43;--caption-ink:#faf8f3}
.reference-art>.modern-panel-image,.reference-art>svg,.is-active .reference-art>svg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.reference-art::after{content:'';position:absolute;inset:auto 0 0;height:42%;pointer-events:none;z-index:2;
  background:linear-gradient(to bottom,rgb(var(--caption-wash)/0),rgb(var(--caption-wash)/.06) 18%,rgb(var(--caption-wash)/.25) 40%,rgb(var(--caption-wash)/.63) 70%,rgb(var(--caption-wash)/.92))}
.reference-art>.panel-name{position:absolute;inset:auto 0 0;z-index:3;min-height:20%;box-sizing:border-box;
  color:var(--caption-ink);background:transparent;flex:none;padding:12px 10%;text-wrap:balance;text-shadow:0 1px 8px rgb(var(--caption-wash)/.45)}
/* Motion's pale studio already supports dark text; retain more of its forms. */
.reference-art.natural-art-4::after{height:28%;opacity:.5}
/* Only artwork loses color; titles, accents and 3D transforms stay untouched. */
.reference-art>.modern-panel-image,.reference-art>svg,.is-active .reference-art>svg{
  filter:saturate(var(--tile-saturation,1));transition:filter 650ms cubic-bezier(.22,.61,.36,1)}
.no-motion .reference-art>.modern-panel-image,.no-motion .reference-art>svg{transition:none}
@media(prefers-reduced-motion:reduce){.reference-art>.modern-panel-image,.reference-art>svg{transition:none}}
/* Full-bleed photographic plane, replacing the old inset picture frame. */
.profile .portrait-frame{padding:0;border:0;border-radius:0;background:transparent;max-width:340px;
  transform:perspective(1100px) translateY(var(--photo-lift,0px)) rotateX(var(--photo-pitch,1deg)) rotateY(var(--photo-yaw,-4deg));
  transform-origin:center;backface-visibility:hidden;
  box-shadow:1px 2px 3px #0003,7px 10px 17px #0002,14px 24px 34px #0003;
  transition:transform 280ms cubic-bezier(.22,.61,.36,1),box-shadow 280ms ease-out}
.profile .portrait-frame::before{content:none}
.profile .portrait-frame::after{inset:0;border:0;background:radial-gradient(ellipse at var(--photo-shine-x,50%) var(--photo-shine-y,50%),#ffffff25,transparent 68%);opacity:0;transition:opacity 240ms ease-out;pointer-events:none}
.profile .portrait-frame.is-hovered{box-shadow:1px 2px 4px #0004,7px 12px 18px #0003,var(--photo-shadow-x,10px) var(--photo-shadow-y,24px) 40px #0005;transition-duration:160ms,240ms}
.profile .portrait-frame.is-hovered::after{opacity:1}
.profile .portrait-frame img{display:block;width:100%;height:auto;max-width:none;border-radius:0}
.profile figure figcaption{margin-top:26px}
.no-motion .profile .portrait-frame{transform:none;transition:none}
.no-motion .profile .portrait-frame::after{display:none}
@media(prefers-reduced-motion:reduce){.profile .portrait-frame{transform:none;transition:none}.profile .portrait-frame::after{display:none}}
@media(hover:none){.profile .portrait-frame{transform:none}.profile .portrait-frame::after{display:none}}
.reference-art>.live-art-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 400ms ease,filter 650ms cubic-bezier(.22,.61,.36,1)}
.reference-art.live-art-ready>.live-art-canvas{opacity:1}
.reference-art>.live-art-plate{z-index:1;opacity:0;transition:opacity 400ms ease,filter 650ms ease}
.reference-art.live-art-ready>.live-art-plate{opacity:1}
.entry-tile .live-art-plate{display:none}
/* Cloned category-entry tiles use their original artwork, not an empty canvas. */
.entry-tile .live-art-canvas{display:none}
.entry-tile .entry-live-snapshot>.live-art-plate{display:block;opacity:1;transition:none}
.entry-tile .entry-live-snapshot>.entry-art-snapshot{display:block;opacity:1;transition:none}
.no-motion .reference-art>.live-art-canvas{opacity:0;transition:none}
@media(prefers-reduced-motion:reduce){.reference-art>.live-art-canvas{display:none}}
/* Approved Blender studio film: same full-height framing at rest and on hover. */
.reference-art.natural-art-4{--caption-wash:12 10 11;--caption-ink:#faf8f3}
.reference-piece:nth-child(5) .reference-art{background:#080707}
.reference-art.natural-art-4::after{height:28%;opacity:.8}
.natural-art-4>.modern-panel-image{filter:grayscale(1) brightness(1.38) contrast(1.12)}
.reference-art>.studio-motion-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;opacity:0;filter:grayscale(1) brightness(1.38) contrast(1.12);transition:filter 650ms cubic-bezier(.22,.61,.36,1)}
.reference-art.studio-film-ready>.studio-motion-film{opacity:1}
.entry-tile .studio-motion-film{display:none}
.no-motion .reference-art>.studio-motion-film{display:none;transition:none}
@media(prefers-reduced-motion:reduce){.reference-art>.studio-motion-film{display:none;transition:none}}
/* Independent AI badge layers. No nested controls or extra click actions:
   clicking any part of the artwork still enters the existing AI category. */
.reference-piece[data-category="ai"]{user-select:none}
.reference-art>.ai-tools-art{pointer-events:auto}
.ai-tools-art>image{pointer-events:none}
.ai-logo-region{pointer-events:all}
.ai-logo-hit{fill:transparent;pointer-events:all}
.ai-logo-visual{pointer-events:none;transform-box:view-box;transform:scale(1);filter:none;transition:transform 350ms cubic-bezier(.2,.8,.2,1),filter 350ms ease}
@media(hover:hover) and (pointer:fine){
 .reference-piece .ai-logo-region:hover .ai-logo-visual{transform:scale(1.2);filter:drop-shadow(0 7px 8px #0004);transition-duration:260ms}
}
.no-motion .ai-logo-visual{transform:none!important;filter:none!important;transition:none}
.entry-tile .ai-logo-visual{transform:none;filter:none;transition:none}
@media(prefers-reduced-motion:reduce){.ai-logo-visual{transform:none!important;filter:none!important;transition:none}}

/* Desktop breathing room retains the fan while clearing the lower shadows. */
@media(min-width:701px){.reference-chapters{inset:10% 0 5%;translate:0 clamp(8px,.9vw,18px)}}
.entry-top-backdrop{background:var(--category-backdrop,#111416)}
.entry-top-backdrop>main{margin:0}
.contact .phone{display:block;margin-top:17px;font-size:17px;letter-spacing:.015em;color:#cad1d2}
.contact .phone:hover{color:var(--accent-light)}
.profile .portrait-frame{aspect-ratio:1;border-radius:50%;overflow:visible;box-shadow:0 2px 5px #0003,0 20px 45px #0004}
.profile .portrait-frame::after{border-radius:50%}
.portrait-spin{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:portrait-turn 30s linear infinite;animation-play-state:paused}
.portrait-is-spinning .portrait-spin{animation-play-state:running}
.profile .portrait-spin img{height:100%;object-fit:cover;border-radius:50%;backface-visibility:hidden}
@keyframes portrait-turn{to{transform:rotate(360deg)}}
.no-motion .portrait-spin{animation:none}
@media(prefers-reduced-motion:reduce){.portrait-spin{animation:none}}

/* The supplied lowercase wordmark, with a quiet eight-ray star. */
.kf-mark{display:inline-flex;align-items:center;gap:.2em;font:700 clamp(34px,2.85vw,50px)/1 Arial,sans-serif;letter-spacing:-.065em;white-space:nowrap}
.kf-mark-star{width:.57em;height:.57em;flex:none;color:#9fa28b;translate:0 .015em}
.kf-mark-name{font-size:.55em;font-weight:400;letter-spacing:-.035em;margin-left:.06em}
.entry-brand .kf-mark{font-size:clamp(34px,2.85vw,46px)}
/* Keep the keyboard skip link available without showing it at rest. */
.skip{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.skip:focus{width:auto;height:auto;padding:15px;clip-path:none}

/* The familiar inquiry form, isolated from the older site's global styles. */
.contact-bottom{gap:30px}
.inquiry-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #969b85;border-radius:100px;padding:20px 27px;color:var(--paper);font:12px Arial,sans-serif;white-space:nowrap;transition:background .2s,color .2s}
.inquiry-button span{font-size:18px}
.inquiry-button:hover{background:var(--paper);color:#171916}
.inquiry-dialog{width:min(680px,95vw);max-height:95dvh;overflow-y:auto;border:0;padding:65px 60px 55px;margin:auto;background:#eeeae0;color:#171916;color-scheme:light}
.inquiry-dialog::backdrop{background:#050505c9;backdrop-filter:blur(8px)}
.inquiry-close{position:absolute;right:24px;top:20px;font:12px Arial,sans-serif;padding:8px}
.inquiry-eyebrow{margin:0 0 25px;font-size:10px;letter-spacing:.09em}
.inquiry-dialog h2{margin:0 0 35px;font:400 60px/1.07 Arial,sans-serif;letter-spacing:-.055em}
.inquiry-dialog h2 em{font:300 1.07em Barlow,sans-serif;font-style:normal}
.inquiry-dialog label{display:block;font-size:11px;margin-bottom:22px}
.inquiry-dialog input,.inquiry-dialog select,.inquiry-dialog textarea{display:block;width:100%;border:0;border-bottom:1px solid #17191645;border-radius:0;padding:14px 0;background:transparent;color:#171916;font:16px Arial,sans-serif;outline-offset:4px}
.inquiry-dialog input:focus-visible,.inquiry-dialog select:focus-visible,.inquiry-dialog textarea:focus-visible{outline:1px solid #847d62}
.inquiry-dialog textarea{resize:vertical;min-height:98px}
.inquiry-dialog .inquiry-button{background:#171916;color:#f5f2e9;margin-top:3px}
.inquiry-dialog .inquiry-button:hover{background:#31352c}
.inquiry-note{font-size:10px;line-height:1.6;color:#67695f;margin:18px 0 0}