.hero-glass{width:min(1240px,calc(100vw - 2 * var(--page-margin)));gap:var(--ds-box-spacing-base-12);}
.hero-profile{width:clamp(240px,32vw,460px);max-width:44%;height:auto}
.site-header .header-timeline{grid-template-columns:repeat(9,minmax(0,1fr))}
.timeline-line{left:calc(100% / 18);right:calc(100% / 18)}
.timeline-projects{position:relative;display:flex;min-width:0}.timeline-projects>[data-section]{width:100%}
.projects-menu{position:absolute;top:100%;right:-45px;padding:16px;width:280px;max-width:calc(100vw - 48px);border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 40%, transparent);border-radius:calc(var(--brand-radius) * 0.75);background:color-mix(in srgb, var(--brand-plum) 96.078%, transparent);backdrop-filter:blur(24px);box-shadow:0 16px 50px color-mix(in srgb, var(--brand-ink) 26.667%, transparent);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:15}
.timeline-projects.menu-open .projects-menu{visibility:visible;opacity:1;pointer-events:auto;transform:none}
.site-header .header-timeline .projects-menu a,.site-header .header-timeline .projects-menu a:nth-child(n){display:block;min-height:0;padding:10px 12px;text-align:left;color:var(--brand-white);font-size:13px;line-height:1.4;border-radius:7px}
.site-header .header-timeline .projects-menu a:hover,.site-header .header-timeline .projects-menu a:focus-visible{background:color-mix(in srgb, var(--brand-white) 9.412%, transparent);color:var(--brand-primary)}
.dev-drag-enabled [data-dev-id]{pointer-events:auto!important;touch-action:none}
.dev-drag-enabled .journey-note{z-index:20}
#devmode{max-height:calc(100dvh - 24px);overflow-y:auto}
#devmode .dev-sizing label{display:flex;margin:9px 0;gap:8px;flex-wrap:wrap}#devmode select{width:100%;background:#332b39;color:var(--brand-white);border:var(--brand-border-width) solid #ffffff50;padding:6px;border-radius:5px;font:inherit}
#devmode input[type=range]{width:125px;accent-color:#dd955d}#devmode .dev-sizing output{display:inline;margin:0}
#casa.is-minimized .interior-mini{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.4fr);width:100%;height:100%;gap:24px}
.interior-mini-title{font-size:clamp(18px,2.3vw,34px);line-height:1.15;letter-spacing:-.035em;font-weight:650}
.interior-mini-thumbs{display:flex;align-items:stretch;gap:10px;height:100%;min-width:0;overflow-x:auto;padding:3px;scrollbar-width:thin}
.interior-mini-thumbs button{position:relative;flex:1 0 0;min-width:40px;border:2px solid color-mix(in srgb, var(--brand-white) 50.196%, transparent);border-radius:calc(var(--brand-radius-button) * 0.3333333333333333);overflow:hidden;background:color-mix(in srgb, var(--brand-white) 12.549%, transparent);padding:0;cursor:pointer}
.interior-mini-thumbs button[aria-pressed=true]{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary)}
.interior-mini-thumbs button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}
.interior-mini .interior-mini-thumbs img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.contact-manifesto{min-height:80px}
.contact .contact-path{background:linear-gradient(125deg,color-mix(in srgb, var(--brand-ink) 90.98%, transparent),color-mix(in srgb, var(--brand-ink) 90.98%, transparent))}
@media(max-width:899px){.hero-profile{width:clamp(220px,32vw,360px)}.hero-glass h1{font-size:var(--ds-display-size-mobile-4);}.interior-mini-title{font-size:clamp(16px,2.3vw,22px)}#casa.is-minimized .interior-mini{gap:12px;grid-template-columns:minmax(135px,.75fr) minmax(0,1.5fr)}}
@media(max-width:650px){.hero-profile{width:200px;max-width:65%;order:-1}.hero-glass{gap:var(--ds-box-spacing-mobile-11);}.hero-glass h1{font-size:var(--ds-display-size-mobile-3);}.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){font-size:8px;padding-inline:0}.site-header .header-timeline{grid-template-columns:repeat(9,minmax(0,1fr))}.projects-menu{right:-35px;width:250px}.interior-mini-title{font-size:14px}#casa.is-minimized .interior-mini{grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr);gap:8px}.interior-mini-thumbs{gap:5px}.interior-mini-thumbs button{min-width:30px}#casa.is-minimized .interior-panel{padding-left:12px;padding-right:46px}.interior-minimize{right:8px}}
@media(prefers-reduced-motion:reduce){.contact-spoon-background{opacity:1!important}.projects-menu{transition:none}}
#page-scroll-indicator{position:fixed;right:max(3px,calc(var(--page-margin) / 2 - 20px));top:50%;transform:translateY(-50%);width:40px;height:68px;padding:0;border:0;background:none;z-index:45;cursor:pointer;filter:drop-shadow(0 1px 3px color-mix(in srgb, var(--brand-ink) 53.333%, transparent))}
#page-scroll-indicator[hidden]{display:none}#page-scroll-indicator img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .18s}#page-scroll-indicator .scroll-icon-viola{opacity:0}#page-scroll-indicator.is-on-light{filter:none}#page-scroll-indicator.is-on-light .scroll-icon-viola{opacity:1}#page-scroll-indicator.is-on-light .scroll-icon-bianca{opacity:0}#page-scroll-indicator:focus-visible{outline:2px solid var(--bronze);outline-offset:4px;border-radius:10px}
@media(max-width:650px){#page-scroll-indicator{width:24px;height:48px;right:1px}}
@media(prefers-reduced-motion:reduce){#page-scroll-indicator img{transition:none}}
