@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#e9e9e4;background:#121310;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#121310;margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}header{z-index:5;mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 max(25px,50vw - 850px);display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:-.075em;font-size:16px;font-weight:800}.wordmark sup{vertical-align:top;margin-left:2px;font:8px DM Mono}.topActions{gap:22px;display:flex}.topActions button{letter-spacing:.1em;font:10px DM Mono}.menuButton{border-bottom:1px solid;padding-bottom:3px}.home{background:radial-gradient(circle at 68% 45%,#303a2b 0,#171a15 22%,#121310 54%);flex-direction:column;justify-content:space-between;min-height:100svh;padding:105px max(25px,50vw - 850px) 25px;display:flex;position:relative;overflow:hidden}.home:after{content:"";aspect-ratio:1;border:1px solid #d9f9c938;border-radius:50%;width:min(71vw,1050px);animation:18s linear infinite drift;position:absolute;top:-26%;right:-18%}.home:before{content:"";opacity:.035;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:110px 110px;position:absolute;inset:0}.homeTop,.homeCenter,.homeNav,.homeFoot{z-index:1;position:relative}.homeTop,.homeFoot{letter-spacing:.08em;color:#a6a7a1;justify-content:space-between;font:10px DM Mono;display:flex}.homeTop p{margin:0}.homeCenter{margin-top:auto;margin-bottom:clamp(45px,7vh,90px)}.kicker{letter-spacing:.11em;color:#a8aaa3;margin:0 0 22px;font:10px DM Mono}.home h1{letter-spacing:-.115em;flex-direction:column;margin:0;font-size:clamp(65px,12.5vw,205px);font-weight:700;line-height:.75;display:flex}.home h1 i{color:#0000;-webkit-text-stroke:1px #e9e9e66b;padding-left:clamp(35px,9vw,150px);font-style:normal}.intro{color:#b9bbb4;max-width:370px;margin:34px 0 0;font-size:14px;line-height:1.7}.homeNav{border-top:1px solid #ffffff31;grid-template-columns:repeat(3,1fr);display:grid}.homeNav button{text-align:left;border-bottom:1px solid #ffffff20;grid-template-columns:25px 1fr 25px;align-items:center;gap:7px;padding:17px 10px 17px 0;transition:color .2s,padding .2s;display:grid}.homeNav button:hover{color:#b5ff85;padding-left:9px}.homeNav em{color:#9c9e97;font:10px DM Mono}.homeNav span{letter-spacing:-.04em;font-size:15px}.homeNav b{font-size:17px;font-weight:400}.homeFoot{margin-top:36px}.enter{animation:.8s both enter}.delay1{animation-delay:.12s}.delay2{animation-delay:.19s}.delay3{animation-delay:.3s}.delay4{animation-delay:.42s}@keyframes enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes drift{to{transform:rotate(360deg)}}.page{min-height:100svh;padding:135px max(25px,50vw - 850px) 95px;position:relative}.back{letter-spacing:.1em;align-items:center;gap:9px;font:10px DM Mono;display:flex;position:absolute;top:102px;left:max(25px,50vw - 850px)}.pageHero{max-width:1050px;margin:70px 0 100px}.pageHero h1{letter-spacing:-.1em;margin:0;font-size:clamp(48px,8.4vw,140px);font-weight:600;line-height:.9}.pageHero .intro{max-width:480px}.facts{border-top:1px solid #ffffff2a;grid-template-columns:repeat(3,1fr);max-width:1040px;display:grid}.facts div{padding:22px 0}.facts strong{letter-spacing:-.1em;font-size:clamp(32px,5vw,65px);display:block}.facts span,.detailList p{letter-spacing:.06em;color:#a6a7a1;font:10px DM Mono}.detailList{border-top:1px solid #ffffff2a;max-width:1250px}.detailList>div{border-bottom:1px solid #ffffff2a;grid-template-columns:55px 1fr .75fr 25px;align-items:center;gap:10px;min-height:105px;padding:18px 0;transition:padding .2s,background .2s;display:grid}.detailList>div:hover{background:#ffffff08;padding-left:14px}.detailList em{color:#969892;font:10px DM Mono}.detailList h2{letter-spacing:-.07em;margin:0;font-size:clamp(23px,3.5vw,47px);font-weight:500}.detailList p{margin:0;line-height:1.5}.detailList a{font-size:20px;text-decoration:none}.contactList{max-width:900px}.contactList>div{grid-template-columns:55px 1fr 1fr 25px}footer{color:#81837d;letter-spacing:.06em;justify-content:space-between;font:10px DM Mono;display:flex;position:absolute;bottom:26px;left:max(25px,50vw - 850px);right:max(25px,50vw - 850px)}@media (width<=700px){header{height:62px}.home{padding-top:84px}.homeTop{display:block}.homeTop p+p{margin-top:7px}.home h1{font-size:20vw}.homeCenter{margin-bottom:45px}.homeNav{grid-template-columns:1fr 1fr}.homeNav button{padding:13px 6px 13px 0}.homeNav span{font-size:13px}.homeFoot{margin-top:25px}.page{padding:110px 25px 80px}.back{top:84px}.pageHero{margin:55px 0 65px}.pageHero h1{font-size:14vw}.facts{grid-template-columns:1fr}.facts div{border-bottom:1px solid #ffffff1c}.detailList>div,.contactList>div{grid-template-columns:30px 1fr 21px;min-height:84px}.detailList p{display:none}.contactList p{grid-column:2;font-size:9px;display:block}.contactList a{grid-area:1/3/span 2}.detailList h2{font-size:24px}footer span:last-child{display:none}}.homeHeader .wordmark,.homeHeader .menuButton{display:none}.homeHeader{mix-blend-mode:normal;pointer-events:none}.homeHeader .topActions{pointer-events:auto}.referenceHome{background:#111214;place-items:center;padding:0;display:grid}.referenceHome:before,.referenceHome:after{display:none}.referenceLayout{grid-template-columns:250px minmax(320px,1fr);align-items:center;gap:clamp(85px,14vw,175px);width:min(850px,74vw);display:grid}.profile{color:#ededeb}.sonderMark{width:82px;height:60px;margin:0 auto 23px;position:relative}.sonderMark i{border:6px solid #ededeb;width:48px;height:20px;display:block;position:absolute;transform:rotate(45deg)}.sonderMark i:first-child{border-bottom:0;border-right:0;top:16px;left:5px}.sonderMark i:nth-child(2){border-bottom:0;border-left:0;top:16px;left:29px}.sonderMark i:nth-child(3){border-top:0;border-left:0;top:32px;left:17px}.profile h1{text-align:center;letter-spacing:-.06em;margin:0;font-size:24px;font-weight:500;line-height:1}.profile p{text-align:center;color:#818287;max-width:190px;margin:10px auto 13px;font-size:15px;line-height:1.35}.profileLinks{justify-content:center;gap:13px;display:flex}.profileLinks a{color:#85868a;place-items:center;min-width:19px;height:19px;font:700 12px DM Mono;text-decoration:none;transition:color .2s;display:grid}.profileLinks a:hover{color:#ececea}.referenceNav{color:#85868a;max-width:420px}.referenceNav section+section{margin-top:35px}.referenceNav h2{color:#ececea;letter-spacing:-.03em;margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.2}.referenceNav button{color:#85868a;text-align:left;padding:0;font-size:16px;line-height:1.5;transition:color .2s;display:block}.referenceNav button:hover{color:#ececea}.referenceHome .splash{background:#111214;animation:1.2s 1.05s forwards splash}.splashMark{letter-spacing:-.14em;font-size:clamp(68px,8vw,130px);font-weight:600;animation:.9s both markIn}.referenceHome .homeFoot{display:none}@keyframes markIn{0%{opacity:0;transform:scale(.7)rotate(-12deg)}55%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:none}}@media (width<=700px){.referenceHome{padding:0 40px;display:block}.referenceLayout{grid-template-columns:1fr;align-content:center;gap:74px;width:100%;min-height:100svh}.sonderMark{margin-left:auto;margin-right:auto}.profile p{max-width:180px}.referenceNav{max-width:100%}.referenceNav h2,.referenceNav button{font-size:15px}.homeHeader{height:54px;padding:0 22px}.homeHeader .topActions{margin-left:auto}}.referenceLayout{grid-template-columns:245px minmax(300px,350px);gap:clamp(80px,11vw,135px);width:min(790px,78vw)}.profile{z-index:0;padding:0 0 2px;position:relative}.profile:before{content:"";z-index:0;border:3px solid #ff565c;height:160px;animation:1s .85s both frameIn,4s ease-in-out 2.1s infinite framePulse;position:absolute;top:-18px;left:-18px;right:-18px}.profile .sonderMark,.profile h1,.profile p,.profileLinks{z-index:1;position:relative}.splashMark{letter-spacing:-.1em;gap:.015em;font-size:clamp(47px,7vw,110px);font-weight:600;display:flex}.profileLinks{margin-top:15px}.referenceHome .referenceLayout{animation:.8s 1.2s both contentIn}@keyframes letterIn{0%{opacity:0;filter:blur(5px);transform:translateY(22px)rotate(8deg)}to{opacity:1;filter:none;transform:none}}@keyframes contentIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes frameIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes framePulse{0%,to{border-color:#ff565c;box-shadow:0 0 #ff565c00}50%{border-color:#ff8588;box-shadow:0 0 22px #ff565c25}}@media (width<=700px){.referenceHome{padding:0 28px}.referenceLayout{grid-template-columns:1fr;align-content:center;justify-items:stretch;gap:58px;width:min(100%,350px);min-height:100svh}.profile{text-align:center;width:210px;margin:0 auto}.profile:before{height:150px;top:-14px;left:-14px;right:-14px}.profile p{max-width:190px;margin:10px auto 0}.referenceNav{width:100%;max-width:320px;margin:0 auto}.referenceNav section+section{margin-top:31px}.splashMark{font-size:15vw}.homeHeader .topActions{margin-left:auto}}.cleanHome{background:#141414;padding-top:118px}.cleanHome:before,.cleanHome:after{display:none}.homeIdentity{z-index:1;position:relative}.homeIdentity h1{letter-spacing:-.09em;margin:0;font-size:clamp(47px,6.5vw,100px);font-weight:600;line-height:.82}.homeIdentity p{color:#969696;letter-spacing:.06em;margin:20px 0 0;font:12px DM Mono}.homeStatement{z-index:1;letter-spacing:-.05em;color:#deded9;max-width:450px;margin:clamp(80px,15vh,180px) 0 auto;font-size:clamp(19px,2.15vw,32px);line-height:1.1;position:relative}.directory{z-index:1;grid-template-columns:1fr 1fr;gap:clamp(35px,11vw,180px);max-width:850px;margin-top:70px;display:grid;position:relative}.directory section{border-top:1px solid #545454}.directory h2{letter-spacing:.1em;color:#969696;margin:14px 0 15px;font:400 10px DM Mono}.directory button{text-align:left;letter-spacing:-.055em;border-bottom:1px solid #303030;justify-content:space-between;align-items:center;width:100%;padding:13px 0;font-size:clamp(17px,1.65vw,24px);transition:color .18s,padding .18s;display:flex}.directory button:hover{color:#b4f881;padding-left:8px}.directory b{font-size:16px;font-weight:400}.splash{z-index:9;pointer-events:none;background:#111;place-items:center;animation:1.25s .5s forwards splash;display:grid;position:fixed;inset:0}.splash span{letter-spacing:-.11em;font-size:clamp(37px,7vw,115px);font-weight:600;animation:.75s both splashWord}.cleanHome .homeFoot{margin-top:44px}.cleanHome .homeFoot span:last-child{font-size:9px}@keyframes splash{to{opacity:0;visibility:hidden}}@keyframes splashWord{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=700px){.cleanHome{padding-top:91px}.homeIdentity h1{font-size:60px}.homeStatement{max-width:280px;margin-top:23vh;font-size:24px}.directory{grid-template-columns:1fr;gap:31px;margin-top:65px}.cleanHome .homeFoot{margin-top:25px}.cleanHome .homeFoot span:last-child{display:none}}.referenceHome .referenceLayout{grid-template-columns:minmax(0,245px) minmax(0,350px);gap:clamp(32px,9vw,110px);width:min(790px,100vw - 48px);margin-inline:auto}.referenceHome .profile:before{display:none}.referenceHome .profile{transition:transform .35s,filter .35s}.referenceHome .profile:hover .sonderMark{filter:drop-shadow(0 0 9px #fff7);transform:rotate(-8deg)scale(1.08)}.referenceHome .sonderMark{transition:transform .35s,filter .35s}.referenceHome .profile h1{transition:letter-spacing .35s}.referenceHome .profileLinks a{transition:color .25s,transform .25s}.splashMark{letter-spacing:-.1em;gap:.02em;font-size:clamp(46px,7vw,108px);display:flex}.splashMark span{animation:.7s both letterIn;display:block}.splashMark span:nth-child(2n){color:#0000;-webkit-text-stroke:1px #eee}@media (width<=900px){.referenceHome{padding:0 28px}.referenceHome .referenceLayout{grid-template-columns:1fr;align-content:center;justify-items:stretch;gap:58px;width:min(100%,360px);min-height:100svh}.referenceHome .profile{width:210px;margin-inline:auto}.referenceHome .referenceNav{width:100%;max-width:320px;margin-inline:auto}.referenceHome .splashMark{font-size:15vw}}.referenceHome{display:block;position:relative}.referenceHome .referenceLayout{margin:0;animation:.8s 1.2s both contentFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.referenceHome .profile:hover .sonderMark:before{content:"";border:1px solid #8ee8ff80;border-radius:50%;animation:1.6s linear infinite logoOrbit;position:absolute;inset:-17px}.referenceHome .profile:hover .sonderMark:after{content:"";border:1px solid #ff5d9c55;border-radius:50%;animation:2.4s linear infinite reverse logoOrbit;position:absolute;inset:-27px}.referenceHome .profile:hover .sonderMark i:first-child{animation:.55s ease-in-out infinite alternate logoPulse}.referenceHome .profile:hover .sonderMark i:nth-child(2){animation:.55s ease-in-out .12s infinite alternate logoPulse}.referenceHome .profile:hover .sonderMark i:nth-child(3){animation:.55s ease-in-out .24s infinite alternate logoPulse}.referenceHome .splash:after{content:"";background:linear-gradient(90deg,#0000,#8ee8ff,#0000);height:1px;animation:1.2s ease-in-out .2s both scan;position:absolute;left:12%;right:12%}@keyframes contentFade{0%{opacity:0}to{opacity:1}}@keyframes logoOrbit{to{transform:rotate(360deg)}}@keyframes logoPulse{to{filter:drop-shadow(0 0 8px #8ee8ff);transform:translateY(-3px)rotate(45deg)}}@keyframes scan{0%{opacity:0;top:18%}35%{opacity:1}to{opacity:0;top:82%}}@media (width<=900px){.referenceHome .referenceLayout{gap:58px;width:min(100%,360px);height:auto;min-height:0;top:50%;transform:translate(-50%,-50%)}}.introLogo{width:190px;height:125px;position:relative}.introFinal{opacity:0;background:#fff;animation:.35s ease-out 1.35s forwards finalLogo;position:absolute;inset:18px 43px;-webkit-mask:url(/sonder-logo.png) 50%/contain no-repeat;mask:url(/sonder-logo.png) 50%/contain no-repeat}.introSlice{opacity:0;background:#fff;height:9px;animation:.62s cubic-bezier(.2,.9,.3,1) forwards shardIn;position:absolute;left:25px}.slice1{clip-path:polygon(0 0,100% 0,82% 100%,12% 100%);width:108px;animation-delay:.12s;top:25px}.slice2{clip-path:polygon(15% 0,100% 0,76% 100%,0 100%);background:#999;width:110px;animation-delay:.22s;top:35px;left:65px}.slice3{clip-path:polygon(8% 0,88% 0,100% 100%,0 100%);background:#ccc;width:138px;animation-delay:60ms;top:47px}.slice4{clip-path:polygon(0 0,100% 0,82% 100%,8% 100%);background:#666;width:135px;animation-delay:.3s;top:59px;left:40px}.slice5{clip-path:polygon(10% 0,100% 0,85% 100%,0 100%);background:#eee;width:125px;animation-delay:.17s;top:71px;left:30px}.slice6{clip-path:polygon(0 0,92% 0,100% 100%,15% 100%);background:#aaa;width:108px;animation-delay:.27s;top:83px;left:57px}.slice7{clip-path:polygon(8% 0,100% 0,78% 100%,0 100%);background:#fff;width:110px;animation-delay:.35s;top:95px;left:42px}.slice8{clip-path:polygon(0 0,100% 0,84% 100%,13% 100%);background:#777;width:74px;animation-delay:.4s;top:107px;left:80px}.splashMark{display:none}@keyframes shardIn{0%{opacity:0;transform:translate(calc(var(--dx,0px) * 1),calc(var(--dy,0px) * 1)) scaleX(1.45)}60%{opacity:1}to{opacity:1;transform:translate(0)scaleX(1)}}@keyframes finalLogo{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.referenceHome .sonderMark{place-items:center;width:74px;height:70px;display:grid;position:relative;filter:none!important;transform:none!important}.referenceHome .sonderMark span{letter-spacing:-.16em;color:#f2f2ef;font-family:Manrope,sans-serif;font-size:72px;font-weight:800;line-height:.8;transition:transform .18s cubic-bezier(.2,1.6,.4,1),color .18s;display:block;transform:scaleX(.78)skew(-8deg)}.referenceHome .profile:hover .sonderMark span{color:#9eeaff;text-shadow:8px 0 #ff5b9a,-6px 0 #ffe36e;animation:.62s steps(2,end) infinite sGlitch;transform:scaleX(.88)skew(-18deg)translate(3px)rotate(-6deg)}.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:.7;background:repeating-linear-gradient(0deg,#0000 0 8px,#8ee8ff 9px 10px,#0000 11px 17px);animation:.46s steps(2,end) infinite glitchSlices;position:absolute;inset:8px -8px}.referenceHome .splash{background:#111214}.referenceHome .splashMark span{color:#f2f2ef;text-shadow:0 0 22px #8ee8ff66}.referenceHome .splashMark span:nth-child(2n){color:#ff7ba8;-webkit-text-stroke:0;text-shadow:0 0 22px #ff5b9a88}.referenceHome .splash:before{content:"";clip-path:polygon(0 0,100% 0,100% 33%,0 33%,0 66%,100% 66%,100% 100%,0 100%);border:1px solid #8ee8ff20;animation:1.4s ease-in-out both scanFrame;position:absolute;inset:18% 10%}@keyframes sGlitch{0%,to{clip-path:inset(0)}20%{clip-path:inset(15% 0 45%);transform:scaleX(.88)skew(-18deg)translate(-5px,1px)}45%{clip-path:inset(55% 0 8%);transform:scaleX(.88)skew(-18deg)translate(6px,-2px)}70%{clip-path:inset(30% 0)}}@keyframes glitchSlices{0%,to{opacity:.25;transform:translate(0)}30%{opacity:.9;transform:translate(-9px,3px)}65%{opacity:.65;transform:translate(8px,-2px)}}@keyframes scanFrame{0%{opacity:0;transform:scale(.9)}35%{opacity:1}to{opacity:0;transform:scale(1.08)}}.introSlice{animation-name:shardIn}.slice1{--dx:-46px;--dy:-22px}.slice2{--dx:28px;--dy:-30px}.slice3{--dx:-58px;--dy:12px}.slice4{--dx:52px;--dy:16px}.slice5{--dx:-34px;--dy:25px}.slice6{--dx:42px;--dy:33px}.slice7{--dx:-20px;--dy:-36px}.slice8{--dx:50px;--dy:-8px}.sonderGlyph{width:78px;height:78px;overflow:visible}.sonderGlyph path{fill:none;stroke:#f2f2ef;stroke-width:9px;stroke-linecap:square;stroke-linejoin:miter;transition:stroke .18s,filter .18s}.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 8px,#8ee8ff 9px 10px,#0000 11px 18px);border:0;border-radius:0;animation:.42s steps(2,end) infinite glitchSlices;inset:10px -14px}.referenceHome .profile:hover .sonderMark:after{background:repeating-linear-gradient(0deg,#0000 0 13px,#c7ff63 14px 15px,#0000 16px 24px);animation-delay:.14s;inset:30px -20px}.referenceHome .splashMark span:nth-child(2n){-webkit-text-stroke:0}@keyframes glyphJolt{0%,to{transform:translate(0)skew(0deg)}18%{transform:translate(-4px,2px)skew(-4deg)}43%{transform:translate(5px,-1px)skew(3deg)}68%{transform:translate(-2px,1px)skew(-2deg)}}.referenceHome .splashMark span:nth-child(2n){color:#00e5ff;text-shadow:0 0 20px #00e5ff99}.referenceHome .splashMark span:nth-child(3n){color:#8b5cf6;text-shadow:0 0 20px #8b5cf699}.referenceHome .profile:hover .sonderMark:before{background:repeating-linear-gradient(0deg,#0000 0 8px,#fff 9px 10px,#0000 11px 18px)}.referenceHome .profile:hover .sonderMark:after{background:repeating-linear-gradient(0deg,#0000 0 13px,#777 14px 15px,#0000 16px 24px)}.referenceHome .splashMark span:nth-child(2n),.referenceHome .splashMark span:nth-child(3n){color:#fff;text-shadow:0 0 20px #fff5;-webkit-text-stroke:0}.referenceHome .profile:hover{filter:none;transform:none}.referenceHome .profile:hover h1{letter-spacing:-.06em}.referenceHome .profile:hover .profileLinks a{color:#85868a;transform:none}.referenceHome .profile:hover .sonderGlyph{animation:.48s steps(2,end) infinite glyphJoltSmall}.referenceHome .profile:hover .sonderGlyph path{stroke:#fff;filter:drop-shadow(1px 0 #aaa)drop-shadow(-1px 0 #555)}@keyframes glyphJoltSmall{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-1px,1px)rotate(-1deg)}55%{transform:translate(1px)rotate(1deg)}80%{transform:translateY(-1px)rotate(0)}}.referenceHome .colorStripes{pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.referenceHome .colorStripes i{left:var(--x);top:var(--y);width:var(--w);height:var(--h);background:var(--c);opacity:0;filter:blur(.35px);transform:translate(var(--offset),var(--offset-y)) scaleX(.35);animation:colorStripe var(--duration) cubic-bezier(.2,.75,.25,1) var(--delay) both;position:absolute}@keyframes colorStripe{0%{opacity:0;transform:translate(var(--offset),var(--offset-y)) scaleX(.35)}18%{opacity:.85}58%{left:calc(50% + var(--final-x));top:calc(50% + var(--final-y));opacity:.72;transform:translate(0)scaleX(1.1)}78%{opacity:.5;transform:translate(0)scaleX(.9)}to{left:calc(50% + var(--final-x));top:calc(50% + var(--final-y));opacity:0;transform:translate(0)scaleX(.55)}}@media (prefers-reduced-motion:reduce){.referenceHome .colorStripes i{opacity:0;animation:none}}@media (width<=900px){.referenceHome .colorStripes i{animation-duration:.86s}.referenceHome .colorStripes i:nth-child(n+39){display:none}}.referenceHome .profile:hover .glitchLayer,.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{display:none!important}.referenceHome .splash{animation:1.25s 1.55s forwards splash}.referenceHome .splashMark{color:#f2f2ef;letter-spacing:-.1em;font-size:clamp(46px,7vw,108px);font-weight:600;display:flex}.referenceHome .splashMark span{animation:.7s both letterIn;color:#f2f2ef!important;-webkit-text-stroke:0!important;text-shadow:none!important}.referenceHome .sonderGlyph{object-fit:contain;mix-blend-mode:screen;width:92px;height:78px;transition:transform .2s,filter .2s}.referenceHome .profile:hover .sonderGlyph{filter:drop-shadow(2px 0 #aaa)drop-shadow(-2px 0 #666);animation:.48s steps(2,end) infinite logoNudge}.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{opacity:.7;mix-blend-mode:screen;background:url(/sonder-logo.webp) 50%/92px 78px no-repeat;border:0;border-radius:0;animation:none;display:block;inset:0}@keyframes logoNudge{0%,to{transform:translate(0)skew(0deg)}35%{transform:translate(-1px,1px)skew(-1deg)}70%{transform:translate(1px)skew(1deg)}}@keyframes sliceTop{0%,to{transform:translate(-3px,-2px)}50%{transform:translate(2px,1px)}}@keyframes sliceBottom{0%,to{transform:translate(3px,2px)}50%{transform:translate(-2px,-1px)}}.referenceHome .sonderGlyph{mix-blend-mode:normal;background:#f2f2ef;width:92px;height:78px;display:block;-webkit-mask:url(/sonder-logo.webp) 50%/contain no-repeat;mask:url(/sonder-logo.webp) 50%/contain no-repeat}.referenceHome .profile:hover .sonderGlyph{opacity:.35;filter:none;animation:none}.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{mix-blend-mode:normal;opacity:1;background:#fff;display:block;-webkit-mask:url(/sonder-logo.webp) 50%/92px 78px no-repeat;mask:url(/sonder-logo.webp) 50%/92px 78px no-repeat}.referenceHome .sonderGlyph{background:#f2f2ef;-webkit-mask-image:url(/sonder-logo.png);mask-image:url(/sonder-logo.png)}.referenceHome .profile:hover .sonderGlyph{opacity:.18;animation:none}.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{opacity:1;background:#fff;display:block;-webkit-mask-image:url(/sonder-logo.png);mask-image:url(/sonder-logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:92px 78px;mask-size:92px 78px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.referenceHome .profile:hover .sonderMark:before{clip-path:inset(0 0 52%);animation:.7s cubic-bezier(.2,.8,.2,1) both splitTop;transform:translate(-2px)}.referenceHome .profile:hover .sonderMark:after{clip-path:inset(50% 0 0);animation:.7s cubic-bezier(.2,.8,.2,1) both splitBottom;transform:translate(2px)}@keyframes splitTop{0%,to{transform:translate(0)}32%{transform:translate(-3px,-2px)}58%{transform:translate(-1px,1px)}78%{transform:translate(-2px)}}@keyframes splitBottom{0%,to{transform:translate(0)}32%{transform:translate(3px,2px)}58%{transform:translate(1px,-1px)}78%{transform:translate(2px)}}.referenceHome .glitchLayer{pointer-events:none;background:#fff;display:none;position:absolute;inset:0;-webkit-mask:url(/sonder-logo.png) 50%/92px 78px no-repeat;mask:url(/sonder-logo.png) 50%/92px 78px no-repeat}.referenceHome .profile:hover .sonderGlyph{opacity:.25}.referenceHome .profile:hover .glitchLayer{display:block}.referenceHome .profile:hover .glitchTop{clip-path:inset(8% 0 67%);animation:.18s steps(2,end) infinite glitchTop}.referenceHome .profile:hover .glitchMid{clip-path:inset(39% 0 38%);animation:.22s steps(2,end) infinite glitchMid}.referenceHome .profile:hover .glitchBottom{clip-path:inset(68% 0 8%);animation:.2s steps(2,end) infinite glitchBottom}.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{display:none!important}@keyframes glitchTop{0%,to{transform:translate(0)}35%{transform:translate(-5px,-1px)}70%{transform:translate(3px,1px)}}@keyframes glitchMid{0%,to{transform:translate(0)}40%{transform:translate(4px)}75%{transform:translate(-2px,1px)}}@keyframes glitchBottom{0%,to{transform:translate(0)}35%{transform:translate(3px,2px)}70%{transform:translate(-4px,-1px)}}.referenceHome .sonderGlyph{background-image:url(/sonder-logo.svg)!important;-webkit-mask-image:url(/sonder-logo.svg)!important;mask-image:url(/sonder-logo.svg)!important}:root,body,button,a{font-family:Noto Sans SC,Source Han Sans CN,思源黑体,Microsoft YaHei,sans-serif}.referenceHome{justify-content:center;align-items:center;min-height:100svh;position:relative;overflow:hidden;display:flex!important}.referenceHome .referenceLayout{grid-template-columns:220px 300px;align-items:center;column-gap:32px;width:min(590px,100vw - 48px);margin:0;padding:0;position:fixed!important;top:50%!important;left:50%!important;transform:translate(calc(120px - 50%),-50%)!important}.referenceHome .profile{text-align:center;flex-direction:column;align-items:center;width:220px;display:flex}.referenceHome .profile:before{animation:none!important;display:none!important}.referenceHome .sonderMark{height:42px!important;margin:0 0 12px!important}.referenceHome .profile h1,.referenceHome .profile p{margin:0 0 12px!important}.referenceHome .profileLinks{margin:0!important}.referenceHome .profileLinks svg{fill:currentColor;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;width:18px;height:18px;display:block}.referenceHome .profileLinks a:first-child svg path:first-child{stroke:none}.referenceHome .profileLinks a:last-child svg path{fill:none}.referenceHome .profile:hover .profileLinks a:not(:hover){color:#85868a!important;opacity:1!important;filter:none!important;transform:none!important}.referenceHome .profile .profileLinks a:hover{color:#ececea!important;opacity:1!important;filter:none!important;transform:none!important}.referenceHome .profileLinks a{position:relative}.referenceHome .contactPopover{z-index:20;color:#dededb;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#171819;border:1px solid #ffffff2b;flex-direction:column;align-items:center;gap:8px;min-width:max-content;padding:10px 12px;font-size:11px;line-height:1.35;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:calc(100% + 14px);bottom:auto;left:50%;transform:translate(-50%,-6px);font-family:Noto Sans SC,Source Han Sans CN,思源黑体,Microsoft YaHei,sans-serif!important}.referenceHome .profileLinks a:hover .contactPopover{opacity:1;visibility:visible;transform:translate(-50%)}.referenceHome .contactPopover:before{content:"";background:#171819;border-top:1px solid #ffffff2b;border-left:1px solid #ffffff2b;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.referenceHome .wechatPopover img{object-fit:cover;width:132px;height:132px;display:block}.referenceHome .wechatPopover b{font-weight:400}.referenceHome .profile h1{font-weight:400;line-height:1.2;font-size:13px!important}.referenceHome .profile p,.referenceHome .referenceNav h2,.referenceHome .referenceNav button,.referenceHome .profileLinks a{font-size:9px!important;line-height:15px!important}.referenceHome .profile p{max-width:220px}.referenceHome .profileLinks a{font-size:10px!important;line-height:15px!important}.referenceHome .sonderGlyph{mix-blend-mode:screen!important;background:url(/sonder-logo.png) 50%/contain no-repeat!important;width:76px!important;height:66px!important;-webkit-mask:none!important;mask:none!important}.referenceHome .profile:hover,.referenceHome .profile:hover h1,.referenceHome .profile:hover .sonderMark,.referenceHome .profile:hover .sonderGlyph,.referenceHome .profile:hover .profileLinks a{filter:none!important;opacity:1!important;color:inherit!important;text-shadow:none!important;letter-spacing:inherit!important;animation:none!important;transform:none!important}.referenceHome .profile:hover .sonderMark .sonderGlyph{color:#f2f2ef!important}.referenceHome .profile:hover .glitchLayer,.referenceHome .profile:hover .sonderMark:before,.referenceHome .profile:hover .sonderMark:after{animation:none!important;display:none!important}@media (width<=900px){.referenceHome .referenceLayout{grid-template-columns:1fr;justify-items:center;row-gap:52px;width:min(100% - 40px,360px);transform:translate(-50%,-50%)!important}.referenceHome .profile{width:220px}}.referenceHome .referenceLayout{grid-template-columns:minmax(0,360px) minmax(0,460px);column-gap:clamp(56px,7vw,120px);width:min(1000px,100vw - 64px)}.referenceHome .profile{width:360px}.referenceHome .sonderMark{width:120px;height:86px!important;margin-bottom:2px!important}.referenceHome .sonderGlyph{width:120px!important;height:100px!important}.referenceHome .profile h1{margin-bottom:18px!important;font-size:24px!important}.referenceHome .profile p,.referenceHome .referenceNav h2,.referenceHome .referenceNav button{font-size:16px!important;line-height:25px!important}.referenceHome .profile p{max-width:360px;margin-bottom:20px!important;font-size:15px!important;line-height:23px!important}.referenceHome .profileLinks{gap:24px}.referenceHome .profileLinks a{width:30px;min-width:30px;height:26px}.referenceHome .profileLinks svg{width:24px;height:24px}.referenceHome .referenceNav section+section{margin-top:36px!important}@media (width<=900px){.referenceHome .referenceLayout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);justify-items:center;gap:0 20px;width:min(100vw - 32px,430px);top:50%!important;left:calc(50% + 16px)!important;transform:translate(-50%,-50%)!important}.referenceHome .profile{justify-self:center;width:100%;max-width:240px}.referenceHome .sonderMark{width:92px;height:70px!important;margin-bottom:2px!important}.referenceHome .sonderGlyph{width:92px!important;height:78px!important}.referenceHome .profile h1{margin-bottom:12px!important;font-size:22px!important}.referenceHome .profile p{width:100%;max-width:220px!important;margin-bottom:14px!important;font-size:13px!important;line-height:20px!important}.referenceHome .profileLinks{gap:12px}.referenceHome .profileLinks a{width:24px;min-width:24px;height:22px}.referenceHome .profileLinks svg{width:20px;height:20px}.referenceHome .referenceNav{width:100%;max-width:180px;margin-inline:auto}.referenceHome .referenceNav h2,.referenceHome .referenceNav button{font-size:15px!important;line-height:22px!important}.referenceHome .referenceNav section+section{margin-top:24px!important}}.graphicGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin-top:72px;display:grid}.page{isolation:isolate;background:radial-gradient(at 78% 14%,#89a9c414 0%,#0000 34%),radial-gradient(at 12% 68%,#ffffff08 0%,#0000 30%),#121310}.page:before{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#dbe8f60d 1px,#0000 1px),linear-gradient(90deg,#dbe8f60d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.page:after{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;border:1px solid #dceaff1c;border-radius:50%;width:min(46vw,680px);animation:24s linear infinite pageOrbit;position:absolute;top:8%;right:-12%;box-shadow:0 0 90px #86a9c414,inset 0 0 70px #ffffff08}.page>*{z-index:1;position:relative}.page>.back{position:absolute}@keyframes pageOrbit{to{transform:rotate(360deg)}}.pageHero .intro{white-space:pre-line;max-width:720px}.pageBanner{filter:saturate(.72)contrast(1.05);background-position:50%;background-size:cover;border:1px solid #ffffff1c;max-width:1250px;height:clamp(180px,28vw,360px);margin:20px 0 70px;position:relative;overflow:hidden}.pageBanner:after{content:"";background:linear-gradient(90deg,#121310 0%,#1213101c 48%,#121310b8 100%),linear-gradient(#0000 62%,#121310 100%);position:absolute;inset:0}.pageBanner-about{background-image:url(/banner-about.png)}.pageBanner-graphic{background-image:url(/banner-graphic.png)}.pageBanner-development{background-image:url(/banner-development.png)}.pageBanner-web{background-image:url(/banner-web.png)}.pageBanner-contact{background-image:url(/banner-contact.png)}@media (width<=700px){.pageBanner{height:180px;margin:10px 0 48px}}.pageFooter{color:#858783;border-top:1px solid #ffffff1f;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:80px;margin-top:130px;padding:34px 0 10px;display:grid;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.footerName{color:#e9e9e4;align-items:center;gap:10px;display:flex}.footerName strong,.footerContact strong{font-size:15px;font-weight:600}.footerBadge{color:#171819;background:#e9e9e4;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.footerIdentity p{color:#858783;max-width:430px;margin:18px 0 0;font-size:13px;line-height:1.8}.footerIdentity p+p{display:none}.footerContact{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.footerContact a,.footerContact>span{color:#858783;font-size:13px;text-decoration:none}.footerContact a:hover{color:#e9e9e4}.detailList>div>p{color:#a6a7a1;line-height:1.2;font-size:clamp(20px,2.6vw,36px)!important}.detailList>div>em{font-size:16px!important}@media (width<=700px){.pageFooter{grid-template-columns:1fr;gap:34px;margin-top:86px;padding-bottom:34px}.pageFooter span:last-child{display:inline}.footerContact a,.footerContact>span{align-items:center;gap:8px;display:flex}.detailList>div>p{line-height:1.4;font-size:14px!important;display:block!important}.detailList:not(.contactList)>div{grid-template-columns:42px 1fr;grid-template-areas:"number title""number price";row-gap:4px}.detailList:not(.contactList)>div>em{grid-area:number;align-self:start;padding-top:3px;font-size:14px!important}.detailList:not(.contactList)>div>h2{grid-area:title}.detailList:not(.contactList)>div>p{grid-area:price}}.galleryCard{background:#171819;border:1px solid #ffffff1f;margin:0;transition:transform .25s,border-color .25s;overflow:hidden}.galleryCard:hover{border-color:#fff5;transform:translateY(-4px)}.galleryCard img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.82)contrast(1.03);width:100%;display:block}.galleryCard>div{flex-direction:column;gap:5px;padding:15px 16px 17px;display:flex}.galleryCard span{color:#e9e9e4;letter-spacing:-.03em;font-size:15px}.galleryCard small{color:#898b87;font:10px/1.4 DM Mono,monospace}@media (width<=700px){.graphicGallery{grid-template-columns:1fr;gap:18px;margin-top:48px}}