.site-header .header-timeline{grid-template-columns:repeat(8,minmax(0,1fr))}
.timeline-line{left:6.25%;right:6.25%}
.hero-glass{display:flex;align-items:center;gap:var(--ds-box-spacing-base-11);width:min(960px,calc(100vw - 2 * var(--page-margin)));max-width:none}
.hero-copy{flex:1;min-width:0}.hero-profile{width:clamp(120px,16vw,230px);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;flex:none;border:3px solid color-mix(in srgb, var(--brand-white) 50.196%, transparent);box-shadow:0 8px 40px color-mix(in srgb, var(--brand-ink) 20%, transparent)}
.award-badge{width:78px;height:100px;object-fit:contain}
#citta .award-block .project-award{font-size:12px;line-height:1.5}
.journey-note.palm-note{left:calc(50% + 78px);transform:translateY(-50%)}
.photo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:44px;height:44px;border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 50.196%, transparent);border-radius:50%;background:color-mix(in srgb, var(--brand-plum) 53.333%, transparent);backdrop-filter:blur(12px);color:var(--brand-white);font:32px/1 sans-serif;cursor:pointer;opacity:0;transition:opacity .18s,background .18s;display:grid;place-items:center}
.photo-arrow.previous{left:16px}.photo-arrow.next{right:16px}.photo-stage:hover .photo-arrow,.photo-stage:focus-within .photo-arrow,.project-dialog:hover .dialog-arrow,.project-dialog:focus-within .dialog-arrow{opacity:1}.photo-arrow:hover{background:color-mix(in srgb, var(--brand-plum) 80%, transparent)}.photo-arrow:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;opacity:1}
.interior-minimize{position:absolute;top:12px;right:16px;z-index:10;border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 56.471%, transparent);background:color-mix(in srgb, var(--brand-white) 40%, transparent);color:var(--brand-plum);border-radius:50%;width:32px;height:32px;font:24px/1 sans-serif;cursor:pointer}
.interior-panel{position:relative}.interior-mini{display:none}
#casa.is-minimized .byat-window{flex:none;height:var(--compact-header-height,84px);min-height:0;max-height:none;align-self:flex-start;margin-top:0}
#casa.is-minimized .byat-track,#casa.is-minimized .interior-panel{height:100%;min-height:0}
#casa.is-minimized .interior-panel{display:flex!important;flex-direction:row;padding:10px 62px 10px 18px;align-items:center;width:calc(var(--viewport-width,100vw) - 2 * var(--page-margin));border-radius:20px}
#casa.is-minimized .interior-panel>.byat-copy,#casa.is-minimized .interior-panel>.photo-gallery{display:none}
#casa.is-minimized .interior-mini{display:flex;align-items:center;gap:18px;font-size:clamp(16px,2vw,24px);font-weight:600}
.interior-mini img{height:calc(var(--compact-header-height,84px) - 22px);width:90px;object-fit:cover;border-radius:9px}
#casa.is-minimized .interior-minimize{top:50%;transform:translateY(-50%)}
.contact{height:190svh!important}.contact .contact-pin{position:sticky;top:0;height:100svh;isolation:isolate}
.contact-spoon-background{position:absolute;inset:4% 0;width:100%;height:92%;object-fit:contain;z-index:-1;pointer-events:none;opacity:0}
#devmode{position:fixed;right:12px;bottom:12px;z-index:100001;width:300px;max-width:calc(100vw - 24px);padding:12px;border:var(--brand-border-width) solid #ffffff55;border-radius:13px;color:var(--brand-white);background:#241b27ed;box-shadow:0 8px 30px #0004;font:12px/1.45 ui-monospace,monospace;backdrop-filter:blur(15px)}
#devmode summary{cursor:pointer;letter-spacing:.06em}#devmode summary span{color:#d4b778;float:right}#devmode code{display:block;overflow-wrap:anywhere;font-size:11px;margin:9px 0;color:#e7d5ac}#devmode label{display:inline-flex;gap:6px;align-items:center;margin:5px 10px 5px 0}#devmode button{border:var(--brand-border-width) solid #ffffff50;background:#ffffff15;color:white;border-radius:calc(var(--brand-radius-button) * 0.2);padding:6px 8px;cursor:pointer;font:inherit;margin:4px 3px 0 0}#devmode output{display:block;margin-top:7px;overflow-wrap:anywhere}#devmode input[type=number]{width:48px;background:#fff;color:#222;border:0;border-radius:3px;padding:3px}#dev-grid{position:fixed;inset:0;z-index:99998;pointer-events:none}.dev-drag-enabled [data-dev-id]{cursor:move!important}.dev-selected{outline:2px dashed #ffc75a!important;outline-offset:4px}
@media(hover:none){.photo-arrow{opacity:1}}
@media(max-width:650px){.hero-glass{gap:var(--ds-box-spacing-mobile-11);flex-wrap:wrap}.hero-profile{width:100px;order:-1}.hero-copy{flex-basis:100%}.hero-glass h1{font-size:var(--ds-display-size-mobile-3);}.journey-note.palm-note{left:calc(50% + 48px);max-width:calc(50vw - 60px);padding:10px!important;font-size:12px}.journey-note.dubai-note{left:calc(50% - 25px)}.photo-arrow{width:36px;height:36px}.contact{height:auto!important}.contact .contact-pin{height:auto;min-height:100svh;position:relative}.contact-spoon-background{opacity:var(--contact-spoon-opacity,0)}}
@media(prefers-reduced-motion:reduce){.contact{height:auto!important}.contact .contact-pin{position:relative;height:auto}.contact-spoon-background{opacity:.12!important}}
@media(max-width:650px){.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){font-size:8px}.header-timeline .timeline-label{overflow-wrap:normal;word-break:normal}.contact{height:calc(var(--contact-content-height,100svh) + 90svh)!important}.contact .contact-pin{position:sticky;top:min(0px,calc(100svh - var(--contact-content-height,100svh)))} }