@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#eef0ee;--muted:#aab0b4;--orange:#e6aa84;--blue:#7fa6c8;--family:#d6bdd3;--silver:#979b9d;--pearl:#ffffff;--green:#c6d2af;--violet:#cbb5d2;--bg:#202429}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}body{margin:0;background:radial-gradient(ellipse at 50% 0,#343a40 0,transparent 68%),#202429;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}button{cursor:pointer}a{color:inherit}p{margin:0}.site-shell{max-width:1600px;margin:auto;padding:0 42px}.site-header{height:114px;display:flex;align-items:center;gap:25px}.brand{text-decoration:none;font-size:32px;font-weight:800;letter-spacing:-1.8px}.brand-dot{color:var(--orange)}.brand-light{font-weight:400}.brand-subtitle{font-size:12px;letter-spacing:.015em;color:#a9afb3;max-width:none;white-space:nowrap;line-height:1.6}.brand-subtitle span{color:#788087;margin:0 5px}.personal-tag{margin-left:auto;font-size:13px;color:#c7ccce;border:1px solid #ffffff20;border-radius:30px;padding:10px 18px;background:#ffffff03}.stage{position:relative;isolation:isolate;overflow:hidden;border-radius:38px;border:1px solid #ffffff14;background:radial-gradient(ellipse at 64% 29%,#56616a50,transparent 63%),linear-gradient(140deg,#424a50,#2c333a 60%,#283037);box-shadow:0 35px 100px #00000045,inset 0 1px 0 #ffffff12;padding:29px 42px 24px}.stage:before{content:'';position:absolute;z-index:-1;inset:0;opacity:.24;background:repeating-linear-gradient(128deg,transparent 0,transparent 4px,#ffffff08 5px,transparent 6px);pointer-events:none}.stage-topline,.stage-bottomline{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b4bec5;letter-spacing:.035em}.stage-topline{border-bottom:1px solid #ffffff0d;padding-bottom:22px}.edition{color:#a3b0ba}.experience{display:grid;grid-template-columns:.8fr 1.7fr;align-items:center;gap:2%;min-height:660px}.intro{padding-left:12px;padding-bottom:28px;z-index:1}.eyebrow{font-size:12px;color:#c1c8cc;letter-spacing:.14em;text-transform:uppercase;margin-bottom:25px}h1{font-size:clamp(46px,4.6vw,74px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}h1 span{color:#e6aa84}.intro-text{max-width:290px;font-size:16px;line-height:1.75;color:#b8c2c9}.palette-legend{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;font-size:12px;color:#b8c2c9;margin-top:44px;width:max-content}.palette-legend span{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.business{background:var(--blue)}.family{background:var(--family)}.silver{background:var(--silver)}.pearl{background:var(--pearl)}.orbit-area{align-self:center;min-width:0}.orbit{position:relative;width:100%;max-width:730px;aspect-ratio:1;margin:0 auto;filter:drop-shadow(0 26px 22px #0a111c65)}.orbit-art{display:block;width:100%;height:100%;overflow:visible}.ribbon{stroke:#dce8ed20;stroke-width:1;transition:filter .28s,opacity .28s}.ribbon.hot{filter:brightness(1.16)}.orbit-center{position:absolute;inset:33.8%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;z-index:1;pointer-events:none}.center-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#aab8c1;margin-bottom:16px}.orbit-center strong{font-size:clamp(19px,2.3vw,33px);line-height:1.26;font-weight:500;letter-spacing:-.03em}.center-hint{font-size:10px;color:#aab8c1;margin-top:18px;white-space:nowrap}.sector-button{position:absolute;z-index:2;transform:translate(-50%,-50%);border:0;background:transparent;color:#f2f4f3;padding:12px 3px;width:19%;max-width:140px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:transform .25s,color .25s;border-radius:18px}.sector-button:hover{transform:translate(-50%,-50%) scale(1.04)}.sector-button[data-tone="pearl"]{color:#303f44}.sector-button .icon{width:25px;height:25px;opacity:.94}.sector-number{font-size:10px;opacity:.66;line-height:1}.sector-title{font-size:clamp(12px,1.08vw,16px);font-weight:650;line-height:1.3;letter-spacing:-.025em}.orbit-caption{display:flex;gap:12px;justify-content:center;align-items:flex-start;margin-top:-12px;position:relative;z-index:2;font-size:12px;color:#99a9b6;line-height:1.65}.caption-line{width:25px;height:1px;background:#768997;margin-top:10px}.offer-dock{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:22px 0 20px;gap:10px}.dock-button{border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;background:none;color:#bac5cd;padding:8px 5px;border-radius:13px;transition:background .2s,color .2s}.dock-button .icon{width:23px;height:23px}.dock-button[data-tone="family"] .icon{color:var(--family)}.dock-button[data-tone="business"] .icon{color:#8aaec7}.dock-button[data-tone="silver"] .icon{color:#b9c8d1}.dock-button[data-tone="pearl"] .icon{color:#f1f4f0}.dock-button span{font-size:12px;line-height:1.45;max-width:140px;text-align:center}.dock-button:hover{background:#ffffff07;color:white}.icon{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:none}.stage-bottomline{padding-top:22px;font-size:11px;color:#92a1ad}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 10px 26px;font-size:11px;color:#869096}
.offer-dialog{padding:0;border:1px solid #ffffff29;border-radius:30px;color:#edf1f2;background:linear-gradient(125deg,#4b535cbb,#17242cdb);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 36px 150px #00000085,inset 0 1px 0 #ffffff29;width:min(980px,calc(100% - 48px));max-width:980px;max-height:calc(100svh - 60px);overflow:hidden}.offer-dialog::backdrop{background:#07101c6b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.offer-dialog[open]{animation:appear .3s ease-out}.dialog-shell{position:relative}.close-dialog{position:absolute;top:22px;right:24px;z-index:5;display:flex;justify-content:center;align-items:center;width:44px;height:44px;background:#ffffff0a;border:1px solid #ffffff22;border-radius:50%;color:#f7f8f8}.close-dialog:hover{background:#ffffff18}.close-dialog svg{fill:none;stroke:currentColor;stroke-width:1.7;width:20px;height:20px}.dialog-scroll{overflow-y:auto;overscroll-behavior:contain;max-height:calc(100svh - 62px);scrollbar-color:#ffffff30 transparent;scrollbar-width:thin}.offer-header{padding:48px 60px 33px}.offer-kicker{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#f4f6ef);padding-right:30px}.offer-kicker .icon{width:23px;height:23px}.offer-header h2{font-size:clamp(29px,3.5vw,46px);line-height:1.12;letter-spacing:-.04em;font-weight:500;max-width:650px;margin:24px 0 22px}.offer-lead{font-size:18px;line-height:1.7;letter-spacing:-.01em;color:#dae2e7;max-width:690px}.offer-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px;margin-top:27px}.offer-price strong{font-size:30px;font-weight:500;letter-spacing:-.035em;color:var(--accent,#f4f6ef)}.offer-price span{font-size:13px;color:#b6c3cb}.offer-body{padding:0 60px 44px}.offer-section{border-top:1px solid #ffffff17;padding:27px 0 5px}.offer-section h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:0 0 15px}.offer-section p{font-size:16px;line-height:1.85;color:#c4d0d8;margin:0 0 16px}.detail-list{list-style:none;padding:0;margin:0;display:grid;gap:17px}.detail-list li{padding-left:22px;position:relative;font-size:15px;line-height:1.75;color:#bfccd5}.detail-list li:before{content:'';width:4px;height:4px;position:absolute;left:1px;top:11px;background:var(--accent);border-radius:50%}.detail-list strong{display:block;font-weight:600;color:#eef1f1;font-size:16px;margin-bottom:3px}.offer-note{font-size:13px!important;line-height:1.7!important;color:#a9b9c5!important;border-left:2px solid var(--accent);padding-left:18px;margin-top:24px!important}.dialog-footer{margin-top:25px;padding-top:23px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:20px;color:#aebcc7;font-size:12px}.premium-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative}.premium-copy{position:relative;z-index:2}.premium-layout .offer-header{padding-right:0}.premium-portrait{position:relative;align-self:stretch;min-height:610px;border-radius:0 29px 0 0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#ffffff20,transparent 65%)}.premium-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;max-height:670px;filter:contrast(1.03)}.portrait-caption{position:absolute;bottom:24px;left:12px;right:24px;padding:18px 20px;border-radius:15px;border:1px solid #ffffff1f;background:#1f2b3599;backdrop-filter:blur(18px)}.portrait-caption strong{display:block;font-size:16px;font-weight:500}.portrait-caption span{display:block;margin-top:5px;font-size:11px;color:#c1ccd4}.offer-dialog[data-tone="family"]{--accent:#e3cbdc;background:linear-gradient(120deg,#665265d4,#342b3dda)}.offer-dialog[data-tone="business"]{--accent:#a5c9e2;background:linear-gradient(120deg,#3c566adb,#162733db)}.offer-dialog[data-tone="silver"]{--accent:#d2e0e8}.offer-dialog[data-tone="pearl"]{--accent:#f4f6ee;background:linear-gradient(120deg,#626c70cd,#27343fdd)}
@keyframes appear{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.experience{min-height:700px}.orbit{max-width:750px}}
@media(max-width:1100px){.site-shell{padding:0 25px}.stage{padding:27px}.experience{min-height:580px;grid-template-columns:.8fr 1.6fr}.intro{padding-left:0}.intro-text{font-size:15px;max-width:240px}h1{font-size:54px}.eyebrow{font-size:10px}.palette-legend{font-size:11px;gap:12px}.brand-subtitle{font-size:11px}.sector-title{font-size:12px}.sector-button{gap:5px}.sector-button .icon{width:21px;height:21px}.center-kicker{margin-bottom:11px;font-size:8px}.center-hint{font-size:8px;margin-top:10px}.orbit-center strong{font-size:23px}.dock-button span{font-size:11px}.orbit-caption{font-size:11px}}
@media(max-width:760px){.site-shell{padding:0 16px}.site-header{height:85px;gap:14px}.brand{font-size:28px}.brand-subtitle{font-size:9px;max-width:172px}.personal-tag{font-size:10px;padding:8px 11px}.stage{border-radius:27px;padding:23px 20px 20px}.stage-topline{font-size:10px;gap:12px;line-height:1.5;padding-bottom:18px}.edition{display:none}.experience{grid-template-columns:1fr;gap:0;min-height:0}.intro{padding:28px 7px 0}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:15px}h1{font-size:49px;margin-bottom:17px;line-height:1.04}h1 br{display:none}h1 br:after{content:' '}h1 span{display:block}.intro-text{font-size:15px;line-height:1.65;max-width:420px}.palette-legend{display:flex;flex-wrap:wrap;margin-top:20px;gap:12px 16px;font-size:10px}.orbit-area{margin:4px -15px 23px}.orbit{max-width:560px;min-width:0}.sector-title{font-size:clamp(10px,2.3vw,13px)}.sector-button .icon{width:22px;height:22px}.sector-button{gap:5px;padding:8px 2px}.sector-number{font-size:9px}.orbit-center strong{font-size:clamp(19px,4.6vw,26px)}.center-kicker{font-size:8px;letter-spacing:.11em}.center-hint{font-size:8px;margin-top:12px}.orbit-caption{margin-top:-4px;font-size:10px}.offer-dock{grid-template-columns:repeat(4,1fr);gap:8px 2px;padding:17px 0}.dock-button{gap:8px;padding:9px 2px}.dock-button span{font-size:10px;max-width:90px}.dock-button .icon{width:23px;height:23px}.stage-bottomline{font-size:9px;line-height:1.55;gap:22px;padding-top:17px}.stage-bottomline span:last-child{text-align:right;max-width:110px}.site-footer{font-size:9px;line-height:1.5;padding:20px 4px}.site-footer span:last-child{text-align:right;max-width:155px}.offer-dialog{width:calc(100% - 24px);border-radius:24px;max-height:calc(100svh - 28px)}.dialog-scroll{max-height:calc(100svh - 30px)}.close-dialog{top:16px;right:15px;width:40px;height:40px}.offer-header{padding:37px 25px 27px}.offer-header h2{font-size:33px;margin-top:24px}.offer-kicker{font-size:10px;padding-right:25px;max-width:85%}.offer-lead{font-size:16px;line-height:1.75}.offer-price strong{font-size:29px}.offer-body{padding:0 25px 30px}.offer-section{padding-top:23px}.offer-section p{font-size:15px}.offer-section h3{font-size:18px}.detail-list li{font-size:14px}.detail-list strong{font-size:15px}.dialog-footer{font-size:10px}.premium-layout{grid-template-columns:1fr}.premium-layout .offer-header{padding-right:25px;padding-bottom:0}.premium-portrait{min-height:0;height:520px;border-radius:0;margin-top:8px}.premium-portrait img{max-height:520px;object-fit:contain}.portrait-caption{bottom:18px;left:25px;right:25px}}
@media(max-width:390px){.personal-tag{font-size:10px}.stage{padding:21px 16px}.intro{padding-left:4px}h1{font-size:44px}.orbit-area{margin-left:-17px;margin-right:-17px}.sector-title{font-size:10px}.sector-button .icon{width:18px;height:18px}.sector-button{gap:4px}.sector-number{font-size:8px}.center-kicker{font-size:7px;margin-bottom:8px}.center-hint{font-size:7px;margin-top:8px}.orbit-center strong{font-size:18px}.palette-legend{font-size:9px;gap:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.sector-short{display:none}.ribbon{cursor:pointer}.premium-portrait{margin:0 0 0 16px}.sector-title{font-size:max(14px,1.08vw)}.dock-button span{font-size:14px}.brand-subtitle,.personal-tag,.palette-legend,.stage-topline{font-size:12px}.orbit-caption{font-size:12px}
@media(max-width:1100px) and (min-width:761px){.sector-title{font-size:14px}.sector-button{width:22%}.dock-button span{font-size:12px}}
@media(max-width:760px){.personal-tag{font-size:12px}.stage-topline{font-size:12px}.eyebrow{font-size:12px}.palette-legend{font-size:12px;gap:12px 17px}.sector-title{display:none}.sector-short{display:block;font-size:14px;font-weight:650;line-height:1.3}.sector-button{width:25%;max-width:140px;gap:5px}.sector-number{font-size:10px}.sector-button .icon{width:22px;height:22px}.center-kicker{font-size:8px}.offer-dock{grid-template-columns:repeat(2,1fr);gap:8px}.dock-button{flex-direction:row;justify-content:flex-start;gap:11px;padding:14px 8px}.dock-button span{font-size:14px;text-align:left;max-width:120px}.dock-button:last-child{grid-column:1/-1;justify-content:center}.orbit-caption{font-size:12px}.premium-portrait{margin:8px 0 0}.portrait-caption span{font-size:12px}.offer-kicker{font-size:12px}.offer-section p{font-size:16px}.detail-list li{font-size:16px}.detail-list strong{font-size:16px}.intro-text{font-size:16px}.site-footer{font-size:10px}.stage-bottomline{font-size:10px}}
@media(max-width:390px){.sector-short{font-size:14px}.sector-button .icon{width:20px;height:20px}.palette-legend{font-size:12px}.personal-tag{font-size:11px}.center-hint{font-size:8px}}
@media(max-width:760px){.experience{grid-template-columns:minmax(0,1fr)}.intro{min-width:0}.palette-legend{width:auto;max-width:100%}.orbit-area{width:calc(100% + 30px)}.intro-text{max-width:100%}}
@media(max-width:390px){.orbit-area{width:calc(100% + 34px)}}
@media(max-width:760px){.dock-button{min-width:0;flex-direction:column;align-items:center;gap:9px;padding:13px 4px}.dock-button span{min-width:0;max-width:100%;text-align:center;overflow-wrap:anywhere}.dock-button:last-child{flex-direction:row}.dock-button:last-child span{max-width:160px}}
.ribbon{stroke-width:1.5;stroke-linejoin:round}.sector-number{display:none}

/* Pastel family palette and a clear invitation at the heart of the system. */
.sector-button[data-tone="family"]{color:#493b50}
.sector-button[data-offer="team"]{color:#203849}
.dock-button[data-offer="team"] .icon{color:#9abbd8}
.offer-dialog[data-offer="team"]{--accent:#c3dff3;background:linear-gradient(120deg,#4f7290df,#25405ade)}
.orbit-center strong{font-weight:550}
.center-hint{font-size:12px;font-weight:650;color:#e2e7e8;line-height:1.45;white-space:normal;text-decoration:underline;text-decoration-color:#e6aa8499;text-underline-offset:5px;text-decoration-thickness:1px;max-width:170px}
.project-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;padding:21px 24px;margin:22px 0 16px;border:1px solid #a5c9e23d;border-radius:18px;background:linear-gradient(120deg,#a5c9e211,#ffffff03);transition:background .2s,border-color .2s}
.project-link span{color:#a5c9e2;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.project-link strong{color:#edf4f8;font-weight:600;font-size:18px;line-height:1.45}
.project-link small{color:#b5c9d7;font-size:13px}
.project-link:hover{border-color:#a5c9e27a;background:#a5c9e21b}
@media(max-width:980px){.site-header{display:grid;grid-template-columns:auto 1fr;height:112px;gap:7px 16px;align-content:center}.brand{grid-column:1;grid-row:1}.personal-tag{grid-column:2;grid-row:1;justify-self:end;margin-left:0}.brand-subtitle{grid-column:1/-1;grid-row:2;font-size:12px;max-width:none;white-space:nowrap}}
@media(max-width:760px){.site-header{height:110px;gap:8px 12px}.brand-subtitle{display:block;font-size:clamp(9px,2.6vw,12px)}.center-hint{font-size:11px;max-width:140px;margin-top:11px;text-underline-offset:3px}.project-link{padding:18px 20px}.project-link strong{font-size:17px}}
@media(max-width:390px){.center-hint{font-size:10px;line-height:1.35;margin-top:9px}.orbit-center strong{font-size:18px;line-height:1.2}}

/* Each offer carries its own material and its own invitation to a conversation. */
.sector-button[data-tone="green"]{color:#35422f}.sector-button[data-tone="violet"]{color:#493b50}
.dock-button[data-tone="green"] .icon{color:var(--green)}.dock-button[data-tone="violet"] .icon{color:var(--violet)}.dock-button[data-tone="silver"] .icon{color:#a8acad}.dock-button[data-tone="pearl"] .icon{color:#fff}
.contact-author{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;max-width:100%;padding:16px 22px;margin-top:32px;text-decoration:none;background:linear-gradient(120deg,#ffffff,#ecece6);border:1px solid #ffffffb3;border-radius:17px;color:#303b42;box-shadow:0 10px 28px #0a13172e,inset 0 1px 0 #fff;transition:transform .2s,box-shadow .2s,background .2s}
.contact-author svg{height:23px;width:23px;fill:#546772;flex:none}.contact-author span{font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.015em}.contact-author:hover{transform:translateY(-2px);background:#fff;box-shadow:0 14px 32px #0a13174d}
.offer-dialog[data-tone="green"]{--accent:#d5dfbc;background:linear-gradient(120deg,#505945db,#252e29df)}
.offer-dialog[data-tone="violet"]{--accent:#dfc9e4;background:linear-gradient(120deg,#5a4b62db,#2e2938df)}
.offer-dialog[data-tone="silver"]{--accent:#d9dcdc;background:linear-gradient(120deg,#535758db,#292f32e3)}
.offer-dialog[data-tone="pearl"]{--accent:#51636c;color:#2c3941;border-color:#ffffffc9;background:linear-gradient(125deg,#fffffff0,#f3f4f0e8);box-shadow:0 36px 150px #00000065,inset 0 1px 0 #fff}
.offer-dialog[data-tone="pearl"] .offer-lead{color:#495a64}.offer-dialog[data-tone="pearl"] .offer-price span{color:#66767e}.offer-dialog[data-tone="pearl"] .offer-section,.offer-dialog[data-tone="pearl"] .dialog-footer{border-color:#3c535523}.offer-dialog[data-tone="pearl"] .offer-section p,.offer-dialog[data-tone="pearl"] .detail-list li{color:#52636b}.offer-dialog[data-tone="pearl"] .detail-list strong{color:#2c3941}.offer-dialog[data-tone="pearl"] .offer-note{color:#607079!important}.offer-dialog[data-tone="pearl"] .dialog-footer{color:#6b777d}.offer-dialog[data-tone="pearl"] .close-dialog{color:#36464f;border-color:#52636b38;background:#ffffff8a}.offer-dialog[data-tone="pearl"] .close-dialog:hover{background:#fff}.offer-dialog[data-tone="pearl"] .close-dialog:focus-visible{outline-color:#435962}.offer-dialog[data-tone="pearl"] .dialog-scroll{scrollbar-color:#66777745 transparent}.offer-dialog[data-tone="pearl"] .premium-portrait{background:radial-gradient(ellipse at 55% 40%,#c4cecd75,transparent 68%)}.offer-dialog[data-tone="pearl"] .portrait-caption{color:#34454f;background:#ffffffa6;border-color:#ffffffb3}.offer-dialog[data-tone="pearl"] .portrait-caption span{color:#657780}
@media(max-width:1100px) and (min-width:761px){.contact-author{padding:15px 17px;gap:9px}.contact-author span{font-size:13px}}
@media(max-width:760px){.contact-author{margin-top:25px;min-height:58px;width:min(100%,290px)}.orbit-area{margin-top:21px}}
