.mad-portfolio-scope{--proj-dial-view-h:220px;--proj-tick-gap:2px;--proj-tick-h:3px;--proj-stage-w:min(52vw, 720px);--proj-stage-h:min(56vh, 640px);--proj-deco-top-offset:calc(env(safe-area-inset-top,0px) + 5.1rem);color:var(--mad-text-aaa-primary)}.mad-portfolio-scope .proj{isolation:isolate;background:var(--mad-base);width:100%;height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.mad-portfolio-scope .proj[data-view=list]{height:auto;min-height:100dvh;overflow:visible}.mad-portfolio-scope .proj[data-view=list] .proj__orbit,.mad-portfolio-scope .proj[data-view=list] .proj__flash,.mad-portfolio-scope .proj[data-view=list] .proj__dial,.mad-portfolio-scope .proj[data-view=list] .proj__images,.mad-portfolio-scope .proj[data-view=list] .proj__titles,.mad-portfolio-scope .proj[data-view=list] .proj__underline,.mad-portfolio-scope .proj[data-view=list] .proj__info,.mad-portfolio-scope .proj[data-view=list] .proj__year-wrap,.mad-portfolio-scope .proj[data-view=list] .proj__scroll-hint,.mad-portfolio-scope .proj[data-view=list] .proj__counter,.mad-portfolio-scope .proj[data-view=list] .proj__crosshair,.mad-portfolio-scope .proj[data-view=slider] .proj__list{display:none!important}.mad-portfolio-scope .proj[data-view=list] .proj__list{padding:0 max(1rem, env(safe-area-inset-right)) 3rem max(1rem, env(safe-area-inset-left));margin-top:.5rem;display:block;position:relative}.mad-portfolio-scope .proj__glow{z-index:0;pointer-events:none;background:radial-gradient(ellipse 72% 58% at 50% 100%, color-mix(in srgb, var(--mad-gold) 20%, transparent) 0%, transparent 54%), radial-gradient(ellipse 52% 42% at 12% 10%, color-mix(in srgb, var(--mad-deep) 92%, var(--mad-gold) 8%) 0%, transparent 46%), radial-gradient(ellipse 48% 38% at 90% 16%, color-mix(in srgb, var(--mad-base) 78%, var(--mad-gold) 6%) 0%, transparent 42%), radial-gradient(ellipse 92% 72% at 50% 48%, var(--mad-deep) 0%, var(--mad-base) 44%, var(--mad-void) 100%);position:absolute;inset:-28%}.mad-portfolio-scope .proj__deco-left{z-index:48;left:max(.5rem, env(safe-area-inset-left));pointer-events:none;align-items:center;gap:.65rem;display:flex;position:absolute;top:50%;translate:0 -50%}.mad-portfolio-scope .proj[data-view=list] .proj__deco-left{display:none}.mad-portfolio-scope .proj__vertical-text{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb, var(--mad-text-aaa-body) 75%, transparent);writing-mode:vertical-rl;white-space:nowrap;font-size:8px;transform:rotate(180deg)}.mad-portfolio-scope .proj__line{background:linear-gradient(180deg, transparent, var(--mad-border-gold-faint) 15%, var(--mad-border-gold-muted) 50%, var(--mad-border-gold-faint) 85%, transparent);width:1px;height:min(42vh,320px)}.mad-portfolio-scope .proj__deco-top{z-index:50;left:max(1rem, env(safe-area-inset-left));right:max(1rem, env(safe-area-inset-right));top:var(--proj-deco-top-offset);pointer-events:none;align-items:center;gap:.75rem 1rem;display:flex;position:absolute}.mad-portfolio-scope .proj__deco-top>*{pointer-events:auto}.mad-portfolio-scope .proj__sort{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.35rem .5rem;display:flex}.mad-portfolio-scope .proj__sort-label{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--mad-text-aaa-body) 88%, transparent);margin-right:.25rem;font-size:8px}.mad-portfolio-scope .proj__sort-btn{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;color:color-mix(in srgb, var(--mad-text-aaa-body) 85%, transparent);background:0 0;border:none;padding:0;font-size:8px;transition:color .2s}.mad-portfolio-scope .proj__sort-btn:hover{color:var(--mad-gold)}.mad-portfolio-scope .proj__sort-btn.is-active{color:var(--mad-text-aaa-primary);font-weight:600}.mad-portfolio-scope .proj__sort-sep{color:var(--mad-border-gold-muted);-webkit-user-select:none;user-select:none;font-size:8px}.mad-portfolio-scope .proj__dash-line{background:linear-gradient(90deg, transparent, var(--mad-border-gold-faint) 8%, var(--mad-border-gold-muted) 50%, var(--mad-border-gold-faint) 92%, transparent);opacity:.85;flex:1;min-width:1.5rem;height:1px}.mad-portfolio-scope .proj__view-toggle{cursor:pointer;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--mad-text-aaa-body) 88%, transparent);background:0 0;border:none;flex-shrink:0;align-items:center;gap:.35rem;padding:0;font-size:8px;display:inline-flex}.mad-portfolio-scope .proj__view-opt{transition:color .2s}.mad-portfolio-scope .proj__view-opt.is-active{color:var(--mad-text-aaa-primary);font-weight:600}.mad-portfolio-scope .proj__view-opt:not(.is-active):hover{color:var(--mad-gold)}.mad-portfolio-scope .proj__view-sep{color:var(--mad-border-gold-muted);-webkit-user-select:none;user-select:none}.mad-portfolio-scope .proj__deco-corners{z-index:42;pointer-events:none;position:absolute;inset:0}.mad-portfolio-scope .proj__corner{border-color:var(--mad-border-gold-faint);border-style:solid;width:36px;height:36px;position:absolute}.mad-portfolio-scope .proj__corner--tl{left:max(.55rem, env(safe-area-inset-left));top:max(.55rem, env(safe-area-inset-top));border-width:1px 0 0 1px}.mad-portfolio-scope .proj__corner--tr{right:max(.55rem, env(safe-area-inset-right));top:max(.55rem, env(safe-area-inset-top));border-width:1px 1px 0 0}.mad-portfolio-scope .proj__corner--bl{left:max(.55rem, env(safe-area-inset-left));bottom:max(.55rem, env(safe-area-inset-bottom));border-width:0 0 1px 1px}.mad-portfolio-scope .proj__corner--br{right:max(.55rem, env(safe-area-inset-right));bottom:max(.55rem, env(safe-area-inset-bottom));border-width:0 1px 1px 0}.mad-portfolio-scope .proj__crosshair{z-index:4;pointer-events:none;opacity:.11;width:min(118vw,1680px);height:min(118vh,1080px);position:absolute;top:46%;left:50%;translate:-50% -50%}.mad-portfolio-scope .proj__crosshair span:first-child{background:linear-gradient(90deg, transparent, var(--mad-highlight) 44%, var(--mad-highlight) 56%, transparent);height:1px;margin-top:-.5px;position:absolute;top:50%;left:0;right:0}.mad-portfolio-scope .proj__crosshair span:nth-child(2){background:linear-gradient(180deg, transparent, var(--mad-highlight) 44%, var(--mad-highlight) 56%, transparent);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0;left:50%}.mad-portfolio-scope .proj__orbit{z-index:3;pointer-events:none;color:var(--mad-gold);width:min(78vw,920px);height:min(78vw,920px);animation:64s linear infinite proj-orbit-rotate;position:absolute;top:44%;left:50%;translate:-50% -50%}.mad-portfolio-scope .proj__orbit svg{width:100%;height:100%;display:block}@keyframes proj-orbit-rotate{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.mad-portfolio-scope .proj__orbit{animation:none}}.mad-portfolio-scope .proj__grid-deco{right:max(3.5rem, calc(env(safe-area-inset-right) + 2.5rem));bottom:max(5.5rem, calc(env(safe-area-inset-bottom) + 4.5rem));z-index:41;pointer-events:none;opacity:.35;grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:absolute}.mad-portfolio-scope .proj[data-view=list] .proj__grid-deco{display:none}.mad-portfolio-scope .proj__grid-deco span{background:var(--mad-text-aaa-body);opacity:.55;border-radius:50%;width:3px;height:3px}.mad-portfolio-scope .proj__counter{z-index:49;left:max(1.15rem, env(safe-area-inset-left));top:calc(var(--proj-deco-top-offset) + 2.35rem);font-family:var(--font-montserrat), system-ui, sans-serif;pointer-events:none;align-items:baseline;gap:.15rem;font-weight:300;line-height:1;display:flex;position:absolute}.mad-portfolio-scope .proj__counter-num{letter-spacing:.02em;color:var(--mad-text-aaa-primary);font-size:clamp(1.5rem,3.4vw,2.15rem);font-weight:600}.mad-portfolio-scope .proj__counter-current{will-change:transform, opacity;display:inline-block}.mad-portfolio-scope .proj__counter-sep{opacity:.45;margin:0 .08em;font-size:clamp(1rem,2vw,1.35rem);font-weight:300}.mad-portfolio-scope .proj__counter-total{opacity:.5;letter-spacing:.04em;font-size:clamp(.95rem,1.85vw,1.2rem);font-weight:300}.mad-portfolio-scope .proj__flash{z-index:24;pointer-events:none;opacity:0;mix-blend-mode:plus-lighter;will-change:opacity;background:#fff;position:absolute;inset:0}.mad-portfolio-scope .proj__images{width:var(--proj-stage-w);height:var(--proj-stage-h);perspective:1000px;perspective-origin:50%;max-width:calc(100vw - 2.25rem);transform-style:preserve-3d;z-index:12;pointer-events:auto;position:absolute;top:48%;left:50%;translate:-50% -50%}.mad-portfolio-scope .proj__img{box-shadow:var(--mad-drop-image-deep), 0 0 0 1px var(--mad-border-gold-faint);opacity:0;pointer-events:none;will-change:transform, opacity, filter;border-radius:5px;position:absolute;inset:0;overflow:hidden}.mad-portfolio-scope .proj__img-inner{transform-origin:50%;will-change:transform, filter;position:absolute;inset:0}.mad-portfolio-scope .proj__img-inner img{object-fit:cover}.mad-portfolio-scope .proj__titles{left:50%;bottom:max(11.5rem, calc(env(safe-area-inset-bottom) + 9.5rem));z-index:46;pointer-events:none;text-align:center;width:min(94vw,1120px);min-height:clamp(4.5rem,14vh,8rem);position:absolute;translate:-50%}.mad-portfolio-scope .proj__title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--mad-text-aaa-primary);text-shadow:0 2px 40px #00000073;opacity:0;margin:0;font-weight:700;line-height:.98;transition:opacity .35s;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.mad-portfolio-scope .proj__title.is-active{opacity:1}.mad-portfolio-scope .proj__underline{left:50%;bottom:max(10.75rem, calc(env(safe-area-inset-bottom) + 8.75rem));z-index:45;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mad-gold) 55%, transparent) 20%, var(--mad-gold) 50%, color-mix(in srgb, var(--mad-gold) 55%, transparent) 80%, transparent);opacity:.55;width:min(56vw,420px);height:2px;position:absolute;translate:-50%}.mad-portfolio-scope .proj__info{left:max(1.15rem, env(safe-area-inset-left));bottom:max(1.15rem, env(safe-area-inset-bottom));z-index:47;pointer-events:none;max-width:min(42vw,380px);min-height:3.25rem;position:absolute}.mad-portfolio-scope .proj__desc{opacity:0;text-align:left;transition:opacity .35s;position:absolute;bottom:0;left:0}.mad-portfolio-scope .proj__desc.is-active{opacity:1}.mad-portfolio-scope .proj__client{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mad-text-aaa-primary);margin:0 0 .35rem;font-size:clamp(.68rem,1.15vw,.8rem);font-weight:700}.mad-portfolio-scope .proj__role{font-family:var(--font-montserrat), system-ui, sans-serif;letter-spacing:.08em;color:color-mix(in srgb, var(--mad-text-aaa-body) 92%, transparent);margin:0;font-size:clamp(.65rem,1.05vw,.75rem);font-weight:300;line-height:1.45}.mad-portfolio-scope .proj__year-wrap{right:max(2.75rem, calc(env(safe-area-inset-right) + 1.75rem));bottom:max(1.15rem, env(safe-area-inset-bottom));z-index:47;pointer-events:none;text-align:right;min-width:4rem;min-height:1.25rem;position:absolute}.mad-portfolio-scope .proj__year{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--mad-text-aaa-body) 85%, transparent);opacity:0;white-space:nowrap;font-size:9px;transition:opacity .35s;position:absolute;bottom:0;right:0}.mad-portfolio-scope .proj__year.is-active{opacity:1}.mad-portfolio-scope .proj__dial{z-index:44;right:max(.55rem, env(safe-area-inset-right));width:24px;height:var(--proj-dial-view-h);pointer-events:none;cursor:grab;position:absolute;top:50%;overflow:hidden;translate:0 -50%;mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.mad-portfolio-scope .proj__dial-track{align-items:center;gap:var(--proj-tick-gap);will-change:transform;flex-direction:column;padding-block:.5rem;display:flex;position:absolute;top:0;left:50%;translate:-50%}.mad-portfolio-scope .proj__dial-tick{width:10px;height:var(--proj-tick-h);background:color-mix(in srgb, var(--mad-text-aaa-body) 32%, transparent);border-radius:1px;flex-shrink:0}.mad-portfolio-scope .proj__dial-tick.is-active{background:var(--mad-gold);width:14px;box-shadow:0 0 12px color-mix(in srgb, var(--mad-gold) 42%, transparent)}.mad-portfolio-scope .proj__links{clip:rect(0 0 0 0);width:0;height:0;position:absolute;overflow:hidden}.mad-portfolio-scope .proj__scroll-hint{left:50%;bottom:max(6.25rem, calc(env(safe-area-inset-bottom) + 5rem));z-index:43;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.38em;text-transform:uppercase;color:color-mix(in srgb, var(--mad-text-aaa-body) 62%, transparent);pointer-events:none;flex-direction:column;align-items:center;gap:.35rem;font-size:8px;display:flex;position:absolute;translate:-50%}.mad-portfolio-scope .proj__scroll-hint svg{color:color-mix(in srgb, var(--mad-gold) 75%, var(--mad-text-aaa-body));opacity:.85;animation:1.75s ease-in-out infinite proj-scroll-nudge}@keyframes proj-scroll-nudge{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.mad-portfolio-scope .proj__scroll-hint svg{animation:none}}.mad-portfolio-scope .proj__list{display:none}.mad-portfolio-scope .proj__list-table{border-collapse:collapse;width:100%;font-size:.8125rem}.mad-portfolio-scope .proj__list-table tbody tr{border-bottom:1px solid var(--mad-border-gold-faint);transition:background-color .2s}.mad-portfolio-scope .proj__list-table tbody tr:hover{background:color-mix(in srgb, var(--mad-gold) 7%, transparent)}.mad-portfolio-scope .proj__list-num{font-family:var(--font-montserrat), system-ui, sans-serif;color:var(--mad-gold);vertical-align:middle;width:3rem;padding:.85rem .65rem .85rem 0;font-size:clamp(.85rem,1.6vw,1rem);font-weight:300}.mad-portfolio-scope .proj__list-name{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle;color:var(--mad-text-aaa-primary);padding:.85rem .75rem;font-size:.72rem;font-weight:600;line-height:1.35}.mad-portfolio-scope .proj__list-client,.mad-portfolio-scope .proj__list-role,.mad-portfolio-scope .proj__list-year{font-family:var(--font-montserrat), system-ui, sans-serif;letter-spacing:.04em;vertical-align:middle;color:color-mix(in srgb, var(--mad-text-aaa-body) 95%, transparent);padding:.85rem .65rem;font-size:.75rem;font-weight:300}.mad-portfolio-scope .proj__list-year{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;text-align:right;white-space:nowrap;color:color-mix(in srgb, var(--mad-text-aaa-body) 80%, transparent);font-size:9px}.mad-portfolio-scope .proj__list-img-preview{z-index:100;border:1px solid var(--mad-border-gold-muted);pointer-events:none;opacity:0;width:200px;height:120px;box-shadow:var(--mad-shadow-modal);background-position:50%;background-size:cover;border-radius:4px;transition:opacity .2s;position:fixed}.mad-portfolio-scope .proj__list-img-preview.is-visible{opacity:1}