@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Prata;src:url('/assets/fonts/Prata-400.ttf') format('truetype');font-weight:400;font-display:swap}
#about-experience{--bg:#0c1011;--ink:#eee8df;--muted:#a4a7a4;--accent:#bc8d60;--line:#eee8df26;--gutter:clamp(24px,4.2vw,76px);color-scheme:dark;font-family:Manrope,sans-serif;font-synthesis:none;background:var(--bg);color:var(--ink)}
#about-experience *{box-sizing:border-box}html.about-studio-document{scroll-behavior:smooth;scroll-padding-top:30px}body.about-studio-page{margin:0;min-width:300px;overflow-x:clip}body.about-studio-page.as-dialog-open{overflow:hidden}#about-experience a{color:inherit;text-decoration:none}#about-experience button,#about-experience input{font:inherit}#about-experience button{color:inherit;cursor:pointer}#about-experience button,#about-experience a,#about-experience input{-webkit-tap-highlight-color:transparent}#about-experience button{border:0;background:none}#about-experience a,#about-experience button{touch-action:manipulation}#about-experience button:disabled{opacity:.25;cursor:default}#about-experience img{display:block;max-width:100%}#about-experience svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}#about-experience h1,#about-experience h2,#about-experience h3,#about-experience p{margin:0}#about-experience h1,#about-experience h2,#about-experience h3{font-weight:600}#about-experience em{font-family:Prata,Georgia,serif;font-weight:400;font-style:italic;font-synthesis:style;color:var(--accent);letter-spacing:-.045em}
#about-experience :is(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:6px}#about-experience ::selection{background:#bc8d6060;color:#fff}#about-experience [hidden]{display:none!important}
#about-experience .as-sr-only,#about-experience .as-skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#about-experience .as-skip-link:focus{position:fixed;z-index:50;padding:18px;background:var(--bg)}
#about-experience .as-section-shell{width:min(1440px,100% - var(--gutter)*2);margin-inline:auto}
#about-experience .as-header{position:absolute;inset:0 0 auto;z-index:8;height:96px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px}
#about-experience .as-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}#about-experience .as-brand img{width:55px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}#about-experience .as-brand span{font-size:26px;letter-spacing:.11em;font-weight:400}
#about-experience .as-desktop-nav{display:flex;gap:34px;align-items:center;font-size:14px}#about-experience .as-desktop-nav a{padding:16px 0;position:relative}#about-experience .as-desktop-nav a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}#about-experience .as-desktop-nav a:hover::after,#about-experience .as-desktop-nav a[aria-current]::after{transform:scaleX(1)}
#about-experience .as-menu-toggle,#about-experience .as-mobile-nav{display:none}
#about-experience .as-hero{position:relative;isolation:isolate;min-height:720px;height:min(960px,100svh);max-height:1100px;overflow:hidden;--split:52%;--angle:12%}
#about-experience .as-hero-worlds,#about-experience .as-hero-world,#about-experience .as-hero-world picture,#about-experience .as-hero-world img{position:absolute;inset:0;width:100%;height:100%}#about-experience .as-hero-worlds{z-index:-3}#about-experience .as-hero-world img{object-fit:cover;object-position:50% 47%}#about-experience .as-hero-world--city{clip-path:polygon(0 0,var(--split-top,64%) 0,var(--split-bottom,40%) 100%,0 100%)}#about-experience .as-hero-world--city img{object-position:24% 50%}#about-experience .as-hero-world--home img{object-position:76% 50%}
#about-experience .as-hero::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,#080b0f28,transparent 30%,#0c10110a 43%,#0c1011bf 75%,#0c1011 100%)}
#about-experience .as-hero-seam{position:absolute;z-index:-2;inset:0;width:100%;height:100%;color:var(--accent);stroke-width:1.5;opacity:.9}
#about-experience .as-split-control{position:absolute;inset:calc(45% - 24px) 0 auto;height:48px;z-index:2}
#about-experience .as-split-control input{appearance:none;-webkit-appearance:none;display:block;margin:0;width:100%;height:48px;background:transparent;cursor:ew-resize;touch-action:pan-y;outline-offset:-1px}
#about-experience .as-split-control input::-webkit-slider-runnable-track{height:48px;background:transparent}
#about-experience .as-split-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:48px;border:1px solid var(--accent);border-radius:50%;background:#0c1011e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bc8d60' stroke-width='1.4'%3E%3Cpath d='m8 7-5 5 5 5m8-10 5 5-5 5'/%3E%3C/svg%3E") center/23px no-repeat;box-shadow:0 0 0 8px #0c101118}
#about-experience .as-split-control input::-moz-range-track{height:48px;background:transparent}
#about-experience .as-split-control input::-moz-range-thumb{width:46px;height:46px;border:1px solid var(--accent);border-radius:50%;background:#0c1011;cursor:ew-resize}
#about-experience .as-split-control input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:5px}
#about-experience .as-hero-copy{position:absolute;bottom:146px;left:var(--gutter);right:var(--gutter);pointer-events:none}
#about-experience .as-hero h1{font-size:clamp(46px,5.25vw,88px);font-weight:700;line-height:1.06;letter-spacing:-.055em;max-width:1200px}
#about-experience .as-hero h1>span{display:block}#about-experience .as-hero h1 em{font-size:1.16em;line-height:.95;white-space:nowrap}#about-experience .as-hero-copy p{font-size:clamp(16px,1.38vw,21px);line-height:1.6;margin-top:22px;letter-spacing:-.012em}
#about-experience .as-hero-bottom{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
#about-experience .as-hero-bottom>button{display:flex;align-items:center;gap:18px;padding:18px 0;letter-spacing:.17em;font-size:13px;font-weight:500;justify-self:start}#about-experience .as-hero-bottom>button:last-child{justify-self:end;color:var(--accent)}#about-experience .as-hero-bottom i{width:48px;height:1px;background:var(--accent);transition:width .3s}#about-experience .as-hero-bottom button:hover i{width:70px}
#about-experience .as-discover{display:flex;flex-direction:column;align-items:center;gap:13px;font-size:12px;min-height:56px}#about-experience .as-discover svg{color:var(--accent);width:22px;height:22px;transition:transform .3s}#about-experience .as-discover:hover svg{transform:translateY(5px)}
#about-experience .as-approach{padding-top:118px;padding-bottom:100px}#about-experience .as-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:64px}#about-experience .as-section-head h2{font-size:clamp(42px,5.1vw,78px);line-height:1.08;letter-spacing:-.05em}#about-experience .as-section-head h2 em{font-size:1.06em}#about-experience .as-section-head>p{max-width:320px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:8px}
#about-experience .as-approach-layout{display:grid;grid-template-columns:29% minmax(0,1fr);gap:4%}#about-experience .as-chapter-nav{display:flex;flex-direction:column;justify-content:space-between;min-width:0}
#about-experience .as-chapter-nav [role=tablist]{display:grid}#about-experience .as-chapter-nav [role=tab]{display:grid;grid-template-columns:37px 1fr 22px;gap:14px;text-align:left;padding:25px 0 28px;border-bottom:1px solid var(--line);align-items:start;transition:color .3s,border-color .3s;color:#969c98;min-height:126px}
#about-experience .as-chapter-nav [role=tab]:first-child{padding-top:10px}#about-experience .as-chapter-nav [role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}#about-experience .as-chapter-nav [role=tab][aria-selected=true] .as-chapter-number{color:var(--accent)}#about-experience .as-chapter-number{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.35}
#about-experience .as-chapter-nav strong{display:block;font-size:21px;font-weight:500;line-height:1.5;letter-spacing:-.03em}#about-experience .as-chapter-nav small{display:block;font-size:12px;line-height:1.6;margin-top:7px;color:var(--muted);max-width:210px}#about-experience .as-chapter-nav svg{width:20px;margin-top:6px}#about-experience .as-chapter-nav [aria-selected=true] svg{color:var(--accent)}#about-experience .as-chapter-nav button:hover{color:var(--ink)}
#about-experience .as-chapter-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:34px;font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}#about-experience .as-chapter-bottom b{font-weight:400;color:var(--muted);margin-left:6px}
#about-experience .as-arrows{display:flex;gap:12px}#about-experience .as-circle{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #eee8df66;border-radius:50%;transition:border-color .2s,background .2s,transform .2s}#about-experience .as-circle:hover{border-color:var(--accent);background:#bc8d6015;transform:translateY(-2px)}#about-experience .as-circle svg{width:22px;height:22px}
#about-experience .as-chapter-panel{min-width:0}#about-experience .as-chapter-art{position:relative;height:clamp(340px,35vw,510px);overflow:hidden;background:#171e20;isolation:isolate}#about-experience .as-chapter-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#about-experience .as-chapter-comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:27px}#about-experience .as-chapter-comparison>div{position:relative;padding-left:31px}#about-experience .as-chapter-comparison>div::before{content:"";position:absolute;left:0;top:14px;width:18px;height:1px;background:var(--accent)}
#about-experience .as-chapter-comparison h3{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em}#about-experience .as-chapter-comparison p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px}#about-experience .as-chapter-note{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.7}
#about-experience .as-projects{border-top:1px solid #bc8d6050;padding-top:86px}#about-experience .as-project-head{margin-bottom:48px}#about-experience .as-project-tabs{display:flex;align-self:flex-end;gap:0;border-bottom:1px solid var(--line);flex-shrink:0}#about-experience .as-project-tabs button{font-size:13px;padding:17px 24px;letter-spacing:.04em;border-bottom:2px solid transparent;color:var(--muted);margin-bottom:-1px;white-space:nowrap}#about-experience .as-project-tabs [aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}
#about-experience .as-project-gallery{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);gap:44px;align-items:stretch}#about-experience .as-project-photo{position:relative;padding:0;overflow:hidden;min-height:440px;background:#151b1c;text-align:initial;cursor:zoom-in;touch-action:pan-y}
#about-experience .as-project-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}#about-experience .as-project-photo:hover>img{transform:scale(1.025)}#about-experience .as-expand-icon{position:absolute;bottom:18px;right:18px;border:1px solid #eee8df70;background:#0c101185;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;width:44px;height:44px}
#about-experience .as-project-detail{display:flex;flex-direction:column;align-items:flex-start;min-width:0}#about-experience .as-project-count{font-size:13px;color:var(--accent);letter-spacing:.07em;font-variant-numeric:tabular-nums;margin-bottom:20px}#about-experience .as-project-copy{min-height:216px}#about-experience .as-project-copy h3{font-size:clamp(28px,2.9vw,42px);letter-spacing:-.045em;line-height:1.12;font-weight:600;max-width:360px}
#about-experience .as-location{color:var(--muted);font-size:11px;line-height:1.6;margin-top:15px}#about-experience .as-project-description{margin-top:19px;font-size:16px;line-height:1.65;max-width:390px}
#about-experience .as-text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;line-height:1.5;padding-bottom:3px;border-bottom:1px solid var(--accent)}#about-experience .as-text-link svg{width:18px;color:var(--accent);flex:none;transition:transform .2s}#about-experience .as-text-link:hover svg{transform:translate(2px,-2px)}#about-experience .as-project-arrows{align-self:flex-end;margin:22px 0}#about-experience .as-project-arrows button:last-child{color:var(--accent);border-color:var(--accent)}
#about-experience .as-project-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:auto}#about-experience .as-project-thumbs button{padding:3px;border:1px solid transparent;aspect-ratio:1.3;overflow:hidden;opacity:.58;transition:opacity .25s,border-color .25s}#about-experience .as-project-thumbs button[aria-pressed=true]{border-color:var(--accent);opacity:1}#about-experience .as-project-thumbs button:hover{opacity:1}#about-experience .as-project-thumbs img{width:100%;height:100%;object-fit:cover}
#about-experience .as-trust{margin-top:66px;padding:32px 0 36px;border-top:1px solid #bc8d6050;border-bottom:1px solid #bc8d6050}#about-experience .as-trust h3{font-family:Prata,Georgia,serif;font-size:32px;font-weight:400}#about-experience .as-trust-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:center;margin-top:30px}#about-experience .as-trust-logos img{width:100%;max-height:52px;object-fit:contain;padding-inline:27px;border-right:1px solid var(--line);filter:grayscale(1) brightness(0) invert(.9)}#about-experience .as-trust-logos img:last-child{border:0}#about-experience .as-company-link{font-size:12px;margin-top:22px;color:var(--muted);border-bottom-color:var(--line);min-height:36px}
#about-experience .as-closing{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:64px}#about-experience .as-closing h2{font-size:clamp(37px,4.4vw,64px);line-height:1.1;letter-spacing:-.045em}#about-experience .as-outline-button{display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;font-size:15px;color:var(--accent);border:1px solid var(--accent);border-radius:80px;padding:22px 36px;min-height:64px;transition:background .25s,color .25s}#about-experience .as-outline-button:hover{background:var(--accent);color:var(--bg)}#about-experience .as-outline-button svg{width:21px;height:21px}
#about-experience .as-footer{border-top:1px solid #bc8d6050;padding-top:34px;padding-bottom:28px}#about-experience .as-footer-top{display:flex;align-items:center;gap:30px}#about-experience .as-footer .as-brand img{width:52px}#about-experience .as-footer .as-brand span{font-size:23px}#about-experience .as-footer-top p{font-size:10px;line-height:1.65;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}#about-experience .as-footer-top>a:not(.as-brand){font-size:13px;white-space:nowrap}#about-experience .as-footer-top>a:nth-last-child(2){margin-left:auto}#about-experience .as-footer-bottom{display:flex;gap:26px;margin-top:38px;font-size:10px;color:#939893;line-height:1.7}#about-experience .as-footer-bottom span{margin-right:auto}#about-experience .as-footer a:hover{color:var(--accent)}
#about-experience .as-lightbox{padding:28px;max-width:1100px;width:calc(100% - 48px);max-height:calc(100svh - 48px);overflow:auto;background:var(--bg);border:1px solid var(--line);color:var(--ink)}
#about-experience .as-lightbox::backdrop{background:#070b0df0;backdrop-filter:blur(10px)}#about-experience .as-lightbox>img{width:100%;max-height:68svh;object-fit:contain}#about-experience .as-lightbox>div{max-width:800px;margin-top:24px}#about-experience .as-lightbox h2{font-size:24px}#about-experience .as-lightbox p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:10px}#about-experience .as-lightbox-close{position:absolute;top:14px;right:14px;background:#0c1011dd;z-index:1}
@media(min-width:1700px){#about-experience .as-hero{max-height:1000px}#about-experience .as-hero-copy,#about-experience .as-hero-bottom{left:max(var(--gutter),calc((100vw - 1440px)/2));right:max(var(--gutter),calc((100vw - 1440px)/2))}}
@media(max-width:1100px){#about-experience .as-desktop-nav{gap:22px}#about-experience .as-brand img{width:42px}#about-experience .as-brand span{font-size:22px}#about-experience .as-hero h1{font-size:clamp(44px,5.6vw,66px)}#about-experience .as-approach-layout{grid-template-columns:33% minmax(0,1fr);gap:4%}#about-experience .as-chapter-nav strong{font-size:19px}#about-experience .as-chapter-nav [role=tab]{grid-template-columns:28px 1fr 18px;gap:10px}#about-experience .as-chapter-art{height:415px}#about-experience .as-chapter-comparison{gap:18px}#about-experience .as-chapter-comparison>div{padding-left:0}#about-experience .as-chapter-comparison>div::before{display:none}#about-experience .as-chapter-comparison h3{font-size:18px}#about-experience .as-project-gallery{gap:28px;grid-template-columns:1.45fr 1fr}#about-experience .as-project-tabs button{padding-inline:16px}#about-experience .as-footer-top{flex-wrap:wrap}#about-experience .as-footer-top p{margin-right:auto}#about-experience .as-footer-top>a:nth-last-child(2){margin-left:0}#about-experience .as-trust-logos img{padding-inline:20px}}
@media(max-width:800px){
  #about-experience{--gutter:24px}#about-experience .as-header{height:84px}#about-experience .as-desktop-nav{display:none}#about-experience .as-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:46px;height:46px;border:1px solid #eee8df50;border-radius:50%;align-items:center;background:#0c10114d;z-index:2}#about-experience .as-menu-toggle span{width:18px;height:1px;background:var(--ink);transition:transform .25s}#about-experience .as-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}#about-experience .as-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  #about-experience .as-mobile-nav{position:absolute;left:16px;right:16px;top:16px;padding:80px 26px 26px;background:#101617f5;border:1px solid var(--line);display:flex;flex-direction:column;gap:0;box-shadow:0 20px 50px #0009;backdrop-filter:blur(16px)}#about-experience .as-mobile-nav a{font-size:22px;line-height:1.2;padding:17px 0;border-bottom:1px solid var(--line)}
  #about-experience .as-hero{min-height:690px;height:100svh;max-height:900px;--angle:15%}#about-experience .as-hero h1{font-size:clamp(34px,5.8vw,54px)}#about-experience .as-hero-copy{bottom:154px}#about-experience .as-hero-bottom{bottom:25px;grid-template-columns:1fr 1fr;gap:12px}#about-experience .as-hero-bottom>button{font-size:11px;gap:12px;letter-spacing:.12em}#about-experience .as-hero-bottom i{width:25px}#about-experience .as-hero-bottom button:hover i{width:25px}#about-experience .as-discover{grid-row:2;grid-column:1/-1;flex-direction:row;justify-content:center;min-height:36px;font-size:11px;gap:12px}#about-experience .as-hero-bottom>button:last-child{grid-column:2;grid-row:1}
  #about-experience .as-approach{padding-top:75px;padding-bottom:65px}#about-experience .as-section-head{gap:30px;align-items:flex-start;flex-direction:column;margin-bottom:35px}#about-experience .as-section-head h2{font-size:clamp(38px,6.8vw,62px)}#about-experience .as-section-head>p{max-width:530px;font-size:14px;line-height:1.8;margin-bottom:0}
  #about-experience .as-approach-layout{grid-template-columns:1fr;gap:28px}#about-experience .as-chapter-nav [role=tablist]{display:flex;overflow-x:auto;scrollbar-width:none;gap:22px;scroll-snap-type:x proximity}#about-experience .as-chapter-nav [role=tab]{display:flex;flex:0 0 auto;align-items:center;gap:9px;padding:14px 0 17px!important;min-height:56px;scroll-snap-align:start;border-bottom:2px solid var(--line)}#about-experience .as-chapter-nav [role=tab] small,#about-experience .as-chapter-nav [role=tab] svg{display:none}#about-experience .as-chapter-nav [role=tab] strong{font-size:16px;white-space:nowrap}#about-experience .as-chapter-number{font-size:11px}#about-experience .as-chapter-bottom{display:none}#about-experience .as-chapter-art{height:clamp(300px,58vw,430px)}#about-experience .as-chapter-comparison h3{font-size:19px}#about-experience .as-chapter-comparison p{font-size:13px}#about-experience .as-chapter-note{font-size:12px;margin-top:20px}
  #about-experience .as-projects{padding-top:62px}#about-experience .as-project-head{gap:27px}#about-experience .as-project-tabs{align-self:flex-start;width:100%}#about-experience .as-project-tabs button{width:50%;padding:16px 10px;font-size:12px}#about-experience .as-project-gallery{grid-template-columns:1fr;gap:26px}#about-experience .as-project-photo{min-height:0;aspect-ratio:1.5}#about-experience .as-project-detail{display:grid;grid-template-columns:1fr auto;gap:0 15px}#about-experience .as-project-count{grid-column:1/-1;margin-bottom:14px}#about-experience .as-project-copy{grid-column:1/-1;min-height:0}#about-experience .as-project-copy h3{font-size:34px;max-width:none}#about-experience .as-project-description{font-size:15px;max-width:none;margin-top:12px}#about-experience .as-location{margin-top:10px}#about-experience .as-project-detail>.as-text-link{margin-top:20px;justify-self:start;font-size:13px}#about-experience .as-project-arrows{margin:20px 0 0;gap:8px}#about-experience .as-project-arrows .as-circle{width:44px;height:44px}#about-experience .as-project-thumbs{grid-column:1/-1;max-width:420px;margin-top:25px;gap:10px}#about-experience .as-project-thumbs button{aspect-ratio:1.6}#about-experience .as-trust{margin-top:44px}#about-experience .as-trust h3{font-size:29px}#about-experience .as-trust-logos{grid-template-columns:repeat(3,1fr);row-gap:26px}#about-experience .as-trust-logos img{height:43px;padding-inline:22px}#about-experience .as-trust-logos img:nth-child(3){border:0}
  #about-experience .as-closing{align-items:flex-start;flex-direction:column;gap:32px;padding-block:45px}#about-experience .as-closing h2{font-size:clamp(38px,6.4vw,56px)}#about-experience .as-outline-button{font-size:14px;min-height:58px;padding:18px 27px}#about-experience .as-footer-top{gap:25px}#about-experience .as-footer-top p{font-size:9px}#about-experience .as-footer-top>a:not(.as-brand){font-size:12px}#about-experience .as-footer-bottom{flex-wrap:wrap;gap:15px 20px;margin-top:28px}#about-experience .as-footer-bottom span{width:100%}#about-experience .as-lightbox{padding:16px;width:calc(100% - 24px);max-height:calc(100svh - 24px)}#about-experience .as-lightbox>img{margin-top:45px;max-height:57svh}#about-experience .as-lightbox h2{font-size:21px}#about-experience .as-lightbox p{font-size:13px}
}
@media(max-width:480px){#about-experience{--gutter:20px}#about-experience .as-header{height:76px}#about-experience .as-brand{gap:10px}#about-experience .as-brand img{width:42px}#about-experience .as-brand span{font-size:21px}#about-experience .as-hero{min-height:700px;max-height:830px}#about-experience .as-hero h1{font-size:clamp(30px,8.7vw,41px);line-height:1.14;letter-spacing:-.05em}#about-experience .as-hero h1>span:first-child{white-space:nowrap}#about-experience .as-hero h1>span:last-child{max-width:390px}#about-experience .as-hero h1 em{font-size:1.2em}#about-experience .as-hero-copy{bottom:145px}#about-experience .as-hero-copy p{font-size:13px;line-height:1.7;max-width:280px;margin-top:18px}#about-experience .as-hero-world img{object-fit:cover}#about-experience .as-hero-world--home img{object-position:80% 35%}#about-experience .as-hero-world--city img{object-position:22% 35%}#about-experience .as-hero::after{background:linear-gradient(180deg,#080b0f30,transparent 25%,#0c101133 44%,#0c1011ed 75%,#0c1011 100%)}#about-experience .as-split-control{top:calc(34% - 24px)}#about-experience .as-hero-seam{opacity:.65}#about-experience .as-hero-bottom>button{font-size:10px}#about-experience .as-hero-bottom i{width:19px}#about-experience .as-section-head h2{font-size:38px}#about-experience .as-chapter-art{height:290px}#about-experience .as-chapter-comparison{gap:19px}#about-experience .as-chapter-comparison h3{font-size:17px;line-height:1.5}#about-experience .as-chapter-comparison p{font-size:12px;line-height:1.85}#about-experience .as-chapter-note{line-height:1.75}#about-experience .as-project-copy h3{font-size:31px}#about-experience .as-project-detail{gap:0 8px}#about-experience .as-project-detail>.as-text-link{font-size:12px;gap:8px}#about-experience .as-project-arrows .as-circle{width:42px;height:42px}#about-experience .as-project-arrows{gap:6px}#about-experience .as-trust-logos img{padding-inline:15px}#about-experience .as-closing h2{font-size:38px}#about-experience .as-footer-top{gap:22px}#about-experience .as-footer-top p{padding-left:17px}#about-experience .as-footer .as-brand span{font-size:20px}#about-experience .as-footer .as-brand img{width:39px}}
@media(max-width:359px){#about-experience{--gutter:16px}#about-experience .as-hero h1{font-size:29px}#about-experience .as-hero{min-height:675px}#about-experience .as-hero-copy{bottom:140px}#about-experience .as-section-head h2,#about-experience .as-closing h2{font-size:33px}#about-experience .as-project-copy h3{font-size:28px}#about-experience .as-chapter-comparison h3{font-size:15px}#about-experience .as-chapter-comparison p{font-size:12px}#about-experience .as-project-detail>.as-text-link{grid-column:1/-1}#about-experience .as-project-arrows{grid-column:1/-1;justify-self:end;margin-top:10px}#about-experience .as-footer-top p{border:0;padding:0}#about-experience .as-footer-bottom{font-size:9px}#about-experience .as-hero-bottom>button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html.about-studio-document{scroll-behavior:auto}#about-experience *,#about-experience *::before,#about-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#about-experience .as-chapter-art{height:auto;aspect-ratio:3/2}
#about-experience .as-chapter-art>img{object-fit:contain}
#about-experience .as-chapter-art[aria-busy=true]>img,#about-experience .as-project-gallery[aria-busy=true] .as-project-photo>img{opacity:.3}
#about-experience .as-project-photo>img{object-fit:contain}
#about-experience .as-project-photo[aria-disabled=true]{cursor:progress}
#about-experience .as-project-customer{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0 18px;max-width:390px}
#about-experience .as-project-thumbs{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;padding:5px 1px 10px;gap:8px}
#about-experience .as-project-thumbs button{flex:0 0 88px;height:66px;aspect-ratio:auto;scroll-snap-align:start}
#about-experience .as-project-thumbs button:focus-visible{outline-offset:0;outline:2px solid var(--accent)}
#about-experience .as-portfolio-actions{display:flex;justify-content:flex-end;margin-top:30px}
#about-experience .as-portfolio-link{font-size:13px;min-height:52px;padding:15px 24px;gap:18px}
#about-experience .as-portfolio-link>span{overflow-wrap:anywhere}
#about-experience .as-media-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;text-align:center;font-size:14px;color:var(--muted)}
#about-experience .as-media-error button,#about-experience .as-project-error button{padding:8px 0;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
#about-experience .as-project-error{color:var(--muted);font-size:13px;line-height:1.7;margin-top:12px;grid-column:1/-1}
@media(max-width:800px){#about-experience .as-portfolio-actions{justify-content:flex-start;margin-top:26px}#about-experience .as-portfolio-link{max-width:100%;font-size:12px}#about-experience .as-project-customer{max-width:none;font-size:11px;margin-bottom:0}}
