:root{--paper:#f2f0e9;--ink:#101010;--mid:#67645c;--line:rgba(0,0,0,.25);--accent:#f05838;--dark:#111111;--lime:#d9f64e;--blue:#3658ee;--white:#fffefa;--font:'Inter Display','Arial Black','Helvetica Neue',Arial,sans-serif;--ui:'Inter','Helvetica Neue',Arial,sans-serif;--gutter:clamp(24px,3.6vw,64px);--ease:cubic-bezier(.2,.78,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:5px}::-moz-selection{background:var(--accent);color:var(--white)}::selection{background:var(--accent);color:var(--white)}.skip{position:fixed;z-index:10000;left:12px;top:-90px;background:#ffef17;color:#111;padding:12px}.skip:focus{top:12px}.cursor-halo{position:fixed;z-index:1000;pointer-events:none;width:35px;height:35px;border:1px solid currentColor;border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .18s,transform .2s;mix-blend-mode:difference;color:#fff;top:0;left:0}.cursor-halo.is-show{opacity:.5}.cursor-halo.is-hover{transform:translate(-50%,-50%) scale(2.1)}
.site-header{height:81px;position:fixed;z-index:100;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:transparent;transition:background .35s,color .35s,border .35s;border-bottom:1px solid transparent;color:var(--ink)}.site-header.is-filled{background:var(--paper);border-bottom-color:var(--line)}.site-header.is-dark{color:var(--paper);background:var(--dark);border-bottom-color:rgba(255,255,255,.25)}.identity{display:flex;gap:12px;flex-direction:column;line-height:1}.identity-main{font-weight:900;letter-spacing:-.035em;font-size:20px;white-space:nowrap}.identity-dot{color:var(--accent)}.identity-small{font-size:9px;letter-spacing:.12em;font-weight:700}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,40px);font-size:14px;font-weight:650}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}.menu-toggle{display:none;width:48px;height:44px;position:relative;border:none;background:transparent;color:inherit}.menu-toggle span{display:block;background:currentColor;height:2px;width:28px;position:absolute;left:10px;top:18px;transition:transform .3s}.menu-toggle span+span{top:26px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.menu-panel{position:fixed;inset:0;z-index:90;background:var(--accent);color:var(--ink);padding:125px var(--gutter) 40px;display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s var(--ease),visibility .6s}.menu-panel.is-open{clip-path:inset(0);visibility:visible}.menu-panel nav{display:flex;flex-direction:column;max-width:1000px}.menu-panel a{font-family:var(--font);font-size:clamp(48px,7vw,110px);font-weight:900;letter-spacing:-.075em;line-height:1.25;border-bottom:2px solid currentColor;display:flex;justify-content:space-between;align-items:center}.menu-panel a span{font-family:var(--ui);font-size:.5em}.menu-panel p{font-size:11px;letter-spacing:.12em}
.hero{height:max(765px,100svh);min-height:765px;position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--paper);overflow:hidden;padding:122px var(--gutter) 58px}.hero-overline{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:700;letter-spacing:.11em}.hero-overline span:nth-child(2){margin-right:auto}.live-dash{width:29px;height:5px;background:var(--ink)}.hero-name-wrap{margin-top:16px;position:relative}.hero-name-line{overflow:hidden}.hero-name-line h1,.hero-name-line .surname{font-family:var(--font);font-size:clamp(115px,16.1vw,308px);font-weight:950;letter-spacing:-.068em;line-height:.88;margin:0;white-space:nowrap;transform-origin:left center;will-change:transform}.hero-name-line h1{animation:hero-name .93s var(--ease) both}.hero-name-second{display:flex;align-items:center;justify-content:space-between;position:relative}.hero-name-second .surname{font-size:clamp(129px,16.4vw,317px);animation:hero-name 1.15s .15s var(--ease) both}.big-period{color:var(--accent)}.hero-asterisk{font-size:clamp(70px,9vw,180px);line-height:1;display:inline-block;font-weight:300;transform-origin:center;animation:asterisk 12s linear infinite;opacity:.9}.hero-bottom{margin-top:3vw;display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-statement{font-size:clamp(17px,1.55vw,25px);line-height:1.45;letter-spacing:-.036em;max-width:580px;margin:0;font-weight:550}.hero-statement em{font-family:Georgia,serif;font-weight:500}.hero-person{display:flex;flex-direction:column;text-align:right;gap:7px;line-height:1.2;min-width:250px}.hero-person span{font-size:11px;letter-spacing:.12em}.hero-person strong{font-size:clamp(17px,2vw,28px);letter-spacing:-.03em}.hero-footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:27px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;font-weight:650;letter-spacing:.11em}.scroll-hint{display:flex;gap:11px;align-items:center}.scroll-ball{font-size:19px;display:grid;place-items:center;width:37px;height:37px;border:1px solid currentColor;border-radius:50%;transition:background .25s,color .25s}.scroll-hint:hover .scroll-ball{background:var(--ink);color:var(--paper)}@keyframes hero-name{from{transform:translateY(109%) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes asterisk{to{transform:rotate(360deg)}}
.manifesto{background:var(--dark);color:var(--white);min-height:112vh;padding:115px var(--gutter) 80px;display:flex;flex-direction:column;justify-content:space-between}.manifesto-topline{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding-bottom:12px;letter-spacing:.12em;font-weight:650;font-size:11px}.manifesto-words{padding:6vh 0 10vh}.manifesto-words p{font-family:var(--font);font-weight:930;line-height:.92;letter-spacing:-.062em;font-size:clamp(75px,10.8vw,190px);margin:0}.outline-highlight{color:transparent;-webkit-text-stroke:2px var(--white);position:relative}.outline-highlight:after{content:'';position:absolute;bottom:4%;left:0;height:9%;width:var(--fill,0%);background:var(--accent);z-index:-1}.color-period{color:var(--accent)}.manifesto-foot{border-top:1px solid #555;padding-top:28px;display:flex;justify-content:space-between;gap:30px;align-items:end}.manifesto-foot p{font-size:clamp(19px,2.1vw,30px);line-height:1.35;max-width:720px;letter-spacing:-.04em;margin:0}.manifesto-foot span{font-size:11px;letter-spacing:.12em;text-align:right}
.work-introduction{min-height:100vh;background:var(--paper);padding:130px var(--gutter) 70px;display:flex;flex-direction:column;justify-content:space-between}.tiny-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:11px;font-weight:700;letter-spacing:.1em}.work-introduction h2{font-family:var(--font);font-weight:950;font-size:clamp(69px,10.5vw,195px);line-height:.93;letter-spacing:-.087em;margin:4vh 0}.work-introduction h2 em{font-style:normal;color:var(--accent)}.work-intro-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end}.work-intro-bottom p{font-size:clamp(19px,2.4vw,34px);letter-spacing:-.035em;max-width:630px;line-height:1.35}.work-indicator{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.09em}.work-indicator-line{width:75px;height:2px;background:var(--ink)}
.work-theatre{height:360vh;position:relative;z-index:0}.work-pin{height:100vh;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column;background:var(--dark)}.work-track{flex:1;display:flex;width:300vw;min-height:0;transform:translate3d(0,0,0);will-change:transform}.chapter{width:100vw;flex:none;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff}.chapter-accounting{background:var(--blue)}.chapter-jewellery{background:#f05b3f;color:#161616}.chapter-backoffice{background:var(--lime);color:#121212}.chapter:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25vw - 1px),currentColor calc(25vw - 1px),currentColor 25vw);opacity:.06;pointer-events:none}.chapter-trackside{display:flex;justify-content:space-between;align-items:center;padding:32px var(--gutter);border-bottom:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.13em}.tall-bracket{font-size:24px}.chapter-inner{position:relative;flex:1;display:grid;grid-template-columns:1.14fr .86fr;min-height:0;padding:3vh var(--gutter);align-items:center;gap:4vw}.chapter-main{position:relative;z-index:3}.chapter-kicker{font-size:11px;letter-spacing:.12em;font-weight:700;margin:0 0 23px}.chapter h3{font-family:var(--font);font-size:clamp(90px,10vw,192px);font-weight:950;line-height:.92;letter-spacing:-.060em;margin:0}.chapter-jewellery h3{font-size:clamp(76px,8.7vw,153px)}.chapter-backoffice h3{font-size:clamp(67px,8vw,141px)}.chapter-punct{opacity:.72}.chapter-description{font-size:clamp(17px,1.55vw,25px);line-height:1.35;max-width:520px;font-weight:530;letter-spacing:-.025em;margin:30px 0}.chapter-open{display:inline-flex;align-items:center;gap:50px;border:2px solid currentColor;background:transparent;color:inherit;padding:18px 23px;font-weight:720;min-height:59px;transition:color .25s,background .25s,transform .25s var(--ease)}.chapter-open span{font-size:21px}.chapter-open:hover{background:currentColor;transform:translateY(-4px)}.chapter-accounting .chapter-open:hover,.chapter-jewellery .chapter-open:hover,.chapter-backoffice .chapter-open:hover{filter:invert(1)}.chapter-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding:19px var(--gutter);font-size:10px;font-weight:690;letter-spacing:.12em}.scene-ledger{height:min(63vh,650px);border:3px solid rgba(255,255,255,.85);transform:rotate(-5deg);background:#274bd4;box-shadow:32px 31px 0px rgba(20,29,120,.35);padding:25px;display:flex;flex-direction:column;justify-content:space-between}.ledger-head,.ledger-row{display:flex;justify-content:space-between;align-items:center}.ledger-head{font-size:10px;letter-spacing:.1em;border-bottom:2px solid white;padding-bottom:17px}.ledger-row{font-family:var(--font);font-size:clamp(26px,3.8vw,62px);font-weight:900;letter-spacing:-.06em;border-bottom:1px solid rgba(255,255,255,.5);padding:10px 0}.ledger-row b{font-weight:200}.ledger-row i{display:block;width:14%;height:10px;background:var(--white);transform-origin:left;animation:ledgerbar 2.3s ease-in-out infinite alternate}.ledger-row:nth-child(3) i{animation-delay:.4s}.ledger-row:nth-child(4) i{animation-delay:1s}@keyframes ledgerbar{to{transform:scaleX(.3)}}.ledger-foot{font-size:12px;font-weight:800;letter-spacing:.08em}.scene-trade{position:relative;align-self:center;transform:rotate(4deg);border-top:5px solid #151515;border-bottom:5px solid #151515;padding:30px 0;min-height:56vh}.trade-slash{font-family:var(--font);font-size:clamp(190px,24vw,430px);line-height:.7;position:absolute;left:-18%;top:-33%;opacity:.1;pointer-events:none}.trade-intro,.trade-note{font-size:11px;letter-spacing:.12em;font-weight:750}.trade-action{border-bottom:2px solid #151515;min-width:min(33vw,470px);display:flex;align-items:center;justify-content:space-between;font-family:var(--font);font-weight:900;font-size:clamp(39px,4.5vw,72px);letter-spacing:-.049em;padding:24px 0;transition:padding-left .35s var(--ease),background .3s}.trade-action:hover,.trade-action.is-active{padding-left:22px;background:rgba(255,255,255,.18)}.trade-action b{font-size:31px}.trade-note{padding-top:23px}.scene-conversation{position:relative;align-self:center;border:3px solid #161616;min-height:56vh;width:min(37vw,540px);padding:28px;background:#e3f9a6;box-shadow:26px 26px 0 #b3cc3a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.conversation-caption{font-size:11px;letter-spacing:.1em;font-weight:700;position:absolute;top:24px;left:25px}.bubble{padding:17px 18px;border:2px solid #161616;width:84%;max-width:375px;font-weight:900;font-size:clamp(16px,2vw,27px);display:flex;justify-content:space-between;gap:10px;transition:transform .35s var(--ease)}.bubble-one{transform:translateX(-27px);background:var(--white)}.bubble-two{transform:translateX(28px);background:#161616;color:var(--lime)}.bubble-three{transform:translateX(-17px);background:var(--accent)}.chapter-backoffice.is-current .bubble-one{animation:bubblewobble 2s infinite alternate}.chapter-backoffice.is-current .bubble-three{animation:bubblewobble 2.4s .4s infinite alternate}.conversation-arrow{font-size:24px}.scene-conversation small{position:absolute;bottom:14px;left:20px;font-size:9px;letter-spacing:.09em}@keyframes bubblewobble{to{translate:9px -5px}}
.work-timeline{height:70px;flex:none;background:var(--dark);color:var(--white);padding:13px var(--gutter) 7px}.work-timeline-track{height:2px;background:#595959}.work-timeline-track span{display:block;height:100%;width:0;background:var(--lime);transition:width .1s linear}.work-words{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.07em;margin-top:12px}
.personal-section{background:var(--dark);color:var(--paper);padding:125px var(--gutter) 120px}.section-kicker{font-size:12px;font-weight:750;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:19px}.about-large{display:flex;flex-direction:column;padding-top:65px}.about-large>span{font-family:var(--font);font-weight:950;font-size:clamp(50px,9vw,145px);line-height:1;letter-spacing:-.08em}.about-large h2{font-family:var(--font);font-size:clamp(70px,12.4vw,216px);font-weight:950;line-height:.88;letter-spacing:-.058em;margin:0 0 50px}.about-large h2 span{color:var(--accent)}.about-lower{border-top:1px solid #777;padding-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.about-mark{font-family:var(--font);font-size:clamp(85px,15vw,240px);font-weight:950;line-height:1;letter-spacing:-.1em}.about-mark span{font-size:.22em;vertical-align:top}.about-lower h3{font-size:clamp(27px,3.1vw,49px);letter-spacing:-.05em;margin:0 0 24px}.about-lower p{font-size:clamp(17px,1.65vw,24px);line-height:1.58;max-width:670px}.company-section{padding:125px var(--gutter) 120px;background:var(--paper);min-height:100vh}.company-section h2{font-family:var(--font);font-size:clamp(61px,9.4vw,160px);letter-spacing:-.087em;line-height:.92;margin:80px 0}.company-section h2 span{color:var(--accent)}.company-map{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:30px;padding:30px 0}.company-map-top{display:flex;flex-direction:column;gap:19px;justify-content:center}.company-map-top small,.company-products small{font-size:11px;font-weight:750;letter-spacing:.08em}.company-map-top strong{font-family:var(--font);font-size:clamp(27px,2.9vw,47px);line-height:1;letter-spacing:-.05em}.company-map-top span{font-size:32px}.company-products{display:flex;flex-direction:column;gap:32px}.company-products div{border-left:6px solid var(--ink);padding:5px 0 5px 23px}.company-products div+div{border-left-color:var(--accent)}.company-products strong{display:block;font-size:clamp(20px,2vw,32px);letter-spacing:-.045em;margin-top:9px}.company-products p{margin:7px 0 0;font-size:15px}.company-caveat{font-size:13px;color:var(--mid);max-width:620px;line-height:1.5;margin:19px 0 0}.contact-section{min-height:100svh;background:#111;color:var(--paper);padding:120px var(--gutter) 23px;display:flex;flex-direction:column}.contact-overline{font-size:12px;font-weight:750;letter-spacing:.12em;border-bottom:1px solid #666;padding-bottom:18px}.contact-section h2{font-family:var(--font);font-size:clamp(110px,18vw,340px);line-height:.84;letter-spacing:-.11em;margin:auto 0 55px}.contact-section h2 em{font-style:normal;color:var(--lime)}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:67px}.contact-bottom p{max-width:650px;font-size:clamp(18px,2.1vw,30px);line-height:1.4;letter-spacing:-.035em}.contact-cta{background:var(--lime);color:#111;border:0;padding:20px 24px;font-weight:850;display:flex;gap:30px;align-items:center;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s}.contact-cta:hover{transform:translateY(-5px);box-shadow:7px 7px 0 rgba(217,246,78,.25)}.contact-cta span{font-size:21px}.footerline{border-top:1px solid #666;display:flex;justify-content:space-between;gap:18px;padding-top:21px;font-size:11px;letter-spacing:.09em;font-weight:700}.footerline a{text-decoration:underline;text-underline-offset:4px}
.project-dialog{border:0;padding:0;background:transparent;color:var(--ink);max-width:min(850px,calc(100vw - 32px));width:850px;max-height:calc(100vh - 32px);overflow:auto}.project-dialog::backdrop{background:rgba(5,5,5,.85);backdrop-filter:blur(8px)}.project-dialog[open]{animation:open-dialog .42s var(--ease)}@keyframes open-dialog{from{opacity:0;transform:translateY(50px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-content{background:var(--paper);padding:clamp(25px,5vw,61px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:750;letter-spacing:.1em;border-bottom:2px solid #111;padding-bottom:16px}.dialog-close{border:0;background:transparent;font-size:26px;width:48px;height:48px;display:grid;place-items:center}.dialog-content h2{font-family:var(--font);font-size:clamp(53px,7vw,113px);font-weight:950;letter-spacing:-.085em;line-height:.95;margin:60px 0 28px}.dialog-content>p{font-size:clamp(17px,2vw,25px);line-height:1.45;max-width:700px}.dialog-lines{display:flex;flex-direction:column;gap:0;margin:54px 0 50px}.dialog-lines>div{padding:19px 0;border-bottom:1px solid var(--line);font-weight:650;font-size:clamp(17px,2.7vw,29px);letter-spacing:-.03em}.dialog-footer{display:flex;justify-content:space-between;gap:30px;align-items:end}.dialog-footer p{font-size:13px;max-width:400px;color:var(--mid)}.dialog-back{background:#111;color:#fff;border:0;font-weight:700;padding:17px 20px;white-space:nowrap}.toast{position:fixed;z-index:1000;bottom:25px;left:50%;transform:translateX(-50%) translateY(200px);background:var(--lime);color:#111;padding:15px 22px;font-size:14px;font-weight:750;transition:transform .4s var(--ease)}.toast.is-visible{transform:translateX(-50%) translateY(0)}
@media(max-width:1100px){.hero-name-line h1,.hero-name-line .surname{font-size:17vw}.hero-asterisk{font-size:12vw}.chapter h3{font-size:11.5vw}.chapter-jewellery h3{font-size:9vw}.chapter-backoffice h3{font-size:8vw}.scene-conversation{width:38vw}.chapter-inner{gap:2.3vw}.work-introduction h2{font-size:10.5vw}.work-intro-bottom{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:800px){.site-header{height:70px}.identity-main{font-size:17px}.identity-small{font-size:8px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{height:100svh;min-height:675px;padding:105px var(--gutter) 120px;justify-content:flex-start}.hero-overline{font-size:9px}.hero-overline span:last-child{display:none}.hero-name-wrap{margin-top:15vh}.hero-name-line h1{font-size:18.1vw}.hero-name-line .surname{font-size:18.6vw}.hero-name-second{margin-top:8px}.hero-asterisk{font-size:14vw}.hero-bottom{margin-top:7vh;flex-direction:column;align-items:flex-start;gap:20px}.hero-person{text-align:left;gap:3px}.hero-statement{font-size:19px}.hero-footer{bottom:23px}.hero-footer>span:last-child{display:none}.manifesto{min-height:95vh;padding-top:105px}.manifesto-words p{font-size:12vw}.manifesto-foot{flex-direction:column;align-items:start}.manifesto-foot p{font-size:21px}.work-introduction{min-height:80vh;padding-top:105px}.work-introduction h2{font-size:10.8vw}.work-theatre{height:auto}.work-pin{position:relative;height:auto;overflow:visible}.work-track{display:block;width:100%;transform:none!important}.chapter{min-height:775px;width:100%;height:auto}.chapter-inner{padding:45px var(--gutter) 65px;grid-template-columns:1fr;gap:45px}.chapter h3{font-size:clamp(72px,12vw,134px)}.chapter-jewellery h3{font-size:clamp(61px,11vw,110px)}.chapter-backoffice h3{font-size:clamp(58px,9.6vw,105px)}.chapter-description{font-size:19px}.scene-ledger{height:420px;max-width:580px;width:100%;margin:auto;transform:rotate(-3deg)}.scene-trade{min-height:345px;max-width:580px;width:100%;margin:auto}.trade-action{font-size:clamp(40px,9vw,70px)}.scene-conversation{min-height:380px;width:90%;max-width:580px;margin:auto}.chapter-bottom{font-size:9px}.work-timeline{display:none}.personal-section{padding-top:98px}.about-large h2{font-size:12vw}.about-large>span{font-size:9vw}.about-lower{grid-template-columns:1fr;gap:28px}.about-mark{font-size:24vw}.company-section{padding-top:105px}.company-section h2{font-size:10.5vw}.company-map{grid-template-columns:1fr;gap:25px}.company-map-top{border-bottom:1px solid #ccc;padding-bottom:25px}.company-map-top strong{font-size:36px}.contact-section{padding-top:105px}.contact-section h2{font-size:19vw}.contact-bottom{flex-direction:column;align-items:start}.footerline{flex-wrap:wrap}.cursor-halo{display:none}}
@media(max-width:440px){.hero{min-height:650px}.hero-name-wrap{margin-top:17vh}.hero-asterisk{display:none}.hero-name-line h1{font-size:19.2vw}.hero-name-line .surname{font-size:19.6vw}.hero-bottom{margin-top:7vh}.hero-statement{font-size:17px}.hero-person strong{font-size:20px}.hero-footer{font-size:8px}.hero-footer span:first-child{max-width:100px;line-height:1.7}.manifesto-words p{font-size:12.6vw}.work-introduction h2{font-size:10.5vw}.work-intro-bottom p{font-size:19px}.chapter{min-height:740px}.chapter-trackside{padding-top:20px;padding-bottom:18px;font-size:9px}.chapter h3{font-size:14vw}.chapter-jewellery h3{font-size:13vw}.chapter-backoffice h3{font-size:11.6vw}.scene-ledger{height:300px}.ledger-row{font-size:38px}.scene-trade{min-height:295px}.trade-action{font-size:11vw;padding:13px 0}.scene-conversation{min-height:360px;width:92%;box-shadow:13px 13px 0 #b3cc3a}.bubble{font-size:14px}.chapter-bottom{font-size:8px}.personal-section{padding-bottom:60px}.about-large h2{font-size:12.4vw}.about-lower p{font-size:17px}.contact-section h2{font-size:21vw}.contact-bottom p{font-size:19px}.contact-cta{width:100%;justify-content:space-between}.dialog-footer{align-items:start;flex-direction:column}.footerline{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.work-pin{height:auto;position:relative}.work-theatre{height:auto}.work-track{width:100%;display:block;transform:none!important}.chapter{width:100%;min-height:750px}.work-timeline{display:none}.hero-name-line h1,.hero-name-line .surname{transform:none}.outline-highlight:after{width:100%}}
/* Final optical spacing: bold without joined letterforms. */
.hero-name-line h1,.hero-name-line .surname{letter-spacing:-.047em}
.manifesto-words p{letter-spacing:-.050em}
.work-introduction h2{letter-spacing:-.057em}
.chapter h3{letter-spacing:-.055em}
.about-large h2{letter-spacing:-.052em}
.identity-main{word-spacing:.15em;letter-spacing:-.015em}
@media(max-width:800px){
 .hero-name-line h1{font-size:17.8vw;letter-spacing:-.050em}
 .hero-name-line .surname{font-size:18.3vw;letter-spacing:-.050em}
}
@media(max-width:440px){
 .hero-name-line h1{font-size:19vw;letter-spacing:-.051em}
 .hero-name-line .surname{font-size:19.5vw;letter-spacing:-.051em}
}



/* ------------------------------------------------------------
   Bhavesh Patel / bespoke wayfinding language
   No font/emoji arrows. Geometry follows the action semantics.
   Original kinetic typography, chapter colors and layout retained.
   ------------------------------------------------------------ */
.waymark {
  display: inline-block;
  inline-size: 1.35em;
  block-size: 1.35em;
  flex: none;
  vertical-align: middle;
  overflow: visible;
  color: inherit;
  transform-origin: center;
  transition: transform 340ms var(--ease);
}
.waymark path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: square;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}
.waymark .mark-side { opacity:.42; }
.waymark .mark-anchor { fill: currentColor; }

/* Large mobile navigation: one quiet cropped-end mark, not four emoji arrows. */
.menu-panel a .menu-direction { display: inline-flex; align-items:center; justify-content:center; }
.menu-panel .waymark--nav { font-size:.55em; inline-size:.72em; block-size:.72em; stroke-width: 1.8; }
.menu-panel a:hover .waymark--nav,
.menu-panel a:focus-visible .waymark--nav { transform:translateX(9px); }

/* Scroll prompt: narrow drawn line with intentional downward movement. */
.scroll-ball { font-size:16px; }
.scroll-ball .waymark { width:22px; height:22px; }
.scroll-hint:hover .waymark,
.scroll-hint:focus-visible .waymark { transform: translateY(4px); }
.instruction-mark {display:inline-flex;vertical-align:middle;align-items:center;margin-left:.5rem;}
.instruction-mark .waymark { width:17px;height:17px; }
.work-indicator .instruction-mark .waymark {width:23px;height:18px}

/* Chapter annotation: precise corner cut acts as a chapter marker, not CTA. */
.tall-bracket { display:inline-flex;justify-content:flex-end;align-items:center; width:31px;height:31px;font-size:20px; }
.tall-bracket .waymark {height:30px;width:30px;opacity:.83;}
.chapter.is-current .tall-bracket .waymark { transform:translate(-2px,2px); }

/* Main action gets the singular handcrafted outbound shape. */
.chapter-open {gap:clamp(28px,3.4vw,54px)}
.chapter-open-mark { display:inline-flex; align-items:center; justify-content:center; }
.chapter-open .waymark--launch {width:26px;height:26px;}
.chapter-open:hover .waymark--launch,
.chapter-open:focus-visible .waymark--launch { transform:translate(3px,-3px); }
.chapter-bottom > span:last-child { display:inline-flex;gap:12px;align-items:center; }
.chapter-end-cue {display:inline-flex;align-items:center;}
.chapter-end-cue .waymark {width:23px;height:17px;}

/* Jewellery items are in-page selections: a growing underline and stop, not a link arrow. */
.trade-endpoint {display:inline-flex;position:relative;align-items:center;justify-content:flex-end;width:37px;height:24px;flex:none;}
.trade-endpoint::before {content:'';display:block;width:29px;height:2px;background:currentColor;transform:scaleX(.40);transform-origin:right;transition:transform .38s var(--ease);}
.trade-endpoint i {position:absolute;width:6px;height:6px;background:currentColor;right:0;top:9px;opacity:.65;transform:rotate(45deg);transition:transform .3s,opacity .3s;}
.trade-action:hover .trade-endpoint::before,
.trade-action.is-active .trade-endpoint::before,
.trade-action:focus-visible .trade-endpoint::before { transform:scaleX(1); }
.trade-action.is-active .trade-endpoint i { transform:rotate(0);opacity:1; }

/* Message → document is visually connected by a physical thread, not an arrow glyph. */
.workflow-stitch { width:29px; height:20px; position:relative;display:flex;align-items:center;justify-content:flex-end; flex:none; }
.workflow-stitch::before {content:'';height:1.5px;width:25px;background:currentColor;opacity:.66;}
.workflow-stitch i {height:6px;width:6px;background:currentColor;position:absolute;right:0;transform:rotate(45deg);}
.workflow-done {display:inline-flex;align-items:center;justify-content:center}
.workflow-done .waymark {width:25px;height:25px;}
.conversation-link {display:grid;place-items:center;height:37px;width:52px;position:relative;margin-inline: auto;}
.conversation-link::before {content:'';width:1.5px;height:32px;background:currentColor;opacity:.7;}
.conversation-link i {position:absolute;bottom:2px;width:6px;height:6px;border:1.5px solid currentColor;background:var(--lime);transform:rotate(45deg);}

/* Personal mark has no implied link / About section. */
.about-mark .personal-period {font-size:.75em;vertical-align:baseline;color:var(--accent);letter-spacing:-.05em}

/* Company relationship: direct line and anchored end point. */
.relation-thread {display:block;position:relative;margin-top:2px;width:33px;height:39px;}
.relation-thread::before {content:'';position:absolute;left:14px;top:0;width:1.5px;height:31px;background:currentColor;opacity:.65;}
.relation-thread i {position:absolute;left:11px;bottom:3px;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;}

/* Correct semantics for Copy and Back, with bespoke stroke families. */
.contact-cta {gap:24px}
.contact-action-mark {display:inline-flex;align-items:center;justify-content:center}
.contact-action-mark .waymark {width:26px;height:26px;}
.contact-cta:hover .waymark--copy,
.contact-cta:focus-visible .waymark--copy { transform:translate(2px,-2px); }
.footerline a {display:inline-flex;align-items:center;gap:8px}
.footer-up-mark {display:inline-flex;align-items:center}
.footer-up-mark .waymark {width:18px;height:18px}
.footerline a:hover .waymark--up,
.footerline a:focus-visible .waymark--up{transform:translateY(-4px)}
.dialog-close {font-size:inherit}
.dialog-close .waymark {width:25px;height:25px}
.dialog-close:hover .waymark--close { transform:rotate(90deg); }
.dialog-back {display:inline-flex;align-items:center;gap:11px}
.dialog-back .waymark {width:21px;height:21px}
.dialog-back:hover .waymark--back {transform:translateX(-3px)}

/* Emphasis follows real interaction; no cursor halos over editorial arrows. */
:where(.chapter-open,.contact-cta,.dialog-back,.dialog-close,.scroll-hint) .waymark { pointer-events:none; }
@media(max-width:800px) {
  .menu-panel .waymark--nav {inline-size:.66em;block-size:.66em}
  .tall-bracket .waymark{width:25px;height:25px}
  .chapter-end-cue .waymark{width:19px;height:16px}
  .contact-action-mark .waymark{width:23px;height:23px}
}
@media(max-width:440px) {
  .chapter-bottom>span:last-child{gap:6px}
  .chapter-end-cue .waymark{width:16px;height:15px}
  .chapter-open .waymark--launch {width:22px;height:22px}
  .menu-panel a .menu-direction {flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.waymark,.trade-endpoint::before,.trade-endpoint i {transition:none!important;transform:none!important}}
/* Micro-fit corrections: preserve approved mobile chapter dimensions exactly. */
.workflow-stitch { width:16px;height:18px; }
.workflow-stitch::before { width:14px; }
.workflow-stitch i { width:5px;height:5px; }
.workflow-done .waymark { width:17px;height:17px; }
.conversation-link { height:29px; }
.conversation-link::before { height:24px; }
.conversation-link i { bottom:1px; }
/* Mobile menu marks are sized optically, independent of huge menu typography. */
.menu-panel a .menu-direction { font-size:inherit; }
.menu-panel .waymark--nav { width:clamp(29px,3.3vw,46px);height:clamp(29px,3.3vw,46px); }
@media(max-width:800px){.menu-panel .waymark--nav{width:32px;height:32px}}
/* Narrowest screens: keep navigation cues within available width and keep the original visual rhythm. */
@media(max-width:360px){
  .work-indicator{gap:9px;font-size:10px}
  .work-indicator-line{width:44px}
  .work-indicator .instruction-mark{margin-left:2px}
  .work-indicator .instruction-mark .waymark{width:15px;height:15px}
  .chapter-jewellery .chapter-open{min-height:80px}
  .chapter-backoffice .chapter-open{min-height:65px}
  .chapter-end-cue .waymark{width:10px;height:13px}
  .chapter-bottom>span:last-child{gap:3px}
}
@media(max-width:360px){
 .tall-bracket {height:29px}
 .chapter-bottom>span:last-child {display:block;position:relative}
 .chapter-bottom .chapter-end-cue {position:absolute;right:-10px;bottom:0;display:inline-flex}
}

/* Real feedback: copying transforms the document icon into a small confirmed tick. */
.contact-action-mark .waymark--check {display:none}
.contact-cta.is-copied .waymark--copy{display:none}
.contact-cta.is-copied .waymark--check{display:inline-block}

/* Targeted interactive typography — all original layouts, section colours and scroll motion stay intact. */
:root{--hover-ink:#d94a2e;--hover-speed:300ms;--hover-sweep:cubic-bezier(.18,.8,.24,1)}
.site-header.is-dark{--hover-ink:var(--lime)}
.identity-main,
.desktop-nav a,
.menu-panel a,
.scroll-hint,
.footerline a,
.chapter-open,
.contact-cta,
.dialog-back,
.dialog-close,
.trade-action{transition-property:color,background-color,border-color,transform,box-shadow,filter;transition-duration:var(--hover-speed);transition-timing-function:var(--hover-sweep)}
/* The underline is already part of the approved navigation, now coordinated with the colour change. */
@media(hover:hover) and (pointer:fine){
  .identity:hover .identity-main,
  .desktop-nav a:hover,
  .scroll-hint:hover{color:var(--hover-ink)}
  .menu-panel a:hover{color:#163264}
  .footerline a:hover{color:var(--lime)}
  .trade-action:hover{color:#163264}
  .dialog-close:hover{color:#b73725}
}
.identity:focus-visible .identity-main,
.desktop-nav a:focus-visible,
.scroll-hint:focus-visible{color:var(--hover-ink)}
.menu-panel a:focus-visible{color:#163264}
.footerline a:focus-visible{color:var(--lime)}
.trade-action:focus-visible{color:#163264;outline:3px solid currentColor;outline-offset:3px}
.dialog-close:focus-visible{color:#b73725}
/* Each project uses a distinct readable ink in its own high-contrast colour environment. */
.chapter-accounting{--project-hover:#d9f64e;--action-bg:#d9f64e;--action-ink:#172e81}
.chapter-jewellery{--project-hover:#182c6b;--action-bg:#172450;--action-ink:#fff8ed}
.chapter-backoffice{--project-hover:#273ac4;--action-bg:#172e76;--action-ink:#f4ffe6}
/* Absolute interaction target means the unchanged heading remains a semantic h3; the title also opens its real project detail. */
.chapter h3.project-title-hover{position:relative;width:fit-content;max-width:100%;cursor:pointer}
.chapter h3 .project-title-ink{display:inline-block;position:relative;white-space:nowrap}
.chapter h3 .project-title-ink::after{content:attr(data-ink);position:absolute;inset:0;color:var(--project-hover);pointer-events:none;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .34s var(--hover-sweep)}
.chapter h3 .project-title-hit{position:absolute;inset:0;width:100%;height:100%;display:block;background:none;color:inherit;border:0;padding:0;cursor:pointer}
.chapter h3 .project-title-hit:focus-visible{outline:3px solid currentColor;outline-offset:8px}
.chapter h3 .chapter-punct{transition:color .32s var(--hover-sweep)}
@media(hover:hover) and (pointer:fine){
  .chapter h3.project-title-hover:hover .project-title-ink::after{clip-path:inset(0)}
  .chapter h3.project-title-hover:hover .chapter-punct{color:var(--project-hover)}
}
.chapter h3.project-title-hover:focus-within .project-title-ink::after,
.chapter h3.project-title-hover:active .project-title-ink::after{clip-path:inset(0)}
.chapter h3.project-title-hover:focus-within .chapter-punct,
.chapter h3.project-title-hover:active .chapter-punct{color:var(--project-hover)}
/* Dedicated CTA states: no colour inversion filters that turn the hand-drawn marks into harsh negatives. */
@media(hover:hover) and (pointer:fine){
  .chapter .chapter-open:hover{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-bg);filter:none;transform:translateY(-4px)}
}
.chapter .chapter-open:focus-visible,
.chapter .chapter-open:active{background:var(--action-bg);color:var(--action-ink);border-color:var(--action-bg);filter:none}
@media(hover:hover) and (pointer:fine){
  .contact-cta:hover{background:#193461;color:var(--lime)}
  .dialog-back:hover{background:var(--lime);color:#111}
}
.contact-cta:focus-visible,.contact-cta:active{background:#193461;color:var(--lime)}
.dialog-back:focus-visible,.dialog-back:active{background:var(--lime);color:#111}
/* Touch devices do not simulate permanent mouse hover; they retain a short pressed feedback. */
@media(hover:none){
  .menu-panel a:active{color:#163264}
  .identity:active .identity-main,.desktop-nav a:active{color:var(--hover-ink)}
  .chapter h3 .project-title-ink::after{transition-duration:.12s}
}
@media(prefers-reduced-motion:reduce){
  .chapter h3 .project-title-ink::after{transition:none}
  .chapter .chapter-open,.contact-cta,.dialog-back,.desktop-nav a{transition-duration:.01ms}
}