@font-face{font-family:Prata;src:url(assets/prata-regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url(assets/golos-text.ttf) format('truetype');font-weight:400 900;font-display:swap}
:root{--paper:#eae2d4;--ink:#232722;--muted:#62675e;--line:#cdc8bd;--blue:#785d34;--yellow:#d8c4a0;--display:Prata,Georgia,serif;--body:Golos,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #9d7840;outline-offset:5px}::selection{background:#d8c4a0;color:#171715}img{max-width:100%;display:block}button{touch-action:manipulation}[hidden]{display:none!important}h1,h2,h3,h4,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;text-wrap:balance;line-height:1.2;letter-spacing:-.035em}h1 em,h2 em{font-style:normal;color:inherit}h2{font-size:clamp(36px,4vw,56px);margin-bottom:28px}h3{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:500}p{margin-bottom:20px}.skip{position:fixed;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:210}.skip:focus{top:15px}header{height:110px;background:#171715;color:#f2f0e9;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:24px}.mark{font-size:45px;line-height:1;font-weight:600;letter-spacing:-.06em}.mark>span:not(.dot){color:#c8ac7b}.mark .dot{font-size:14px;margin-left:8px;vertical-align:top;color:#c8ac7b;letter-spacing:0}.brand-name{font-size:9px;line-height:1.4;letter-spacing:.12em}.brand-name br{display:none}.brand-name{max-width:120px}header nav{display:flex;gap:35px;font-size:14px}header nav a{opacity:.8}header nav a:hover{opacity:1;color:#d8c4a0}.menu-toggle{display:none}.mobile-nav{background:#171715;color:var(--paper);padding:24px 6%;display:flex;gap:20px;flex-wrap:wrap}
.hero{background:#171715;color:#f2f0e9;position:relative;min-height:750px;isolation:isolate;padding:34px 5.5% 0;overflow:hidden}.hero-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:.04em;color:#c8c3b8}.eyebrow i{display:none}.edition{font-size:12px;color:#c8c3b8}h1{font-size:clamp(58px,6.2vw,88px);margin:53px 0 32px;max-width:64%;position:relative;z-index:2;pointer-events:none;line-height:1.18}h1 em{color:#d8c4a0}.hero-bottom{position:relative;z-index:2;display:flex;gap:36px;align-items:center;padding-bottom:60px;max-width:65%}.hero-bottom p{font-size:16px;color:#c8c3b8;line-height:1.65;margin:0}.round-link{font-size:13px;display:flex;gap:18px;align-items:center}.round-link b{display:grid;place-items:center;min-width:48px;height:48px;border:1px solid #b39c74;border-radius:50%;font-size:26px;font-weight:400;transition:background .2s,color .2s}.round-link:hover b{background:#d8c4a0;color:#171715}.hero-art{position:absolute;right:0;top:90px;width:48%;height:540px;z-index:0}.hero-art.creation-art{background:transparent}.hero-art.creation-art img{width:145%;left:-12%;max-width:none;object-fit:contain!important;position:absolute;height:100%;opacity:.9}.hero-index{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding:22px 0;color:#aba69b;font-size:12px;position:relative;z-index:2}.ticker{display:flex;justify-content:space-between;padding:22px 5.5%;border-bottom:1px solid var(--line);gap:24px;overflow:auto;font-size:12px;letter-spacing:.03em;scrollbar-width:none}.ticker span{white-space:nowrap}.ticker b{font-weight:400;color:#785d34}.section{padding:105px 5.5%}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.lead{font-size:22px;line-height:1.5;letter-spacing:-.015em}.approach-copy p{max-width:65ch;color:var(--muted)}.approach-copy .lead{color:var(--ink)}.small-rule{display:none}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:65px;padding-top:40px;border-top:1px solid var(--line)}.services h3{margin-bottom:18px}.services p{font-size:16px;color:var(--muted);line-height:1.65;margin:0}.projects{background:#e5e0d5}.projects-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:35px}.projects-head h2{max-width:750px}.projects-head>p{font-size:15px;color:#5c6056;flex:0 0 265px;margin-bottom:28px}.filters{display:flex;gap:8px;margin:0 0 40px;flex-wrap:wrap}.filters button{font-size:13px;padding:11px 20px;border:1px solid #b8b2a5;background:transparent;border-radius:30px}.filters button.active{background:#232722;color:var(--paper);border-color:#232722}sup{font-size:10px;margin-left:8px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 32px}.case-card{min-width:0;display:block;background:transparent;padding:0;border:0;text-align:left}.case-visual{height:340px;background:#c7cbbc;position:relative;overflow:hidden;padding:34px 38px 0;display:flex;align-items:flex-start;justify-content:center;border-radius:3px}.preview-food{background:#d4c7b2}.preview-quality{background:#bac8c7}.preview-salon{background:#d1c3bb}.preview-auto{background:#bcc5c9}.preview-realty{background:#c3c7b9}.case-meta{margin:23px 0 10px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#5c6056}.case-card h3{display:flex;justify-content:space-between;align-items:start;gap:10px;margin:0 0 12px;font-size:25px}.case-open{font-size:23px;font-weight:400;transition:transform .25s}.case-card:hover .case-open{transform:translate(3px,-3px)}.case-card>p{font-size:16px;line-height:1.65;color:#5c6056;max-width:55ch;margin:0}.project-note{font-size:14px;color:#5c6056;margin:45px 0 0;max-width:75ch}.mock-window{background:#fafaf6;width:100%;max-width:460px;border-radius:10px 10px 0 0;color:#27332c;box-shadow:0 20px 50px #23332b15;transform:translateY(8px);transition:transform .4s}.case-card:hover .mock-window{transform:translateY(0)}.mock-head{border-bottom:1px solid #e5e7e0;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.mock-pill{background:#e9ece4;padding:3px 9px;border-radius:4px;font-size:10px;white-space:nowrap}.mock-body{padding:20px}.mock-body small{font-size:11px;display:block;color:#667064}.mock-body h4{font:500 23px/1.2 var(--body);margin:7px 0 24px;letter-spacing:-.025em}.mock-steps{display:flex;gap:4px;font-size:10px;margin-bottom:15px}.mock-steps span{background:#efeee8;padding:6px 8px;flex:1;text-align:center;white-space:nowrap}.mock-steps .done{background:#e0e7d9}.mock-steps .current{background:#394d40;color:#fff}.mock-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #e5e7e0;font-size:12px}.mock-row b{font-weight:400;color:#48604f;font-size:11px;text-align:right}.mock-action{margin-top:15px;background:#394d40;color:#fff;padding:9px 14px;font-size:12px;display:flex;justify-content:space-between}.mock-check{font-size:12px;padding:12px 0;border-bottom:1px solid #e5e7e0;display:flex;justify-content:space-between;gap:10px}.mock-check b{color:#48604f;font-weight:400;font-size:11px}.mock-check.pending b{color:#90643f}.schedule{display:grid;grid-template-columns:45px 1fr;gap:7px;font-size:11px}.schedule>span{padding-top:6px;color:#667064}.schedule>div{background:#e7e8df;border-radius:4px;padding:6px 12px;font-size:12px}.schedule small{font-size:10px;margin-top:3px}.schedule .slot-free{background:#f1f2ed;color:#6c7469}.mock-tags{display:flex;gap:7px;margin-bottom:18px}.mock-tags span{font-size:11px;background:#e9ece4;padding:5px 9px}.demo-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;color:#394235;background:inherit;padding:6px 0}.intelligence{display:grid;grid-template-columns:.85fr 1.15fr;background:#222922;color:var(--paper)}.ai-art{position:relative;min-height:700px;overflow:hidden}.ai-art img{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.78}.ai-copy{padding:85px 10%}.ai-copy h2{font-size:clamp(36px,3.8vw,54px)}.ai-copy .lead{font-size:20px;color:#d5d9cd;max-width:45ch}.ai-items{margin-top:38px}details{border-top:1px solid #ffffff30;padding:21px 0}summary{font-size:17px;cursor:pointer;display:flex;justify-content:space-between;gap:15px;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:#d8c4a0}details p{font-size:16px;line-height:1.75;color:#d5d9cd;margin:16px 0 0;max-width:65ch}details[open] summary span{transform:rotate(45deg)}.ai-foot{font-size:14px;color:#b8c0ae;margin:25px 0 0}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:50px}.steps article{padding-top:22px;border-top:1px solid var(--line)}.steps span{font-size:11px;letter-spacing:.02em;color:var(--muted)}.steps h3{font-size:21px;margin:18px 0}.steps p{font-size:16px;color:var(--muted)}.culture{border-top:1px solid var(--line)}.culture-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center}.culture-grid p{max-width:65ch;color:var(--muted)}.culture-grid .lead{color:var(--ink)}.culture-grid>img{width:100%;max-height:560px;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply}.culture-bottom{padding-top:25px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.status-dot{display:none}.closing{padding:90px 5.5%;background:#d8cbb3}.closing>span{display:none}.closing h2{font-size:clamp(40px,5.5vw,76px);max-width:1100px;margin-bottom:50px}.closing a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #81755f70;padding-top:25px;font-size:17px}.closing a span{font-size:30px}footer{padding:45px 5.5%;display:grid;grid-template-columns:1fr 1fr auto;gap:25px;font-size:14px}footer span{color:var(--muted)}footer small{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:12px}dialog{border:0;max-width:820px;width:calc(100% - 32px);max-height:90dvh;padding:60px;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#171715b8;backdrop-filter:blur(5px)}.close-dialog{position:absolute;top:10px;right:16px;border:0;background:none;font-size:36px;line-height:1;padding:10px}.dialog-tag{font-size:11px;color:var(--muted);letter-spacing:.02em}.dialog-title{font-size:39px;line-height:1.25;margin:20px 0}.dialog-intro{font-size:20px;line-height:1.55;margin-bottom:36px}.dialog-row{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.dialog-row h3{font-size:21px;margin-bottom:14px}.dialog-row p{font-size:16px;line-height:1.75;color:var(--muted)}.dialog-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:32px}
@media(min-width:1800px){header,.hero,.ticker,.section,.closing,footer{padding-left:max(5.5%,calc((100vw - 1600px)/2));padding-right:max(5.5%,calc((100vw - 1600px)/2))}}
@media(max-width:1100px){header nav{gap:22px}.hero-bottom{max-width:70%;gap:25px}.hero-bottom p{font-size:15px}.hero-art{width:46%;height:520px;top:110px}.hero{min-height:730px}h1{font-size:72px}.projects-head{display:block}.projects-head>p{max-width:500px}.projects-head>p br{display:none}.services{gap:25px}.case-visual{padding:25px 22px 0;height:330px}.mock-head{padding:14px}.mock-body{padding:18px 14px}.mock-steps span{padding:6px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ai-copy{padding:65px 8%}}
@media(max-width:680px){header{height:88px;padding:0 6%}.mark{font-size:39px}.brand{gap:17px}.brand-name{font-size:8px;max-width:105px}header nav{display:none}.menu-toggle{display:block;background:none;border:0;color:var(--paper);font-size:13px;padding:12px 0}.menu-toggle span{margin-left:10px}.hero{padding:22px 6% 0;min-height:0}.hero-top .eyebrow{font-size:9px;letter-spacing:.01em}.edition{display:none}h1{font-size:clamp(43px,11vw,66px);line-height:1.2;max-width:100%;margin:34px 0 28px;letter-spacing:-.035em}.hero-bottom{max-width:100%;display:block;padding-bottom:28px}.hero-bottom p{font-size:16px;line-height:1.65}.round-link{margin-top:24px;justify-content:space-between;font-size:14px}.round-link br{display:none}.round-link span{word-spacing:.1em}.hero-art{position:relative;width:calc(100% + 48px);margin-left:-24px;right:auto;top:auto;height:255px}.hero-art.creation-art img{width:120%;left:-10%;opacity:1}.hero-index{font-size:10px;gap:20px;padding:20px 0}.hero-index span:last-child{text-align:right;max-width:150px}.ticker{padding:20px 6%;font-size:10px;justify-content:start;gap:24px}.section{padding:66px 6%}h2{font-size:36px;line-height:1.24;margin-bottom:25px}.approach-grid,.culture-grid{grid-template-columns:1fr;gap:20px}.approach-copy .lead,.culture .lead{font-size:21px}.approach-copy p{font-size:16px}.services{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:28px}.services h3{font-size:22px;margin-bottom:12px}.projects-head{margin-bottom:24px}.projects-head>p{font-size:15px;margin-bottom:0}.projects-head h2{font-size:34px}.filters{gap:7px;margin-bottom:30px}.filters button{padding:9px 11px;font-size:12px}sup{font-size:9px;margin-left:5px}.case-grid{grid-template-columns:1fr;gap:40px}.case-visual{height:310px;padding:22px 20px 0}.mock-window{max-width:440px}.mock-body h4{font-size:21px}.case-card h3{font-size:23px}.case-card>p{font-size:16px}.case-meta{font-size:11px;margin-top:20px}.project-note{font-size:14px;margin-top:36px}.intelligence{grid-template-columns:1fr}.ai-art{min-height:270px;max-height:270px}.ai-art img{object-position:center 40%}.ai-copy{padding:52px 6% 60px}.ai-copy h2{font-size:36px}.ai-copy .lead{font-size:19px}.steps{grid-template-columns:1fr;margin-top:30px;gap:12px}.steps h3{font-size:23px;margin:12px 0}.steps p{font-size:16px}.culture-grid>img{height:300px;margin-top:14px;object-position:center}.closing{padding:65px 6%}.closing h2{font-size:39px;line-height:1.24;margin-bottom:38px}.closing a{font-size:16px;gap:22px}footer{padding:35px 6%;grid-template-columns:1fr auto;font-size:13px}footer span{grid-column:1;grid-row:2}footer a:last-of-type{grid-column:2;grid-row:1}footer small{font-size:11px}dialog{padding:50px 24px 30px}.dialog-title{font-size:30px}.dialog-intro{font-size:18px}.dialog-row p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Final reading and edge treatment. */
.brand-name{font-size:11px;letter-spacing:.01em;max-width:145px;line-height:1.35}.brand-name br{display:block}
.hero-art.creation-art img{mask-image:linear-gradient(to right,transparent 0%,#000 12%)}
.intro-top{font-size:11px;letter-spacing:.05em}.intro-bottom{font-size:10px;letter-spacing:.05em}.intro-caption>span{font-size:11px;letter-spacing:.08em}
.mock-pill,.mock-steps,.schedule small,.demo-label{font-size:11px}
@media(max-width:680px){.brand-name{font-size:11px;max-width:130px}.hero-top .eyebrow,.hero-index{font-size:11px}.intro-top{font-size:11px}.hero-art.creation-art img{mask-image:none}.mock-steps span{padding:6px 4px}}
.intro-skip{font-size:12px}.intro-caption>span{letter-spacing:.04em}
@media(max-width:680px){.ticker{font-size:12px}}

/* Four matched fresco plates, revealed as successive painted layers. */
@property --era-edge{syntax:'<percentage>';inherits:false;initial-value:-25%}
.ai-art.epoch-gallery{position:relative;min-height:820px;max-height:none;background:#201b14;isolation:isolate;overflow:hidden}
.epoch-canvas{position:absolute;inset:0;overflow:hidden}
.ai-art .epoch-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:none;opacity:0;visibility:hidden;transform:none;z-index:0}
.ai-art .epoch-frame.is-current{opacity:1;visibility:visible;z-index:1}
.ai-art .epoch-frame.is-arriving{opacity:1;visibility:visible;z-index:2;mask-image:linear-gradient(103deg,#000 calc(var(--era-edge) - 12%),transparent calc(var(--era-edge) + 12%));animation:era-paint 1900ms cubic-bezier(.25,.1,.25,1) forwards}
.epoch-light{position:absolute;inset:-10%;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(103deg,transparent 42%,#f3c57622 50%,transparent 58%);mix-blend-mode:screen;transform:translateX(-100%)}
.epoch-gallery.is-changing .epoch-light{animation:era-light 1900ms ease-in-out forwards}
@keyframes era-paint{from{--era-edge:-25%}to{--era-edge:125%}}
@keyframes era-light{0%{opacity:0;transform:translateX(-100%)}25%{opacity:.65}75%{opacity:.65}100%{opacity:0;transform:translateX(100%)}}
@supports not (mask-image:linear-gradient(#000,transparent)){.ai-art .epoch-frame.is-arriving{animation:era-clip 1900ms ease-in-out forwards}}
@keyframes era-clip{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:1100px) and (min-width:681px){.intelligence{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.ai-art.epoch-gallery{min-height:0;height:auto;aspect-ratio:2/3;max-height:none}.ai-art .epoch-frame{object-position:center}}
@media(prefers-reduced-motion:reduce){.epoch-light{display:none}.ai-art .epoch-frame.is-arriving{mask-image:none;clip-path:none;animation:none}}

.ai-title-link{display:block;width:fit-content;text-decoration:underline;text-decoration-color:#89957c;text-decoration-thickness:1px;text-underline-offset:10px;transition:color .2s}.ai-title-link:hover{color:#dfc697}.ai-title-link svg{display:inline-block;vertical-align:middle;margin-left:12px;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4}.ai-title-link:focus-visible{outline-color:#dfc697}

/* Light fresco portfolio, revision 9. */
.projects{background:var(--paper)}.projects-head{align-items:center;gap:48px;margin-bottom:40px}.projects-head h2{font-size:clamp(36px,3.8vw,54px);max-width:850px;margin-bottom:0}.process-link{flex:0 0 255px;display:flex;align-items:center;gap:20px;font-size:17px;line-height:1.55;text-decoration:underline;text-decoration-color:#aca592;text-underline-offset:6px;text-decoration-thickness:1px}.process-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}.process-link:hover{color:#785d34}.projects .filters{margin-bottom:38px}.projects .case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 30px}.projects .case-visual.case-fresco{height:auto;aspect-ratio:3/2;padding:0;border-radius:2px;display:block;background:#f0ece3;overflow:hidden}.case-fresco img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(1)}.case-card:hover .case-fresco img,.case-card:focus-visible .case-fresco img{transform:scale(1.035) translateY(-2px)}.projects .case-meta{margin-top:20px;font-size:11px;gap:12px}.projects .case-card h3{font-size:22px;line-height:1.3;margin-top:14px;margin-bottom:12px;padding-right:25px}.projects .case-card>p{font-size:15px;line-height:1.65;max-width:45ch}.projects .project-note{max-width:74ch;font-size:14px;margin-top:42px}
@media(max-width:1100px){.projects-head{display:flex;align-items:flex-start}.projects-head h2{font-size:41px}.process-link{flex-basis:215px;font-size:16px}.projects .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 26px}}
@media(max-width:680px){.projects-head{display:block;margin-bottom:30px}.projects-head h2{font-size:34px}.process-link{margin-top:25px;font-size:16px;max-width:310px;gap:20px}.projects .filters{margin-bottom:28px}.projects .case-grid{grid-template-columns:1fr;gap:34px}.projects .case-visual.case-fresco{aspect-ratio:16/9}.projects .case-meta{margin-top:17px}.projects .case-card h3{font-size:22px;margin-top:12px}.projects .case-card>p{font-size:15px}.projects .project-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){.case-fresco img{transition:none}.case-card:hover .case-fresco img,.case-card:focus-visible .case-fresco img{transform:none}}
.projects .case-card{align-self:start}

/* Full-length fresco: one painting, uninterrupted anatomy, quiet camera motion. */
.hero{min-height:740px;padding-top:70px;padding-bottom:60px}
.hero h1{margin-top:0;position:relative;z-index:2}
.hero-bottom{max-width:55%;padding-bottom:0}
.hero-art.handshake-art{top:20px;bottom:25px;right:1%;width:49%;height:auto;overflow:visible;background:none}
.handshake-plane{width:100%;height:100%;transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.handshake-art img{width:100%;height:100%;object-fit:contain;max-width:100%;animation:fresco-emerge 2.4s cubic-bezier(.16,1,.3,1) both}
@keyframes fresco-emerge{from{filter:brightness(.7) blur(3px);transform:translateY(12px) scale(1.025)}to{filter:none;transform:none}}
@media(max-width:1100px){.hero{min-height:660px;padding-top:60px}.hero-art.handshake-art{width:48%;right:0}.hero-bottom{display:block;max-width:50%}.hero-bottom .round-link{margin-top:24px}}
@media(max-width:680px){.hero{padding:35px 6% 0;min-height:0}.hero h1{margin:0 0 24px}.hero-bottom{max-width:100%;padding-bottom:0}.hero-art.handshake-art{position:relative;inset:auto;width:100%;height:360px;margin:20px 0 0}.handshake-plane{transform:none}.handshake-art img{object-position:center bottom}}
@media(prefers-reduced-motion:reduce){.handshake-art img{animation:none}.handshake-plane{transform:none;transition:none}}

.handshake-art img{position:absolute;width:145%;max-width:none;left:-22.5%;height:100%}

/* The creation: a hand-painted opening sequence. */
.creation-intro{display:none;position:fixed;inset:0;z-index:200;background:#171715;color:#eee6d6;overflow:hidden;isolation:isolate}
.intro-pending .creation-intro{display:block}
.intro-pending body{overflow:hidden}
.intro-pending body>header,.intro-pending body>main,.intro-pending body>footer{visibility:hidden}
.creation-intro::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 51% 48%,#6a584640,transparent 60%),linear-gradient(120deg,#8b755210,transparent 45%);z-index:-1}
.intro-top,.intro-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px;z-index:4;gap:25px}
.intro-top{top:38px;color:#c8bdab}.intro-bottom{bottom:30px;color:#928a7e;font-size:8px}
.intro-skip{border:1px solid #817769;background:transparent;color:#eee6d6;border-radius:30px;padding:13px 19px;font-size:10px;letter-spacing:.2px}
.fresco-scene{position:absolute;left:50%;top:46%;width:max(100vw,1000px);aspect-ratio:3/2;transform:translate(-50%,-50%)}
.fresco-half{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform,opacity;opacity:0}
.human-half{clip-path:inset(0 48.9% 0 0);transform:translateX(-8%)}
.machine-half{clip-path:inset(0 0 0 51.1%);transform:translateX(8%)}
.intro-running .human-half{animation:human-reach 2.7s cubic-bezier(.2,.65,.3,1) forwards}
.intro-running .machine-half{animation:machine-reach 2.7s cubic-bezier(.2,.65,.3,1) forwards}
.touch-light,.touch-ring{position:absolute;left:51.1%;top:51.6%;border-radius:50%;opacity:0;transform:translate(-50%,-50%);pointer-events:none}
.touch-light{width:12px;height:12px;background:#fff3bd;box-shadow:0 0 20px 8px #ffdda970,0 0 100px 35px #d99b4340;mix-blend-mode:screen}
.touch-ring{width:30px;height:30px;border:1px solid #f3d7a9}
.intro-running .touch-light{animation:contact-light 1.3s 2.55s ease-out both}
.intro-running .touch-ring{animation:contact-ring 1.6s 2.55s ease-out both}
.intro-caption{position:absolute;left:0;right:0;top:72%;text-align:center;opacity:0;transform:translateY(16px)}
.intro-caption>span{font-size:9px;letter-spacing:3px;color:#bdb19e}.intro-caption p{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,68px);font-style:italic;letter-spacing:-1px;margin:12px 0}
.intro-running .intro-caption{animation:caption-in 1s 2.65s forwards}
.intro-running.intro-leaving{animation:curtain-out .85s cubic-bezier(.7,0,.2,1) forwards}
.site-entered header{animation:content-in .9s both}
.site-entered .hero-top{animation:content-in .9s .12s both}.site-entered h1{animation:content-in 1.15s .2s both}.site-entered .hero-bottom{animation:content-in 1s .5s both}.site-entered .hero-art{animation:art-in 1.4s .05s both}
.creation-art{background:#171715;overflow:hidden}.creation-art img{object-fit:contain!important;width:160%;max-width:none;position:absolute;left:-30%;height:100%;object-position:center!important}.creation-art .art-tag{color:var(--ink);font-size:7px}.replay-intro{position:absolute;top:18px;right:18px;z-index:3;background:#17171577;border:1px solid #b4a88f66;border-radius:30px;padding:10px 14px;color:#eee6d6;font-size:10px;backdrop-filter:blur(8px)}
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.6,.3,1)}.reveal-ready.revealed{opacity:1;transform:none}
@keyframes human-reach{0%{opacity:0;transform:translateX(-8%)}30%{opacity:1}100%{opacity:1;transform:translateX(0)}}
@keyframes machine-reach{0%{opacity:0;transform:translateX(8%)}30%{opacity:1}100%{opacity:1;transform:translateX(0)}}
@keyframes contact-light{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}
@keyframes contact-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}10%{opacity:.5}100%{opacity:0;transform:translate(-50%,-50%) scale(12)}}
@keyframes caption-in{to{opacity:1;transform:none}}
@keyframes curtain-out{to{opacity:0;transform:scale(1.045);visibility:hidden}}
@keyframes content-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes art-in{from{opacity:0;filter:blur(8px);transform:scale(1.035)}to{opacity:1;filter:blur(0);transform:none}}
@media(max-width:680px){.intro-top{top:28px;font-size:8px}.intro-top span:last-child{display:none}.intro-bottom{bottom:25px;justify-content:center}.intro-bottom>span{display:none}.fresco-scene{width:1000px;top:43%}.intro-caption{top:68%}.intro-caption p{font-size:46px}.creation-art img{width:100%;left:0}.creation-art{height:300px}}
@media(prefers-reduced-motion:reduce){.creation-intro{display:none!important}.reveal-ready{opacity:1;transform:none}*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.intro-pending body>header,.intro-pending body>main,.intro-pending body>footer{visibility:visible}.intro-pending body{overflow:auto}}
.intro-skip:focus-visible{outline:1px solid #e6cda0;outline-offset:5px}

/* Keep the approved opening; apply the page's type system after it. */
.intro-caption p{font-family:Prata,Georgia,serif;font-style:normal;font-size:clamp(27px,3.8vw,56px);padding:0 20px;max-width:1100px;margin:12px auto;line-height:1.2;letter-spacing:-.025em}
.hero-art.creation-art img{width:145%;left:-12%}.replay-intro{font-size:12px;font-family:var(--body);border-color:#9c8b6b80;top:8px;right:25px}
@media(max-width:680px){.intro-caption p{font-size:32px;max-width:360px}.hero-art.creation-art img{width:120%;left:-10%}.replay-intro{top:0;right:24px;font-size:11px}}


/* Stacked full-name wordmark; initials carry the shared gold accent. */
header .brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;font-family:var(--body);font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.015em;border:0;outline:none;box-shadow:none;flex-shrink:0}
header .brand-word{display:block;white-space:nowrap}
header .brand-initial{color:#d8c4a0;font-size:1.3em;font-weight:600;line-height:.9}
header .brand:focus-visible{outline:none;text-decoration:underline;text-decoration-color:#d8c4a0;text-underline-offset:4px;text-decoration-thickness:1px}
@media(max-width:760px){header .brand{font-size:15px;line-height:1.25}header .brand-initial{font-size:1.3em}}

.brand-social{display:flex;gap:12px;margin-left:48px;margin-right:auto;align-self:center;color:#d8c4a0}.brand-social span{display:grid;place-items:center;width:24px;height:28px}.brand-social svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:760px){.brand-social{margin-left:24px;gap:8px}}
