@media (min-width:1440px) and (max-width:1440px){.portfolio-home-section.portfolio-architecture-section{padding-block:80px}.portfolio-architecture-grid{grid-template-columns:556px minmax(0,1fr);align-items:center;gap:40px;display:grid}.portfolio-architecture-grid .portfolio-section-copy{flex-direction:column;order:0;gap:24px;width:100%;display:flex}.portfolio-architecture-grid .portfolio-section-copy h2{width:100%;font-size:48px;font-weight:400;line-height:52px}.portfolio-architecture-grid .portfolio-copy-stack{gap:24px;width:100%;margin-top:0}.portfolio-architecture-grid .portfolio-copy-stack p{font-size:16px;font-weight:300;line-height:24px}.portfolio-visual-architecture{aspect-ratio:auto;width:556px;height:436px;padding:48px}.portfolio-visual-architecture .glass-surface-proof{width:100%;max-width:none;height:100%;padding:48px}.portfolio-visual-architecture .glass-proof-stack{gap:24px;width:364px;max-width:100%;height:auto}.portfolio-visual-architecture .glass-proof-card{width:100%;padding:0}.portfolio-visual-architecture .glass-proof-card-title{font-size:18px;font-weight:700;line-height:24px}.portfolio-visual-architecture .glass-proof-card p{font-size:16px;line-height:20px}}@media (min-width:1280px) and (max-width:1280px){.portfolio-home-section.portfolio-architecture-section{padding-block:80px}.portfolio-architecture-grid{grid-template-columns:492px minmax(0,1fr);align-items:center;gap:40px;display:grid}.portfolio-architecture-grid .portfolio-section-copy{flex-direction:column;order:0;gap:24px;width:100%;display:flex}.portfolio-architecture-grid .portfolio-section-copy h2{width:100%;font-size:44px;font-weight:400;line-height:48px}.portfolio-architecture-grid .portfolio-copy-stack{gap:24px;width:100%;margin-top:0}.portfolio-architecture-grid .portfolio-copy-stack p{font-size:16px;font-weight:300;line-height:24px}.portfolio-visual-architecture{aspect-ratio:auto;width:492px;height:372px;padding:32px}.portfolio-visual-architecture .glass-surface-proof{width:100%;max-width:none;height:100%;padding:32px}.portfolio-visual-architecture .glass-proof-stack{gap:24px;width:364px;max-width:100%;height:auto}.portfolio-visual-architecture .glass-proof-card{width:100%;padding:0}.portfolio-visual-architecture .glass-proof-card-title{font-size:18px;font-weight:700;line-height:24px}.portfolio-visual-architecture .glass-proof-card p{font-size:16px;line-height:20px}}@media (min-width:981px) and (max-width:1279px){.portfolio-home-section.portfolio-architecture-section{padding-block:80px}.portfolio-architecture-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.portfolio-architecture-grid .portfolio-section-copy{flex-direction:column;order:0;gap:24px;width:100%;display:flex}.portfolio-architecture-grid .portfolio-section-copy h2{width:100%;font-size:44px;font-weight:400;line-height:48px}.portfolio-architecture-grid .portfolio-copy-stack{gap:24px;width:100%;margin-top:0}.portfolio-architecture-grid .portfolio-copy-stack p{font-size:16px;font-weight:300;line-height:24px}.portfolio-visual-architecture{aspect-ratio:auto;width:100%;height:368px;padding:32px}.portfolio-visual-architecture .glass-surface-proof{width:100%;max-width:none;height:100%;padding:32px}.portfolio-visual-architecture .glass-proof-stack{gap:24px;width:100%;height:auto}.portfolio-visual-architecture .glass-proof-card{width:100%;padding:0}.portfolio-visual-architecture .glass-proof-card-title{font-size:16px;font-weight:700;line-height:20px}.portfolio-visual-architecture .glass-proof-card p{font-size:14px;line-height:18px}}@media (min-width:768px) and (max-width:800px){.portfolio-home-section.portfolio-architecture-section{padding-block:32px 64px}.portfolio-architecture-grid{display:none}.portfolio-architecture-compact{flex-direction:column;gap:48px;width:100%;max-width:none;display:flex}.portfolio-architecture-compact-head{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.portfolio-architecture-compact-title{width:100%;color:var(--portfolio-color-neutral-50);font-size:44px;font-weight:400;line-height:48px}.portfolio-architecture-compact-head p{color:var(--portfolio-color-neutral-200);margin:0;font-size:18px;font-weight:400;line-height:24px}.portfolio-architecture-compact-rows{flex-direction:column;gap:72px;display:flex}.portfolio-architecture-compact-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px;display:grid}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-card{order:2}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-copy{order:1}.portfolio-architecture-compact-card{border:1px solid var(--portfolio-color-surface-raised);background:var(--portfolio-color-surface-canvas);isolation:isolate;border-radius:12px;justify-content:center;align-items:center;width:100%;height:212px;padding:32px;display:flex;position:relative;overflow:hidden}.portfolio-architecture-compact-backdrop{z-index:0;border-radius:inherit;background-color:var(--portfolio-color-surface-canvas);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.portfolio-architecture-compact-card[data-visual=sphere-left] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/08-portfolio-monoforms-property1sphereleft.webp)}.portfolio-architecture-compact-card[data-visual=sphere-right] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/09-portfolio-monoforms-property1sphereright.webp)}.portfolio-architecture-compact-card[data-visual=arc-curved] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/01-portfolio-monoforms-property1arccurved.webp);background-position:50% 58%;background-size:153%}.portfolio-architecture-compact-row:nth-child(2) .portfolio-architecture-compact-card{height:228px}.portfolio-architecture-compact-row:nth-child(3) .portfolio-architecture-compact-card{height:210px}.portfolio-architecture-compact-glass{z-index:1;background:var(--portfolio-overlay-black-60);width:100%;height:100%;box-shadow:0 15px 20px var(--portfolio-overlay-black-55);-webkit-backdrop-filter:var(--portfolio-effect-glass-backdrop);backdrop-filter:var(--portfolio-effect-glass-backdrop);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:32px;display:flex;position:relative}.portfolio-architecture-compact-card-title{color:var(--portfolio-color-neutral-100);font-family:var(--font-body);font-size:16px;font-weight:700;line-height:20px}.portfolio-architecture-compact-glass p{color:var(--portfolio-color-neutral-300);margin:0;font-size:14px;font-weight:400;line-height:18px}.portfolio-architecture-compact-copy{color:var(--portfolio-color-neutral-200);margin:0;font-size:16px;font-weight:300;line-height:24px}}@media (min-width:768px) and (max-width:768px){.portfolio-architecture-compact-card{height:192px}.portfolio-architecture-compact-row:nth-child(2) .portfolio-architecture-compact-card,.portfolio-architecture-compact-row:nth-child(3) .portfolio-architecture-compact-card{height:210px}}@media (min-width:481px) and (max-width:640px){.portfolio-home-section.portfolio-architecture-section{padding-block:32px 64px}.portfolio-architecture-grid{display:none}.portfolio-architecture-compact{flex-direction:column;gap:72px;width:100%;max-width:none;display:flex}.portfolio-architecture-compact-head{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.portfolio-architecture-compact-title{width:100%;color:var(--portfolio-color-neutral-50);font-size:36px;font-weight:400;line-height:40px}.portfolio-architecture-compact-head p{color:var(--portfolio-color-neutral-200);margin:0;font-size:18px;font-weight:400;line-height:24px}.portfolio-architecture-compact-rows{flex-direction:column;gap:72px;display:flex}.portfolio-architecture-compact-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:32px;display:grid}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-card{order:2}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-copy{order:1}.portfolio-architecture-compact-card{border:1px solid var(--portfolio-color-surface-raised);background:var(--portfolio-color-surface-canvas);isolation:isolate;border-radius:12px;justify-content:center;align-items:center;width:100%;height:212px;padding:32px;display:flex;position:relative;overflow:hidden}.portfolio-architecture-compact-row:nth-child(2) .portfolio-architecture-compact-card,.portfolio-architecture-compact-row:nth-child(3) .portfolio-architecture-compact-card{height:228px}.portfolio-architecture-compact-backdrop{z-index:0;border-radius:inherit;background-color:var(--portfolio-color-surface-canvas);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.portfolio-architecture-compact-card[data-visual=sphere-left] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/08-portfolio-monoforms-property1sphereleft.webp)}.portfolio-architecture-compact-card[data-visual=sphere-right] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/09-portfolio-monoforms-property1sphereright.webp)}.portfolio-architecture-compact-card[data-visual=arc-curved] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/01-portfolio-monoforms-property1arccurved.webp);background-position:50% 58%;background-size:153%}.portfolio-architecture-compact-glass{z-index:1;background:var(--portfolio-overlay-black-60);width:100%;height:100%;box-shadow:0 15px 20px var(--portfolio-overlay-black-55);-webkit-backdrop-filter:var(--portfolio-effect-glass-backdrop);backdrop-filter:var(--portfolio-effect-glass-backdrop);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:32px;display:flex;position:relative}.portfolio-architecture-compact-card-title{color:var(--portfolio-color-neutral-100);font-family:var(--font-body);font-size:16px;font-weight:700;line-height:20px}.portfolio-architecture-compact-glass p{color:var(--portfolio-color-neutral-300);margin:0;font-size:14px;font-weight:400;line-height:18px}.portfolio-architecture-compact-copy{color:var(--portfolio-color-neutral-200);margin:0;font-size:16px;font-weight:300;line-height:24px}}@media (min-width:600px) and (max-width:600px){.portfolio-architecture-compact-row:nth-child(2) .portfolio-architecture-compact-card{height:246px}}@media (max-width:480px){.portfolio-home-section.portfolio-architecture-section{padding-block:32px 64px}.portfolio-architecture-grid{display:none}.portfolio-architecture-compact{flex-direction:column;gap:48px;width:100%;max-width:none;display:flex}.portfolio-architecture-compact-head{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.portfolio-architecture-compact-title{width:100%;color:var(--portfolio-color-neutral-50);font-size:36px;font-weight:400;line-height:40px}.portfolio-architecture-compact-head p{color:var(--portfolio-color-neutral-200);margin:0;font-size:18px;font-weight:400;line-height:24px}.portfolio-architecture-compact-rows{flex-direction:column;gap:48px;display:flex}.portfolio-architecture-compact-row,.portfolio-architecture-compact-row[data-reverse=true]{flex-direction:column;justify-content:center;align-items:stretch;gap:24px;display:flex}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-card,.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-copy{order:initial}.portfolio-architecture-compact-card{border:1px solid var(--portfolio-color-surface-raised);background:var(--portfolio-color-surface-canvas);isolation:isolate;border-radius:12px;justify-content:center;align-items:center;width:100%;height:192px;padding:32px;display:flex;position:relative;overflow:hidden}.portfolio-architecture-compact-row:nth-child(2) .portfolio-architecture-compact-card,.portfolio-architecture-compact-row:nth-child(3) .portfolio-architecture-compact-card{height:210px}.portfolio-architecture-compact-backdrop{z-index:0;border-radius:inherit;background-color:var(--portfolio-color-surface-canvas);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.portfolio-architecture-compact-card[data-visual=sphere-left] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/08-portfolio-monoforms-property1sphereleft.webp)}.portfolio-architecture-compact-card[data-visual=sphere-right] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/09-portfolio-monoforms-property1sphereright.webp)}.portfolio-architecture-compact-card[data-visual=arc-curved] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/01-portfolio-monoforms-property1arccurved.webp);background-position:50% 58%;background-size:153%}.portfolio-architecture-compact-glass{z-index:1;background:var(--portfolio-overlay-black-60);width:100%;height:100%;min-height:91px;box-shadow:0 15px 20px var(--portfolio-overlay-black-55);-webkit-backdrop-filter:var(--portfolio-effect-glass-backdrop);backdrop-filter:var(--portfolio-effect-glass-backdrop);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:32px;display:flex;position:relative}.portfolio-architecture-compact-card-title{color:var(--portfolio-color-neutral-100);font-family:var(--font-body);font-size:16px;font-weight:700;line-height:20px}.portfolio-architecture-compact-glass p{color:var(--portfolio-color-neutral-300);margin:0;font-size:14px;font-weight:400;line-height:18px}.portfolio-architecture-compact-copy{color:var(--portfolio-color-neutral-200);margin:0;font-size:16px;font-weight:300;line-height:24px}}.portfolio-home-section.portfolio-architecture-section{min-height:auto;padding-block:112px 80px}.portfolio-architecture-grid{grid-template-columns:588px minmax(0,1fr);align-items:center;gap:124px;width:100%;max-width:none}.portfolio-architecture-grid .portfolio-section-copy{flex-direction:column;gap:24px;width:100%;display:flex}.portfolio-architecture-grid .portfolio-section-copy h2{width:100%;font-size:48px;font-weight:400;line-height:52px}.portfolio-architecture-grid .portfolio-copy-stack{gap:24px;width:100%;margin-top:0}.portfolio-architecture-grid .portfolio-copy-stack p{color:var(--portfolio-color-neutral-200);font-size:16px;font-weight:300;line-height:24px}.portfolio-visual-architecture{aspect-ratio:auto;border-color:var(--portfolio-color-surface-raised);width:588px;height:468px;padding:64px}.portfolio-visual-architecture .glass-surface-proof{width:100%;max-width:none;height:100%;padding:48px}.portfolio-visual-architecture .glass-proof-stack{gap:24px;width:364px;max-width:100%;height:auto}.portfolio-visual-architecture .glass-proof-card{width:100%;margin:0;padding:0}.portfolio-visual-architecture .glass-proof-card-title{font-size:18px;font-weight:700;line-height:24px}.portfolio-visual-architecture .glass-proof-card p{font-size:16px;line-height:20px}@media (min-width:1740px) and (max-width:1740px){.portfolio-architecture-grid{grid-template-columns:588px minmax(0,1fr);gap:124px}}@media (min-width:1440px) and (max-width:1440px){.portfolio-home-section.portfolio-architecture-section{padding-block:80px}.portfolio-architecture-grid{grid-template-columns:556px minmax(0,1fr);gap:40px}.portfolio-visual-architecture{width:556px;height:436px;padding:48px}}@media (min-width:1281px) and (max-width:1439px){.portfolio-home-section.portfolio-architecture-section{padding-block:80px}.portfolio-architecture-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.portfolio-architecture-grid .portfolio-section-copy,.portfolio-architecture-grid .portfolio-section-copy h2,.portfolio-architecture-grid .portfolio-copy-stack{width:100%}.portfolio-visual-architecture{width:100%;height:436px;padding:48px}}@media (min-width:1280px) and (max-width:1280px){.portfolio-home-section.portfolio-architecture-section{padding-block:80px}.portfolio-architecture-grid{grid-template-columns:492px minmax(0,1fr);gap:40px}.portfolio-visual-architecture{width:492px;height:372px;padding:32px}.portfolio-visual-architecture .glass-surface-proof{padding:32px}}@media (min-width:981px) and (max-width:1279px){.portfolio-home-section.portfolio-architecture-section{padding-block:80px}.portfolio-architecture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.portfolio-visual-architecture{width:100%;height:368px;padding:32px}.portfolio-visual-architecture .glass-surface-proof{padding:32px}.portfolio-visual-architecture .glass-proof-stack{width:100%}.portfolio-visual-architecture .glass-proof-card-title{font-size:16px;line-height:20px}.portfolio-visual-architecture .glass-proof-card p{font-size:14px;line-height:18px}}@media (min-width:641px) and (max-width:980px){.portfolio-home-section.portfolio-architecture-section{padding-block:32px 64px}.portfolio-architecture-grid{display:none}.portfolio-architecture-compact{flex-direction:column;gap:48px;width:100%;max-width:none;display:flex}.portfolio-architecture-compact-head{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.portfolio-architecture-compact-title{font-size:44px;line-height:48px}.portfolio-architecture-compact-head p{font-size:18px;line-height:24px}.portfolio-architecture-compact-rows{flex-direction:column;gap:72px;display:flex}.portfolio-architecture-compact-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;gap:32px;display:grid}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-card{order:2}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-copy{order:1}.portfolio-architecture-compact-card{border:1px solid var(--portfolio-color-surface-raised);background:var(--portfolio-color-surface-canvas);isolation:isolate;border-radius:12px;justify-content:center;align-items:center;width:100%;height:212px;padding:32px;display:flex;position:relative;overflow:hidden}.portfolio-architecture-compact-row:nth-child(2) .portfolio-architecture-compact-card{height:228px}.portfolio-architecture-compact-row:nth-child(3) .portfolio-architecture-compact-card{height:210px}.portfolio-architecture-compact-backdrop{z-index:0;border-radius:inherit;background-color:var(--portfolio-color-surface-canvas);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.portfolio-architecture-compact-card[data-visual=sphere-left] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/08-portfolio-monoforms-property1sphereleft.webp)}.portfolio-architecture-compact-card[data-visual=sphere-right] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/09-portfolio-monoforms-property1sphereright.webp)}.portfolio-architecture-compact-card[data-visual=arc-curved] .portfolio-architecture-compact-backdrop{background-image:url(/portfolio/images/monoforms/01-portfolio-monoforms-property1arccurved.webp);background-position:50% 58%;background-size:153%}.portfolio-architecture-compact-glass{z-index:1;background:var(--portfolio-overlay-black-60);width:100%;height:100%;box-shadow:0 15px 20px var(--portfolio-overlay-black-55);-webkit-backdrop-filter:var(--portfolio-effect-glass-backdrop);backdrop-filter:var(--portfolio-effect-glass-backdrop);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:32px;display:flex;position:relative}.portfolio-architecture-compact-card-title{color:var(--portfolio-color-neutral-100);font-family:var(--font-body);font-size:16px;font-weight:700;line-height:20px}.portfolio-architecture-compact-glass p{color:var(--portfolio-color-neutral-300);margin:0;font-size:14px;font-weight:400;line-height:18px}.portfolio-architecture-compact-copy{color:var(--portfolio-color-neutral-200);margin:0;font-size:16px;font-weight:300;line-height:24px}}@media (min-width:768px) and (max-width:768px){.portfolio-architecture-compact-card{height:192px}.portfolio-architecture-compact-row:nth-child(2) .portfolio-architecture-compact-card,.portfolio-architecture-compact-row:nth-child(3) .portfolio-architecture-compact-card{height:210px}}@media (max-width:640px){.portfolio-home-section.portfolio-architecture-section{padding-block:32px 64px}.portfolio-architecture-grid{display:none}.portfolio-architecture-compact{flex-direction:column;gap:48px;display:flex}.portfolio-architecture-compact-title{font-size:36px;line-height:40px}.portfolio-architecture-compact-head p{font-size:18px;line-height:24px}.portfolio-architecture-compact-rows{gap:72px}.portfolio-architecture-compact-row{gap:32px}}@media (max-width:480px){.portfolio-architecture-compact-rows{gap:48px}.portfolio-architecture-compact-row,.portfolio-architecture-compact-row[data-reverse=true]{flex-direction:column;gap:24px;display:flex}}.portfolio-architecture-compact-card,.portfolio-architecture-compact-glass,.portfolio-architecture-compact-copy{min-width:0}.portfolio-architecture-compact-card-title,.portfolio-architecture-compact-glass p,.portfolio-architecture-compact-copy{overflow-wrap:anywhere}@media (min-width:600px) and (max-width:640px){.portfolio-architecture-compact-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:center;display:grid}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-card{order:2}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-copy{order:1}}@media (min-width:390px) and (max-width:599px){.portfolio-architecture-compact-row,.portfolio-architecture-compact-row[data-reverse=true]{flex-direction:column;justify-content:center;align-items:stretch;gap:24px;display:flex}.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-card,.portfolio-architecture-compact-row[data-reverse=true] .portfolio-architecture-compact-copy{order:initial}.portfolio-architecture-compact-card,.portfolio-architecture-compact-glass{padding:16px}}@media (max-width:980px){.portfolio-architecture-section-desktop .portfolio-architecture-grid{flex-direction:column;align-items:stretch;gap:32px;display:flex}.portfolio-architecture-section-desktop .portfolio-visual-architecture{width:100%;height:323px;padding:32px}}
@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}