/* Reference Google Fonts faces; provenance in FONT-SOURCES.md. */
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-reference-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-reference-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/newsreader-reference-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/newsreader-reference-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/newsreader-reference-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/manrope-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/manrope-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/manrope-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/manrope-700.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-800.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/space-grotesk-700.woff2) format('woff2');
}

:root{color-scheme:dark;--bg:#090a0e;--fg:#eae9ed;--muted:#85848e;--line:#292a33;--accent:#b7a0ff;--gutter:clamp(22px,5.3vw,96px);--blue:#3b82f6;--purple:#8b5cf6;--pink:#ec4899}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.65 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}main{min-width:0}button[hidden],[hidden]{display:none!important}.section{max-width:1440px;margin-inline:auto;padding:clamp(70px,10vw,150px) var(--gutter)}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.text-link{display:inline-block;border-bottom:1px solid #686474;padding-bottom:9px;font-size:13px}.content-lead{max-width:740px;color:#aba7b4}::selection{background:#ac92f6;color:#101014}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
:root{--text:#eae9ed;--ease:cubic-bezier(.2,.7,.2,1)}

.global-menu{color-scheme:dark;--bg:#0b0c11;--fg:#f0eff1;--muted:#85848e;--line:rgba(255,255,255,.12);--accent:#a6a1fa}
.global-menu *{box-sizing:border-box}
.global-menu{font-family:Arial,sans-serif;background:var(--bg)}
.global-menu{margin:0;color:var(--fg);min-height:100vh}
.global-menu button,.global-menu a{font:inherit}
.global-menu button{cursor:pointer}
.global-menu a{color:inherit;text-decoration:none}
.global-menu button:focus-visible,.global-menu a:focus-visible{outline:2px solid #c4b9ff;outline-offset:6px}
.global-menu .site-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,5vw,88px)}
.global-menu .brand img{width:116px;height:auto;display:block}
.global-menu .menu-trigger{position:relative;z-index:50;border:0;background:none;color:var(--fg);display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:10px 0}
.global-menu .trigger-icon{width:24px;height:24px;display:grid;align-content:center;gap:6px}
.global-menu .trigger-icon i{height:1px;width:24px;background:currentColor;display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1),width .35s}
.global-menu .trigger-icon i:last-child{width:16px;margin-left:auto}
.global-menu .menu-trigger[aria-expanded=true] .trigger-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}
.global-menu .menu-trigger[aria-expanded=true] .trigger-icon i:last-child{width:24px;transform:translateY(-3.5px) rotate(-45deg)}
.global-menu .stage{min-height:calc(100vh - 100px);display:flex;align-items:center;padding:clamp(30px,7vw,100px) clamp(24px,9vw,160px);position:relative;overflow:hidden}
.global-menu .stage:before{content:"";position:absolute;width:48vw;height:48vw;max-width:650px;max-height:650px;border-radius:50%;right:-17vw;top:10%;background:radial-gradient(circle,rgba(110,90,160,.08),transparent 70%);pointer-events:none}
.global-menu .eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.global-menu .stage h1{font-family:Arial,sans-serif;font-size:clamp(40px,5.1vw,76px);line-height:1.16;letter-spacing:-.065em;font-weight:500;margin:26px 0 24px;max-width:780px}
.global-menu .stage h1 em{font-style:normal;color:#aaa8ba}
.global-menu .stage p{color:#9d9aa5;font-size:15px;line-height:1.8;max-width:450px}
.global-menu .stage .hint{margin-top:52px;color:#74727c;font-size:12px}
.global-menu .overlay{position:fixed;inset:0;z-index:40;background:#11121a;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .82s cubic-bezier(.76,0,.16,1),visibility 0s .82s;overflow-y:auto;overscroll-behavior:contain}
.global-menu .overlay:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(500px circle at var(--mx,80%) var(--my,40%),rgba(135,111,205,.095),transparent 75%)}
.global-menu .overlay.open{visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .86s cubic-bezier(.76,0,.16,1),visibility 0s}
.global-menu .overlay-shell{min-height:100%;padding:clamp(105px,13vh,160px) clamp(24px,8vw,140px) 38px;display:flex;flex-direction:column}
.global-menu .overlay-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr);gap:clamp(35px,8vw,150px);flex:1;align-items:center}
.global-menu .nav-label,.global-menu .preview-label,.global-menu .bottomline{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8a8995}
.global-menu .nav-list{list-style:none;margin:24px 0 0;padding:0}
.global-menu .nav-list li{border-bottom:1px solid var(--line);overflow:hidden}
.global-menu .nav-list a{display:flex;align-items:baseline;gap:clamp(14px,2vw,26px);padding:12px 2px 13px;position:relative;transition:color .3s}
.global-menu .nav-list a:after{content:"↗︎";font-size:17px;margin-left:auto;opacity:0;transform:translate(-7px,7px);transition:opacity .25s,transform .35s}
.global-menu .nav-list a:hover:after,.global-menu .nav-list a:focus-visible:after{opacity:1;transform:translate(0,0)}
.global-menu .nav-list a:hover,.global-menu .nav-list a:focus-visible{color:#c6c1ff}
.global-menu .num{color:#777783;font-size:11px;min-width:21px;font-variant-numeric:tabular-nums}
.global-menu .nav-name{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.045em;font-size:clamp(21px,2.3vw,35px);line-height:1.25}
.global-menu .nav-list li{opacity:0;transform:translateY(24px);transition:opacity .45s,transform .65s cubic-bezier(.2,.8,.2,1)}
.global-menu .overlay.open .nav-list li{opacity:1;transform:translateY(0);transition-delay:calc(.24s + var(--i)*55ms)}
.global-menu .overlay.closing .nav-list li{opacity:0;transform:translateY(-12px);transition-delay:calc(var(--reverse)*35ms)}
.global-menu .preview{align-self:stretch;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);padding-left:clamp(26px,4vw,75px);opacity:0;transform:translateY(15px);transition:opacity .45s,transform .5s}
.global-menu .overlay.open .preview{opacity:1;transform:none;transition-delay:.45s}
.global-menu .preview-art{aspect-ratio:1.13;max-width:350px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#1d1b2a,#12131a 65%);margin:22px 0 28px}
.global-menu .preview-art:before{content:"";position:absolute;inset:16%;border:1px solid rgba(177,166,245,.18);transform:rotate(25deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.global-menu .preview-art:after{content:"";position:absolute;inset:32%;border:1px solid rgba(210,191,255,.3);border-radius:50%;box-shadow:0 0 80px 12px rgba(127,103,197,.09);transition:inset .8s,transform .8s}
.global-menu .preview-art[data-variant="1"]:before{transform:rotate(65deg) scale(.9)}
.global-menu .preview-art[data-variant="2"]:after{inset:24%;transform:scale(.85)}
.global-menu .preview-art[data-variant="3"]:before{transform:rotate(-30deg)}
.global-menu .preview-art[data-variant="4"]:after{inset:38%;transform:scale(1.4)}
.global-menu .preview-art[data-variant="5"]:before{transform:rotate(90deg) scale(.75)}
.global-menu .preview-art[data-variant="6"]:after{inset:22%;transform:scale(.7)}
.global-menu .preview-title{font-family:Arial,sans-serif;font-size:clamp(20px,2vw,30px);letter-spacing:-.05em;font-weight:500;line-height:1.3;min-height:2.6em;margin:12px 0 0;transition:opacity .2s,transform .2s}
.global-menu .preview-title.swap{opacity:0;transform:translateY(6px)}
.global-menu .overlay-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:40px;opacity:0;transition:opacity .5s}
.global-menu .overlay.open .overlay-footer{opacity:1;transition-delay:.65s}
.global-menu .overlay-footer a{color:#bcb9c7;font-size:12px}
.global-menu .overlay-footer a:hover{color:white}
.global-menu .bottomline{display:flex;gap:22px;flex-wrap:wrap}
.global-menu .bottomline a{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.global-menu .social{display:flex;gap:20px;flex-wrap:wrap}
.global-menu .social a{font-size:11px}
.global-menu .close-hint{display:none}
@media (max-width:800px){.global-menu .site-header{padding:22px 24px}
.global-menu .stage{min-height:70vh}
.global-menu .overlay-shell{padding:108px 25px 28px}
.global-menu .overlay-main{display:block}
.global-menu .preview{display:none}
.global-menu .nav-list{margin-top:20px}
.global-menu .nav-list a{padding:15px 0}
.global-menu .nav-name{font-size:clamp(22px,5.5vw,32px)}
.global-menu .overlay-footer{align-items:flex-start;flex-direction:column;gap:20px}
.global-menu .close-hint{display:inline;color:#8a8995;font-size:10px;letter-spacing:.1em}
.global-menu .overlay{clip-path:inset(0 0 100% 0)}}
@media (max-height:700px) and (min-width:801px){.global-menu .overlay-shell{padding-top:95px}
.global-menu .nav-list a{padding:7px 2px}
.global-menu .nav-name{font-size:clamp(20px,2vw,28px)}
.global-menu .preview-art{max-width:260px;margin:14px 0}}
@media (prefers-reduced-motion:reduce){.global-menu *,.global-menu *:before,.global-menu *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}
.global-menu .overlay{clip-path:none;opacity:0;pointer-events:none}
.global-menu .overlay.open{opacity:1;pointer-events:auto}
.global-menu .nav-list li,.global-menu .preview,.global-menu .overlay-footer{opacity:1;transform:none}}
.global-menu .site-header{position:fixed;top:0;left:0;right:0;z-index:60;pointer-events:none;background:linear-gradient(#090a0ed9,#090a0e00)}
.global-menu .site-header>*{pointer-events:auto}
.global-menu .overlay{z-index:55}
.global-menu .site-header .brand img{width:116px}
.global-menu .site-header .menu-trigger{color:#f0eff1}
.global-menu{display:block;position:relative;isolation:isolate;overflow:visible;font-family:Arial,sans-serif}
.global-menu a{cursor:pointer}
.global-footer{color-scheme:dark;--bg:#0b0c11;--fg:#f0eff3;--muted:#9898a5;--line:#292a35;--accent:#a99dff}
.global-footer *{box-sizing:border-box}
.global-footer{scroll-behavior:smooth}
.global-footer{margin:0;background:#08090d;color:var(--fg);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.global-footer a{color:inherit;text-decoration:none}
.global-footer button{font:inherit}
.global-footer .preview{min-height:36vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,#242034 0%,#0b0c11 48%,#08090d 90%);text-align:center;padding:4rem 1.5rem}
.global-footer .preview span{color:#9694a1;font-size:11px;letter-spacing:.19em;text-transform:uppercase}
.global-footer .preview p{font-size:clamp(15px,2vw,21px);line-height:1.6;font-weight:450;color:#c7c4d0;max-width:540px;margin:1.2rem auto 0}
.global-footer .footer{position:relative;overflow:hidden;background:var(--bg);border-top:1px solid #252530}
.global-footer .footer:before{content:"";position:absolute;top:0;left:0;width:32%;height:1px;background:linear-gradient(90deg,#7e83fa,#b07bdc,transparent)}
.global-footer .wrap{max-width:1320px;padding:0 clamp(24px,5.5vw,86px);margin:auto}
.global-footer .top{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(0,2fr);gap:clamp(55px,8vw,130px);padding:clamp(60px,8vw,106px) 0 68px}
.global-footer .identity{display:flex;flex-direction:column;align-items:flex-start}
.global-footer .brand{width:clamp(135px,15vw,185px);height:auto;display:block}
.global-footer .identity p{font-size:13px;line-height:1.8;color:#aaa9b4;max-width:265px;margin:28px 0 0}
.global-footer .location{margin-top:auto;padding-top:42px;color:#888994;font-size:12px;letter-spacing:.01em}
.global-footer .links{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,.8fr);gap:clamp(24px,4vw,70px)}
.global-footer .group h2{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:#777887;margin:2px 0 25px}
.global-footer .group ul{list-style:none;padding:0;margin:0;display:grid;gap:15px}
.global-footer .group a{font-size:13px;color:#bcbac7;line-height:1.4;transition:color .22s ease,transform .22s ease;display:inline-block}
.global-footer .group a:hover,.global-footer .group a:focus-visible{color:#fff;transform:translateX(3px)}
.global-footer .group a:focus-visible,.global-footer .back:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.global-footer .bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;color:#878794;font-size:11px}
.global-footer .legal{display:flex;flex-wrap:wrap;gap:24px}
.global-footer .legal a:hover{color:#fff}
.global-footer .back{border:0;background:none;color:#bcbac7;cursor:pointer;padding:4px 0;font-size:11px;transition:color .2s}
.global-footer .back:hover{color:white}
.global-footer .signature{position:relative;border-top:1px solid #20212a;overflow:hidden;height:clamp(115px,19vw,265px);display:flex;align-items:center;justify-content:center;pointer-events:none}
.global-footer .signature img{display:block;width:min(94%,1160px);height:auto;opacity:.095;transform:translateY(22%);filter:grayscale(1);user-select:none}
.global-footer .signature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,transparent 55%)}
@media (max-width:880px){.global-footer .top{grid-template-columns:1fr;gap:55px}
.global-footer .links{grid-template-columns:1.2fr 1fr 1fr}
.global-footer .location{padding-top:26px}}
@media (max-width:580px){.global-footer .preview{min-height:28vh}
.global-footer .top{padding:54px 0 44px;gap:44px}
.global-footer .identity p{margin-top:20px}
.global-footer .links{grid-template-columns:1fr 1fr;gap:42px 22px}
.global-footer .group:first-child{grid-row:span 2}
.global-footer .group ul{gap:14px}
.global-footer .group h2{margin-bottom:20px}
.global-footer .group a{font-size:12px}
.global-footer .bottom{flex-wrap:wrap;align-items:flex-start;padding:20px 0;gap:18px}
.global-footer .legal{order:3;width:100%;gap:22px}
.global-footer .signature{height:auto;min-height:90px;padding:22px 24px 30px;overflow:hidden}
.global-footer .signature img{display:block;width:100%;max-width:100%;height:auto;max-height:100px;object-fit:contain;transform:none}}
@media (prefers-reduced-motion:reduce){.global-footer{scroll-behavior:auto}
.global-footer *,.global-footer *:before,.global-footer *:after{transition:none!important}}
.global-footer{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.global-footer a{cursor:pointer}
.global-menu{position:relative;z-index:1000;overflow:visible;isolation:isolate}.global-menu .site-header .brand img{width:42px;height:42px}.global-menu .overlay{z-index:55;overflow:auto}.global-menu .site-header{z-index:60}.global-menu .menu-trigger[hidden]{display:none}.global-menu .overlay[aria-hidden="true"]{visibility:hidden;pointer-events:none}.global-menu .overlay.open{visibility:visible}.global-menu a:focus-visible,.global-menu button:focus-visible{outline:2px solid #b7a0ff;outline-offset:6px}body.menu-open{overflow:hidden}.skip-link{position:fixed;top:10px;left:15px;z-index:2000;transform:translateY(-200%);padding:12px;background:#fff;color:#111}.skip-link:focus{transform:none}
.global-menu{min-height:0!important;background:transparent}

/* Visual parity: use the official horizontal wordmark at its natural ratio. */
.global-menu .site-header .brand img{display:block;width:clamp(128px,10.7vw,154px);height:auto;max-height:44px;object-fit:contain;object-position:left center}
@media(max-width:700px){.global-menu .site-header .brand img{width:128px;height:auto}}

/* Navigation preview: replace the abstract geometry with a morphing line icon. */
.global-menu .preview-art:before,.global-menu .preview-art:after{content:none!important;display:none!important}
.global-menu .preview-art{display:grid;place-items:center}
.global-menu .menu-morph-svg{width:min(55%,172px);height:auto;overflow:visible;color:#bdb2e4;filter:drop-shadow(0 0 26px rgba(166,141,238,.13));pointer-events:none}
@media(prefers-reduced-motion:reduce){.global-menu .menu-morph-svg{filter:none}}

/* Keep outgoing/incoming Lucide artwork in the same preview position. */
.global-menu .preview-art>.menu-morph-svg{grid-area:1/1;display:block;will-change:opacity,transform}


/* Navigation footer: one ecosystem entry and six compact social symbols. */
.global-menu .overlay-footer{align-items:center;position:relative;overflow:visible}
.global-menu .ecosystem{position:relative;flex:1;min-width:0}
.global-menu .ecosystem-trigger{border:0;background:none;color:#bcb9c7;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:12px 0;text-align:left;display:inline-flex;align-items:center;gap:12px;transition:color .2s ease}
.global-menu .ecosystem-trigger:hover,.global-menu .ecosystem-trigger[aria-expanded=true]{color:#e2d7ff}
.global-menu .ecosystem-trigger span{font-size:14px;transition:transform .25s ease}
.global-menu .ecosystem-trigger[aria-expanded=true] span{transform:rotate(45deg)}
.global-menu .ecosystem-panel{position:absolute;bottom:calc(100% + 14px);left:0;width:min(330px,calc(100vw - 48px));padding:22px 24px;background:#1a1925;border:1px solid rgba(194,171,242,.22);box-shadow:0 18px 60px rgba(0,0,0,.35);z-index:5}
.global-menu .ecosystem-panel[hidden]{display:none!important}
.global-menu .ecosystem-panel-title{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#90869e;margin-bottom:12px}
.global-menu .ecosystem-panel a{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;color:#c9c5d3}
.global-menu .ecosystem-panel a:last-child{border-bottom:0}
.global-menu .ecosystem-panel a:hover,.global-menu .ecosystem-panel a:focus-visible{color:#e6d7ff}
.global-menu .social{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:10px}
.global-menu .social a.has-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;color:#aaa5bb;transition:color .25s ease,background .25s ease,border-color .25s ease}
.global-menu .social a.has-icon:hover,.global-menu .social a.has-icon:focus-visible{color:#e3d2ff;background:rgba(180,146,239,.08);border-color:rgba(180,146,239,.25)}
.global-menu .social a.has-icon svg{width:18px;height:18px;display:block}
.global-menu .social a.has-icon .social-fallback{display:none}
@media(max-width:800px){
.global-menu .overlay-footer{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 16px}
.global-menu .ecosystem{flex:1 1 100%}
.global-menu .ecosystem-panel{bottom:calc(100% + 8px)}
.global-menu .social{justify-content:flex-start;gap:5px;flex-wrap:wrap}
.global-menu .social a.has-icon{width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.global-menu .ecosystem-trigger span,.global-menu .social a.has-icon{transition:none}}

.home-hero{--bg:#08080b;--white:#e9e9e9;--dim:#85858c;--violet:#9e7df4;--pink:#ed5aab}
.home-hero *{box-sizing:border-box}
.home-hero{background:var(--bg)}
.home-hero{margin:0;color:var(--white);font-family:Arial,sans-serif;overflow-x:hidden}
.home-hero button,.home-hero a{font:inherit}
.home-hero a{color:inherit;text-decoration:none}
.home-hero button{cursor:pointer}
.home-hero ::selection{background:#a383f7;color:#0b0b0d}
.home-hero .stage{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#08080b}
.home-hero #field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;touch-action:pan-y}
.home-hero .grain{position:absolute;inset:0;z-index:-1;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.home-hero .stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#08080b 0%,transparent 42%,transparent 74%,#08080b77 100%)}
.home-hero .top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:32px clamp(24px,5.2vw,96px)}
.home-hero .wordmark{width:154px;display:block;max-height:38px;object-fit:contain;object-position:left}
.home-hero .top-right{display:flex;align-items:center;gap:clamp(20px,4vw,65px)}
.home-hero .availability{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#b0afb5}
.home-hero .availability:before{content:"";width:6px;height:6px;background:#b4f0b8;border-radius:50%;box-shadow:0 0 14px #a8efb799}
.home-hero .menu{border:1px solid #55545b;background:#15151966;color:#eee;border-radius:100px;padding:14px 22px;display:flex;align-items:center;gap:22px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;transition:background .25s,border-color .25s}
.home-hero .menu:hover{background:#29242f;border-color:#a18ab3}
.home-hero .hamburger{display:grid;gap:5px}
.home-hero .hamburger i{display:block;width:18px;height:1px;background:#e5e3e9}
.home-hero .main{min-height:calc(100svh - 110px);padding:7vh clamp(24px,5.2vw,96px) 108px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.home-hero .intro{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#9d9ba6;margin:0 0 clamp(36px,5vw,75px);display:flex;gap:20px;align-items:center}
.home-hero .intro .dash{width:32px;height:1px;background:#c09cfa}
.home-hero .headline{font-family:Arial,sans-serif;font-size:clamp(72px,10.7vw,195px);font-weight:500;letter-spacing:-.095em;line-height:.89;margin:0;max-width:1500px;position:relative}
.home-hero .headline .line{display:block;white-space:nowrap}
.home-hero .headline .second{margin-left:clamp(10px,12vw,220px);position:relative}
.home-hero .headline .beyond{font-weight:400;color:transparent;-webkit-text-stroke:1.25px #d8d4e5;transition:color .6s,-webkit-text-stroke-color .6s}
.home-hero .headline:hover .beyond{color:#e7e4ef;-webkit-text-stroke-color:transparent}
.home-hero .headline .ordinary{position:relative;display:inline-block}
.home-hero .headline .ordinary:after{content:"";position:absolute;bottom:-.085em;left:0;right:0;height:.045em;background:linear-gradient(90deg,#325aff,#a24ff4,#f45ba5);transform-origin:left;transform:scaleX(.1);transition:transform .8s cubic-bezier(.2,.75,.15,1)}
.home-hero .headline:hover .ordinary:after{transform:scaleX(1)}
.home-hero .headline .dot{color:#ec62b4}
.home-hero .subtitle{margin:clamp(35px,4vw,65px) 0 0;max-width:400px;color:#aaa8b1;font-size:clamp(15px,1.25vw,19px);line-height:1.7}
.home-hero .bottom{margin-top:40px;display:flex;align-items:center;gap:34px}
.home-hero .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-radius:100px;background:#f0eff0;color:#0d0b11;padding:20px 23px 20px 29px;font-size:12px;font-weight:700;letter-spacing:.04em;transition:transform .25s,background .25s;min-width:218px}
.home-hero .cta:hover{transform:translateY(-3px);background:#d9c9ff}
.home-hero .cta span:last-child{font-size:19px;font-weight:400}
.home-hero .secondary{font-size:12px;border-bottom:1px solid #8c8696;padding:15px 0;display:inline-flex;gap:24px;align-items:center}
.home-hero .secondary:hover{color:#d2baff}
.home-hero .secondary span{font-size:19px}
.home-hero .rail{position:absolute;right:clamp(24px,5.2vw,96px);bottom:42px;display:flex;align-items:center;gap:18px;color:#88858f;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.home-hero .rail:before{content:"";width:58px;height:1px;background:#5d566a}
.home-hero .serial{position:absolute;left:clamp(24px,5.2vw,96px);bottom:42px;color:#8d8a95;font-size:10px;letter-spacing:.15em}
.home-hero .serial b{color:#ece8f0;font-weight:500}
.home-hero .scroll-indicator{position:absolute;top:52%;right:clamp(24px,5.2vw,96px);writing-mode:vertical-rl;color:#8a8794;font-size:10px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:18px}
.home-hero .scroll-indicator:after{content:"";width:1px;height:56px;background:linear-gradient(#9c6fea,transparent)}
.home-hero .cursor-orb{position:fixed;width:14px;height:14px;border:1px solid #e6c7ff;border-radius:50%;pointer-events:none;z-index:20;mix-blend-mode:screen;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}
@media (hover:hover) and (pointer:fine){.home-hero:hover .cursor-orb{opacity:.7}}
@media (max-width:1000px){.home-hero .headline{font-size:clamp(65px,10.4vw,120px)}
.home-hero .headline .second{margin-left:5vw}
.home-hero .main{padding-top:5vh}
.home-hero .scroll-indicator{display:none}}
@media (max-width:700px){.home-hero .top{padding:24px 22px}
.home-hero .wordmark{width:126px}
.home-hero .availability{display:none}
.home-hero .menu{padding:12px 17px}
.home-hero .main{padding:80px 22px 120px;min-height:calc(100svh - 88px);justify-content:center}
.home-hero .intro{font-size:9px;letter-spacing:.13em;margin-bottom:50px;gap:10px}
.home-hero .intro .dash{width:17px}
.home-hero .headline{font-size:clamp(51px,12.5vw,94px);letter-spacing:-.09em;line-height:.97}
.home-hero .headline .line{white-space:normal}
.home-hero .headline .second{margin-left:0;margin-top:12px}
.home-hero .headline .beyond{display:block}
.home-hero .headline .ordinary{display:block}
.home-hero .subtitle{margin-top:44px;font-size:15px;max-width:320px}
.home-hero .bottom{gap:18px;align-items:flex-start;flex-direction:column;margin-top:28px}
.home-hero .cta{padding:17px 22px;min-width:215px}
.home-hero .secondary{padding:9px 0}
.home-hero .rail{right:22px;bottom:28px;font-size:9px}
.home-hero .rail:before{width:22px}
.home-hero .serial{left:22px;bottom:28px;font-size:9px}}
@media (max-width:360px){.home-hero .headline{font-size:49px}
.home-hero .rail{display:none}}
@media (prefers-reduced-motion:reduce){.home-hero *,.home-hero *:before,.home-hero *:after{transition:none!important;animation:none!important}
.home-hero .cursor-orb{display:none}}
.home-hero{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-hero a{cursor:pointer}
.home-hero .headline{font-size:clamp(48px,5.8vw,98px)!important}
.home-hero .main{padding-top:clamp(110px,15vh,170px)}
.home-services{color-scheme:dark;--bg:#0a0b0e;--fg:#eeedf0;--muted:#868792;--line:#282a31;--accent:#b6a8fa}
.home-services *{box-sizing:border-box}
.home-services{background:var(--bg)}
.home-services{margin:0;color:var(--fg);background:radial-gradient(ellipse 70% 55% at 85% 0%,#171625 0%,transparent 75%),var(--bg);font:400 14px/1.5 Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-services .wrap{width:min(1180px,calc(100% - 88px));margin:0 auto;padding:clamp(68px,10vh,108px) 0 90px}
.home-services .topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(36px,6vh,68px);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9999a6}
.home-services .topline span:first-child{display:flex;align-items:center;gap:10px}
.home-services .mark{width:7px;height:7px;background:#b8a8fa;border-radius:50%;box-shadow:0 0 13px #b8a8fa75}
.home-services .topline span:last-child{color:#666872}
.home-services .heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
.home-services h2{font:600 clamp(36px,4.2vw,60px)/1.1 Arial,sans-serif;letter-spacing:-.065em;margin:0}
.home-services h2 .period{color:#aa9bf2}
.home-services .heading .hairline{width:96px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);margin-bottom:10px}
.home-services .services{border-top:1px solid #3b3b46}
.home-services .service{--mx:50%;display:grid;grid-template-columns:56px minmax(0,1fr) 94px 22px;align-items:center;gap:18px;min-height:clamp(72px,8.2vh,91px);padding:14px 12px 14px 4px;border-bottom:1px solid var(--line);position:relative;isolation:isolate;text-decoration:none;color:var(--fg);transition:border-color .25s,background .25s;outline-offset:4px}
.home-services .service:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(300px 120px at var(--mx) 50%,rgba(146,129,220,.12),transparent 80%),linear-gradient(90deg,rgba(255,255,255,.028),transparent);transition:opacity .3s}
.home-services .service:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#d6b6e8,#8f9ef9);transform:scaleY(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.home-services .service:hover:before,.home-services .service:focus-visible:before{opacity:1}
.home-services .service:hover:after,.home-services .service:focus-visible:after{transform:scaleY(1)}
.home-services .number{font:500 11px Arial,sans-serif;letter-spacing:.08em;color:#72727e}
.home-services .name{font:500 clamp(17px,1.85vw,24px)/1.3 Arial,sans-serif;letter-spacing:-.035em;transition:color .25s}
.home-services .service:hover .name,.home-services .service:focus-visible .name{color:#fff}
.home-services .motif{height:32px;width:90px;display:flex;align-items:center;justify-content:flex-end;opacity:.28;transition:opacity .25s}
.home-services .motif svg{height:28px;width:80px;overflow:visible}
.home-services .motif path,.home-services .motif circle,.home-services .motif rect{stroke:#c4b4f7;fill:none;stroke-width:1.15;vector-effect:non-scaling-stroke;transition:transform .4s,stroke .3s}
.home-services .service:hover .motif,.home-services .service:focus-visible .motif{opacity:1}
.home-services .service:hover .motif svg,.home-services .service:focus-visible .motif svg{transform:translateX(-3px)}
.home-services .arrow{font-size:20px;color:#777785;font-weight:400;line-height:1;transition:transform .25s,color .25s}
.home-services .service:hover .arrow,.home-services .service:focus-visible .arrow{color:#d6c8ff;transform:translate(3px,-3px)}
.home-services .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:26px;color:#676875;font-size:11px;letter-spacing:.03em}
.home-services .bottom .stroke{width:36px;height:1px;background:#4b465d;margin-right:9px;display:inline-block;vertical-align:middle}
@media (max-width:700px){.home-services .wrap{width:calc(100% - 40px);padding:66px 0 60px}
.home-services .topline{margin-bottom:56px;font-size:10px}
.home-services .heading{margin-bottom:26px}
.home-services h2{font-size:clamp(34px,8.5vw,46px)}
.home-services .heading .hairline{width:42px}
.home-services .service{grid-template-columns:30px minmax(0,1fr) 18px;gap:12px;min-height:79px;padding:12px 2px}
.home-services .number{font-size:10px}
.home-services .name{font-size:clamp(15px,4.1vw,19px);letter-spacing:-.025em}
.home-services .motif{display:none}
.home-services .arrow{font-size:18px}
.home-services .bottom{font-size:10px}}
@media (prefers-reduced-motion:reduce){.home-services *,.home-services *:before,.home-services *:after{transition:none!important;animation:none!important}}
.home-services{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-services a{cursor:pointer}
.home-products{color-scheme:dark;--bg:#0b0d12;--panel:#12151c;--line:#292e39;--muted:#89909d;--white:#f2f2f1;--blue:#8eacff;--radius:12px}
.home-products *{box-sizing:border-box}
.home-products{scroll-behavior:smooth}
.home-products{margin:0;background:var(--bg);color:var(--white);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-products a{color:inherit;text-decoration:none}
.home-products button{font:inherit}
.home-products ::selection{background:#879dff;color:#090b11}
.home-products .wrap{width:min(1160px,calc(100% - 96px));margin:auto}
.home-products .section{padding:100px 0 114px;position:relative;overflow:hidden}
.home-products .section:before{content:"";position:absolute;top:-250px;right:-180px;width:560px;height:560px;background:radial-gradient(circle,#23274340,transparent 65%);pointer-events:none}
.home-products .eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#858d9c;font-weight:700}
.home-products .heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:18px 0 40px}
.home-products .heading h2{font-family:Arial,sans-serif;font-size:clamp(34px,4.2vw,56px);line-height:1.12;font-weight:600;letter-spacing:-.055em;margin:0}
.home-products .heading .note{max-width:215px;color:#8c93a0;font-size:12px;line-height:1.7;margin:0 0 5px}
.home-products .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-products .product{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#11141b;border:1px solid #272c36;border-radius:var(--radius);transition:border-color .3s,transform .3s,box-shadow .3s}
.home-products .product:hover{transform:translateY(-4px);border-color:#49546c;box-shadow:0 24px 55px #0003}
.home-products .product:focus-visible{outline:2px solid #a2b8ff;outline-offset:4px}
.home-products .visual{height:270px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.home-products .visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#11141b22);pointer-events:none}
.home-products .visual .watermark{position:absolute;top:19px;left:21px;color:#d7d9e1a0;font-size:10px;letter-spacing:.12em;font-weight:700}
.home-products .visual .number{position:absolute;top:19px;right:20px;color:#d7d9e180;font-size:10px;font-variant-numeric:tabular-nums}
.home-products .pages{background:radial-gradient(ellipse at 75% 20%,#34406960,transparent 57%),linear-gradient(145deg,#1b2436,#141821 70%)}
.home-products .pages .sheets{width:190px;height:158px;position:relative;transform:rotate(-8deg);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-products .product:hover .pages .sheets{transform:rotate(-3deg) translateY(-4px)}
.home-products .sheet{position:absolute;width:146px;height:144px;background:#e8e9eb;border-radius:6px;box-shadow:0 13px 30px #05091355;border:1px solid #ffffff66}
.home-products .sheet.back{left:43px;top:0;transform:rotate(12deg);background:#8ea8e5}
.home-products .sheet.front{left:5px;top:10px;padding:17px}
.home-products .sheet .bar{height:5px;width:50px;background:#202738;border-radius:5px}
.home-products .sheet .big{height:40px;margin-top:19px;border-radius:3px;background:linear-gradient(120deg,#9cace2,#d1b2c9)}
.home-products .sheet .thin{height:3px;margin-top:12px;background:#aab1be;width:82px}
.home-products .sheet .thin.short{width:55px;margin-top:6px}
.home-products .profile{background:radial-gradient(ellipse at 50% 45%,#264f5c70,transparent 64%),#121d23}
.home-products .profile .identity{width:166px;height:176px;border:1px solid #769b9c70;border-radius:12px;background:#13272cbb;backdrop-filter:blur(8px);padding:20px 17px;transform:rotate(5deg);box-shadow:0 18px 35px #0004;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.home-products .product:hover .profile .identity{transform:rotate(0deg) translateY(-4px)}
.home-products .avatar{height:45px;width:45px;border-radius:50%;background:linear-gradient(135deg,#9fd4bd,#467b8c);margin-bottom:18px}
.home-products .id-line{height:5px;border-radius:5px;background:#9bc0b9;width:75%;margin:9px 0}
.home-products .id-line:nth-child(3){width:51%;opacity:.5}
.home-products .id-buttons{display:flex;gap:6px;margin-top:18px}
.home-products .id-buttons i{display:block;width:27px;height:20px;border:1px solid #85c1ba88;border-radius:5px}
.home-products .campaign{background:radial-gradient(ellipse at 80% 15%,#65425770,transparent 60%),#231b27}
.home-products .campaign .poster{width:167px;height:166px;background:#dc9eac;transform:rotate(-5deg);display:flex;align-items:center;justify-content:center;box-shadow:15px 15px 0 #75465b88;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}
.home-products .product:hover .campaign .poster{transform:rotate(0deg) translateY(-4px)}
.home-products .poster:before{content:"";position:absolute;inset:-80px 58px;transform:rotate(36deg);background:#f1c5c8}
.home-products .poster .ring{width:90px;height:90px;border:18px solid #613e62;border-radius:50%;position:relative;z-index:1;mix-blend-mode:multiply}
.home-products .poster .dash{position:absolute;z-index:2;background:#583b5c;width:65px;height:8px;bottom:21px;left:18px}
.home-products .details{padding:23px 24px 25px;display:flex;flex-direction:column;flex:1;min-height:145px}
.home-products .details .label{color:#818b9c;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.home-products .details .bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:auto}
.home-products .details h3{font-family:Arial,sans-serif;font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.045em;margin:15px 0 0}
.home-products .arrow{width:34px;height:34px;border-radius:50%;border:1px solid #444c5d;display:grid;place-items:center;font-size:18px;transition:background .3s,border-color .3s,transform .3s}
.home-products .product:hover .arrow,.home-products .product:focus-visible .arrow{background:#dce4ff;color:#11141b;border-color:#dce4ff;transform:rotate(45deg)}
.home-products .footer{margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-products .footer .rule{height:1px;flex:1;background:#2a2e39}
.home-products .all{font-size:12px;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:13px;padding:12px 0;transition:color .2s}
.home-products .all:hover,.home-products .all:focus-visible{color:#aabfff}
.home-products .all span{font-size:17px}
.home-products .all:focus-visible{outline:2px solid #a2b8ff;outline-offset:4px}
.home-products .explainer{position:fixed;bottom:16px;left:16px;font-size:10px;letter-spacing:.05em;color:#7e8695;background:#11141bde;border:1px solid #2b303b;border-radius:6px;padding:9px 12px;pointer-events:none}
@media (max-width:900px){.home-products .wrap{width:min(720px,calc(100% - 52px))}
.home-products .section{padding:75px 0}
.home-products .grid{grid-template-columns:1fr;gap:12px}
.home-products .product{flex-direction:row}
.home-products .visual{width:43%;height:205px;flex-shrink:0}
.home-products .details{min-height:205px;padding:24px}
.home-products .heading .note{max-width:200px}
.home-products .pages .sheets{transform:scale(.8) rotate(-8deg)}
.home-products .profile .identity{transform:scale(.8) rotate(5deg)}
.home-products .campaign .poster{transform:scale(.8) rotate(-5deg)}}
@media (max-width:580px){.home-products .wrap{width:calc(100% - 36px)}
.home-products .section{padding:65px 0 85px}
.home-products .heading{margin:15px 0 28px;display:block}
.home-products .heading h2{font-size:37px}
.home-products .heading .note{display:none}
.home-products .product{flex-direction:column}
.home-products .visual{width:100%;height:190px}
.home-products .details{min-height:115px;padding:18px 20px 20px}
.home-products .details h3{font-size:22px;margin-top:11px}
.home-products .footer{margin-top:25px}
.home-products .explainer{position:static;margin:0 18px 18px;width:max-content;max-width:calc(100% - 36px)}
.home-products .pages .sheets{transform:scale(.77) rotate(-8deg)}
.home-products .profile .identity{transform:scale(.78) rotate(5deg)}
.home-products .campaign .poster{transform:scale(.78) rotate(-5deg)}}
@media (prefers-reduced-motion:reduce){.home-products *,.home-products *:before,.home-products *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.home-products{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-products a{cursor:pointer}
.home-technology{color-scheme:dark;--bg:#0b0d12;--fg:#f0f0f3;--muted:#a4a7b2;--line:#2b2d35;--accent:#b2a1ff}
.home-technology *{box-sizing:border-box}
.home-technology{background:var(--bg)}
.home-technology{margin:0;background:var(--bg);color:var(--fg);line-height:normal;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-technology:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 75% 40%,#1b1b2a45,transparent 80%)}
.home-technology .frame{position:relative;max-width:1320px;margin:auto;padding:clamp(24px,5vw,76px)}
.home-technology .topline{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:16px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8e909b}
.home-technology .topline span:last-child{color:#6f7180}
.home-technology .section{position:relative;min-height:550px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.72fr);gap:clamp(28px,8vw,140px);align-items:center;padding:clamp(78px,12vw,158px) 0}
.home-technology .headline{font-size:clamp(36px,4.25vw,66px);font-weight:500;letter-spacing:-.065em;line-height:1.13;margin:0;max-width:750px}
.home-technology .headline .first{display:block}
.home-technology .headline .second{display:block;margin-top:.12em;color:#b8b3d2;overflow:hidden}
.home-technology .headline .second span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform 950ms cubic-bezier(.2,.75,.2,1),opacity 850ms ease}
.home-technology .visible .headline .second span{transform:translateY(0);opacity:1}
.home-technology .right{align-self:end;max-width:410px;padding-bottom:12px}
.home-technology .copy{font-size:clamp(15px,1.35vw,18px);line-height:1.8;color:#b9bbc6;letter-spacing:-.01em;margin:0 0 34px}
.home-technology .cta{display:inline-flex;align-items:center;gap:20px;text-decoration:none;color:#eeeef4;font-size:14px;font-weight:600;padding:0 0 12px;border-bottom:1px solid #777486;transition:border-color .25s,color .25s,gap .25s}
.home-technology .cta:hover,.home-technology .cta:focus-visible{color:#c4b6ff;border-color:#c4b6ff;gap:27px}
.home-technology .cta:focus-visible{outline:2px solid #b2a1ff;outline-offset:6px}
.home-technology .cta .arrow{font-size:19px;font-weight:400}
.home-technology .bottomline{height:1px;background:var(--line)}
@media (max-width:780px){.home-technology .frame{padding:26px}
.home-technology .topline{font-size:10px}
.home-technology .section{min-height:unset;grid-template-columns:1fr;gap:34px;padding:96px 0 100px}
.home-technology .headline{font-size:clamp(35px,8.3vw,52px)}
.home-technology .right{align-self:auto;max-width:530px}
.home-technology .copy{font-size:16px;margin-bottom:27px}}
@media (max-width:400px){.home-technology .frame{padding:20px}
.home-technology .headline{font-size:34px}}
@media (prefers-reduced-motion:reduce){.home-technology *,.home-technology *:before,.home-technology *:after{transition:none!important;animation:none!important}
.home-technology .headline .second span{transform:none;opacity:1}}
.home-technology{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-technology a{cursor:pointer}
.home-experiments{color-scheme:dark;--bg:#0b0c10;--ink:#e9e9ed;--muted:#92949f;--line:#30313b;--accent:#b4a6f7}
.home-experiments *{box-sizing:border-box}
.home-experiments{scroll-behavior:smooth}
.home-experiments{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-experiments button,.home-experiments a{font:inherit}
.home-experiments a{color:inherit}
.home-experiments .section{max-width:1320px;margin:auto;padding:clamp(68px,9vw,124px) clamp(22px,5.4vw,84px) 110px}
.home-experiments .eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#888b98;display:flex;gap:12px;align-items:center}
.home-experiments .eyebrow:before{content:"";width:18px;height:1px;background:#b9a6ed}
.home-experiments .intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:24px 0 42px}
.home-experiments .intro h2{font-family:Arial,sans-serif;font-size:clamp(34px,4.25vw,62px);font-weight:500;letter-spacing:-.062em;line-height:1.06;margin:0}
.home-experiments .intro p{max-width:240px;color:#9395a1;font-size:13px;line-height:1.7;margin:0 0 3px}
.home-experiments .stage{position:relative;min-height:clamp(340px,47vw,570px);border:1px solid #292a34;overflow:hidden;background:#101118;isolation:isolate}
.home-experiments .stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(180deg,rgba(8,9,13,.22),transparent 25%,transparent 70%,rgba(8,9,13,.42))}
.home-experiments .stage-inner{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.home-experiments .visual{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.home-experiments .visual.active{opacity:1;transform:scale(1)}
.home-experiments .visual-one{background:radial-gradient(ellipse at 53% 47%,#392b6a 0%,#18142d 31%,#0c0d15 68%)}
.home-experiments .visual-one .mass{font-family:Arial,sans-serif;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:600;white-space:nowrap;font-size:clamp(34px,6.4vw,94px);letter-spacing:-.085em;color:#eeeaff;text-shadow:0 0 42px rgba(171,146,255,.42)}
.home-experiments .visual-one .mass span{display:inline-block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.home-experiments .stage:hover .visual-one.active .mass span:nth-child(odd){transform:translateY(-6px) rotate(-3deg)}
.home-experiments .stage:hover .visual-one.active .mass span:nth-child(even){transform:translateY(5px) rotate(3deg)}
.home-experiments .visual-one .orb{position:absolute;width:34%;aspect-ratio:1;left:34%;top:15%;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(188,166,255,.26),transparent 55%);filter:blur(25px)}
.home-experiments .visual-two{background:radial-gradient(ellipse at 50% 95%,#483326 0%,#191720 40%,#0b0d13 75%)}
.home-experiments .visual-two .beam{position:absolute;width:38%;height:140%;top:-20%;left:31%;transform:rotate(15deg);background:linear-gradient(90deg,transparent,rgba(255,180,108,.11),transparent);filter:blur(22px)}
.home-experiments .visual-two .car-line{position:absolute;left:20%;right:20%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#f9c69b 30%,#ffeed8 55%,#f0a569 76%,transparent);box-shadow:0 0 24px 7px rgba(242,149,79,.23)}
.home-experiments .visual-two .car-line:after{content:"";position:absolute;left:18%;right:18%;top:-23px;height:45px;border-top:1px solid rgba(255,222,192,.48);border-radius:50% 50% 0 0}
.home-experiments .visual-two .word{position:absolute;left:50%;top:67%;transform:translateX(-50%);font-family:Arial;font-size:clamp(28px,5vw,74px);letter-spacing:.18em;font-weight:500;color:#e8cdb5}
.home-experiments .visual-three{background:radial-gradient(ellipse at 52% 44%,#50404b,#231b26 36%,#100e16 70%)}
.home-experiments .visual-three .bottle{position:absolute;width:clamp(75px,12vw,150px);height:clamp(150px,23vw,270px);top:48%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,225,221,.6);border-radius:11px 11px 19px 19px;background:linear-gradient(95deg,rgba(240,205,207,.06),rgba(250,217,225,.22) 30%,rgba(30,17,28,.18) 58%,rgba(241,213,227,.1));box-shadow:inset 9px 0 25px rgba(255,224,224,.11),0 0 70px rgba(247,172,195,.15)}
.home-experiments .visual-three .bottle:before{content:"";position:absolute;width:45%;height:17%;left:27.5%;top:-17%;background:linear-gradient(90deg,#221a23,#8e7484,#211922);border:1px solid #a18897}
.home-experiments .visual-three .bottle:after{content:"ÉCLAT";position:absolute;top:51%;width:100%;text-align:center;font-family:Georgia,serif;font-size:clamp(12px,1.7vw,20px);letter-spacing:.16em;color:#f9e7e9}
.home-experiments .visual-three .shine{position:absolute;inset:-60%;transform:rotate(24deg);background:linear-gradient(90deg,transparent 47%,rgba(255,234,240,.18) 50%,transparent 53%);animation:sweep 8s ease-in-out infinite alternate}
@keyframes  sweep{from{translate:-20% 0}to{translate:20% 0}}
.home-experiments .visual-four{background:linear-gradient(135deg,#1d1721,#0b0c12 62%)}
.home-experiments .visual-four .stripe{position:absolute;width:38%;height:160%;left:44%;top:-30%;background:#b7283e;transform:rotate(21deg);box-shadow:18px 0 0 #241822,-18px 0 0 #d44b57}
.home-experiments .visual-four .fashion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);font-family:Arial;font-size:clamp(35px,7vw,108px);font-weight:600;letter-spacing:-.09em;white-space:nowrap;text-shadow:0 6px 20px #09090f}
.home-experiments .stage-label{position:absolute;z-index:8;left:26px;top:23px;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.17em;color:#c8c7d3;text-transform:uppercase}
.home-experiments .stage-label i{display:block;width:6px;height:6px;background:#d5c2ff;border-radius:50%;box-shadow:0 0 12px #c1a9ff}
.home-experiments .stage-bottom{position:absolute;z-index:8;bottom:24px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.home-experiments .stage-bottom strong{font-family:Arial;font-weight:500;font-size:clamp(24px,3.1vw,42px);letter-spacing:-.055em}
.home-experiments .stage-bottom span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b5b1bd}
.home-experiments .selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px;gap:10px}
.home-experiments .tile{cursor:pointer;min-width:0;text-align:left;border:1px solid #292b35;background:#121319;padding:17px 18px 19px;min-height:95px;transition:border-color .25s,background .25s,transform .25s;color:#e7e7eb;position:relative}
.home-experiments .tile:hover{border-color:#66606f;background:#191922;transform:translateY(-2px)}
.home-experiments .tile[aria-pressed=true]{border-color:#a897e0;background:#1c1a28}
.home-experiments .tile:focus-visible{outline:2px solid #c7b7ff;outline-offset:3px}
.home-experiments .tile small{display:block;font-size:10px;letter-spacing:.14em;color:#8c8e9a;margin-bottom:13px}
.home-experiments .tile strong{font-family:Arial;display:block;font-weight:500;font-size:clamp(13px,1.25vw,16px);letter-spacing:-.025em;line-height:1.2}
.home-experiments .tile:after{content:"↗︎";position:absolute;right:16px;top:16px;color:#8e819f;font-size:14px}
.home-experiments .foot{margin-top:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.home-experiments .foot p{color:#878994;font-size:12px;max-width:370px;line-height:1.6;margin:0}
.home-experiments .foot a{display:inline-flex;align-items:center;gap:20px;text-decoration:none;font-size:13px;font-weight:600;border-bottom:1px solid #8e82a8;padding:0 0 10px;white-space:nowrap;transition:gap .2s,color .2s}
.home-experiments .foot a:hover{gap:28px;color:#c5b4ff}
@media (max-width:700px){.home-experiments .section{padding:72px 20px 85px}
.home-experiments .intro{display:block;margin:24px 0 30px}
.home-experiments .intro p{margin-top:16px}
.home-experiments .stage{min-height:380px}
.home-experiments .stage-bottom{left:18px;right:18px;bottom:20px}
.home-experiments .stage-label{left:18px;top:19px}
.home-experiments .stage-bottom span{font-size:9px}
.home-experiments .selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.home-experiments .tile{padding:14px 13px;min-height:84px}
.home-experiments .tile:after{right:11px;top:11px}
.home-experiments .foot{align-items:start;flex-direction:column;gap:22px}
.home-experiments .visual-four .stripe{width:55%;left:35%}
.home-experiments .visual-two .car-line{left:9%;right:9%}}
@media (prefers-reduced-motion:reduce){.home-experiments *,.home-experiments *:before,.home-experiments *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.home-experiments{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-experiments a{cursor:pointer}
.home-philosophy{color-scheme:dark;--bg:#0c0e12;--line:#30343d;--ink:#f1f0ed;--muted:#8b909a;--accent:#b3a0f5}
.home-philosophy *{box-sizing:border-box}
.home-philosophy{scroll-behavior:smooth}
.home-philosophy{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-philosophy button,.home-philosophy a{font:inherit}
.home-philosophy .wrap{max-width:1340px;margin:auto;padding:0 clamp(24px,6vw,90px)}
.home-philosophy .prelude{height:24vh;min-height:130px;display:flex;align-items:end;padding-bottom:34px;border-bottom:1px solid #20242d;color:#626873;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.home-philosophy .philosophy{position:relative;overflow:hidden;padding:clamp(90px,12vw,165px) 0 clamp(95px,11vw,145px);min-height:610px}
.home-philosophy .philosophy:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 60% at var(--px,80%) var(--py,46%),rgba(103,85,153,.105),transparent 75%);pointer-events:none}
.home-philosophy .head{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line);position:relative}
.home-philosophy .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a3a6b0}
.home-philosophy .index{font-size:11px;color:#626873;letter-spacing:.12em}
.home-philosophy .statement{padding:clamp(58px,8vw,105px) 0 clamp(65px,8vw,100px);max-width:1010px;position:relative}
.home-philosophy .statement h2{margin:0;font-family:Arial,sans-serif;font-size:clamp(31px,4.2vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.23}
.home-philosophy .line{display:block}
.home-philosophy .line.secondary{color:#848994}
.home-philosophy .word{display:inline-block;opacity:.32;transform:translateY(5px);transition:opacity .55s ease,transform .55s ease,color .55s ease}
.home-philosophy .word.on{opacity:1;transform:none}
.home-philosophy .line.secondary .word.on{color:#b4a5e8}
.home-philosophy .bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:22px;border-top:1px solid var(--line);position:relative}
.home-philosophy .note{font-size:12px;color:#777d89;line-height:1.6}
.home-philosophy .cta{display:inline-flex;align-items:center;gap:32px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.home-philosophy .arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid #515564;border-radius:50%;transition:background .3s,border-color .3s,transform .3s}
.home-philosophy .cta:hover .arrow,.home-philosophy .cta:focus-visible .arrow{background:#c6b9ff;border-color:#c6b9ff;color:#17141d;transform:translate(2px,-2px)}
.home-philosophy .cta:focus-visible{outline:2px solid #c6b9ff;outline-offset:8px}
.home-philosophy .after{height:26vh;min-height:150px;border-top:1px solid #20242d}
.home-philosophy .after .wrap{padding-top:30px;font-size:11px;color:#626873;letter-spacing:.13em;text-transform:uppercase}
.home-philosophy .guide{position:fixed;right:18px;bottom:16px;background:#171a21;border:1px solid #30343d;color:#8e929c;padding:10px 13px;font-size:11px;border-radius:6px;z-index:5}
@media (max-width:650px){.home-philosophy .prelude{height:12vh;min-height:85px}
.home-philosophy .philosophy{min-height:auto;padding:80px 0 90px}
.home-philosophy .statement{padding:70px 0 85px}
.home-philosophy .statement h2{font-size:clamp(30px,7.7vw,44px);line-height:1.3;letter-spacing:-.05em}
.home-philosophy .bottom{align-items:flex-start;flex-direction:column;gap:28px}
.home-philosophy .note{font-size:11px}
.home-philosophy .guide{display:none}}
@media (prefers-reduced-motion:reduce){.home-philosophy{scroll-behavior:auto}
.home-philosophy .word{opacity:1;transform:none;transition:none}
.home-philosophy .arrow{transition:none}}
.home-philosophy{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-philosophy a{cursor:pointer}
.home-insights{color-scheme:dark;--bg:#0b0c10;--fg:#eeedf0;--muted:#9899a5;--line:#292a33;--accent:#b8a5fa}
.home-insights *{box-sizing:border-box}
.home-insights{scroll-behavior:smooth}
.home-insights{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-insights .wrap{max-width:1210px;margin:auto;padding:clamp(72px,10vw,120px) clamp(22px,5.2vw,76px) 110px}
.home-insights .eyebrow{font-size:10px;letter-spacing:.22em;color:#888996;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.home-insights .eyebrow:before{content:"";width:19px;height:1px;background:var(--accent)}
.home-insights .top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:23px 0 53px}
.home-insights .top h2{font:600 clamp(39px,5vw,64px)/1.08 Arial,sans-serif;letter-spacing:-.065em;margin:0}
.home-insights .top p{color:var(--muted);max-width:270px;font-size:13px;line-height:1.7;margin:0 0 5px}
.home-insights .articles{display:grid;grid-template-columns:1.24fr 1fr;gap:22px}
.home-insights .feature,.home-insights .small{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden}
.home-insights .feature{border:1px solid var(--line);background:#11121a;min-height:476px;display:flex;flex-direction:column}
.home-insights .art{position:relative;overflow:hidden;isolation:isolate}
.home-insights .feature .art{flex:1;min-height:265px;background:radial-gradient(ellipse at 25% 80%,#30244e 0,transparent 45%),linear-gradient(120deg,#13131c,#181623 45%,#10121b)}
.home-insights .art:before,.home-insights .art:after{content:"";position:absolute;inset:auto;pointer-events:none}
.home-insights .feature .art:before{width:410px;height:410px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-23deg);border:1px solid #6f608e;border-radius:49% 51% 46% 54%;box-shadow:0 0 0 27px #b29bee0b,0 0 0 65px #b29bee08;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.home-insights .feature .art:after{height:1px;width:140%;left:-20%;top:51%;background:linear-gradient(90deg,transparent,#8b77b5,transparent);transform:rotate(-23deg)}
.home-insights .feature:hover .art:before,.home-insights .feature:focus-visible .art:before{transform:translate(-50%,-50%) rotate(8deg) scale(1.04)}
.home-insights .art-image{background:#15141e;overflow:hidden}
.home-insights .art-image:before,.home-insights .art-image:after{content:none!important}
.home-insights .art-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.home-insights .feature:hover .art-image img,.home-insights .small:hover .art-image img{transform:scale(1.045)}
.home-insights .feature .art-image{flex:1;min-height:265px}
.home-insights .small .art-image{min-height:224px}
.home-insights .copy{padding:25px 27px 29px}
.home-insights .meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9b9aa9;letter-spacing:.09em;text-transform:uppercase}
.home-insights .copy h3{font:600 clamp(21px,2.3vw,29px)/1.27 Arial,sans-serif;letter-spacing:-.04em;margin:16px 0 16px;max-width:490px}
.home-insights .arrow{display:inline-grid;place-items:center;width:31px;height:31px;border:1px solid #494651;border-radius:50%;font-size:15px;transition:background .25s,color .25s,transform .25s}
.home-insights .feature:hover .arrow,.home-insights .small:hover .arrow,.home-insights .feature:focus-visible .arrow,.home-insights .small:focus-visible .arrow{background:var(--fg);color:var(--bg);transform:rotate(45deg)}
.home-insights .stack{display:grid;gap:22px}
.home-insights .small{display:grid;grid-template-columns:43% 1fr;border:1px solid var(--line);min-height:226px;background:#101117}
.home-insights .small .art{min-height:224px}
.home-insights .small:nth-child(1) .art{background:radial-gradient(circle at 50% 50%,#43365c 0 2px,transparent 3px),repeating-linear-gradient(45deg,transparent 0 20px,#7e71a21e 20px 21px),#191823;background-size:auto}
.home-insights .small:nth-child(1) .art:before{width:94px;height:94px;border:1px solid #a596c0;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px #aa99ca14,0 0 0 43px #aa99ca0a;transition:transform .5s}
.home-insights .small:nth-child(2) .art{background:linear-gradient(140deg,#22202a,#101820)}
.home-insights .small:nth-child(2) .art:before{width:110px;height:110px;border:1px solid #647c95;top:50%;left:50%;transform:translate(-50%,-50%) rotate(24deg);box-shadow:20px -20px 0 -1px #101820,20px -20px 0 0 #647c9580;transition:transform .5s}
.home-insights .small:hover .art:before{transform:translate(-50%,-50%) rotate(44deg)}
.home-insights .small .copy{display:flex;flex-direction:column;padding:22px 22px 20px}
.home-insights .small .meta{font-size:9px}
.home-insights .small h3{font-size:clamp(16px,1.55vw,21px);margin:13px 0 12px}
.home-insights .small .arrow{margin-top:auto}
.home-insights .bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:42px;padding-top:23px;gap:20px}
.home-insights .bottom span{color:#797b87;font-size:11px}
.home-insights .bottom a{color:var(--fg);text-decoration:none;font-size:13px;font-weight:600;display:inline-flex;gap:15px;align-items:center}
.home-insights .bottom a i{font-style:normal;color:var(--accent);transition:transform .25s}
.home-insights .bottom a:hover i{transform:translate(3px,-3px)}
.home-insights a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.home-insights .note{margin-top:35px;color:#777985;font-size:11px;line-height:1.6;max-width:700px}
@media (max-width:850px){.home-insights .articles{grid-template-columns:1fr}
.home-insights .feature{min-height:390px}
.home-insights .feature .art{min-height:225px}
.home-insights .stack{grid-template-columns:1fr 1fr}
.home-insights .small{display:flex;flex-direction:column}
.home-insights .small .art{min-height:160px}
.home-insights .small .copy{flex:1}
.home-insights .small h3{font-size:17px}}
@media (max-width:540px){.home-insights .wrap{padding:72px 20px 75px}
.home-insights .top{display:block;margin-bottom:32px}
.home-insights .top p{margin-top:17px}
.home-insights .stack{grid-template-columns:1fr}
.home-insights .small{display:grid;grid-template-columns:37% 1fr;min-height:165px}
.home-insights .small .art{min-height:165px}
.home-insights .small .copy{padding:18px}
.home-insights .small h3{font-size:16px}
.home-insights .feature .art{min-height:210px}
.home-insights .feature .copy{padding:22px}
.home-insights .bottom{margin-top:29px}
.home-insights .bottom span{max-width:125px}}
@media (prefers-reduced-motion:reduce){.home-insights *,.home-insights *:before,.home-insights *:after{transition:none!important;animation:none!important}
.home-insights{scroll-behavior:auto}}
.home-insights{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-insights a{cursor:pointer}
.home-invitation{color-scheme:dark;--bg:#090b10;--ink:#f0f0f3;--muted:#9899a7;--line:#272932;--accent:#a7a6ff}
.home-invitation *{box-sizing:border-box}
.home-invitation{scroll-behavior:smooth}
.home-invitation{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-invitation a{color:inherit}
.home-invitation button{font:inherit}
.home-invitation .spacer{height:15vh;background:linear-gradient(#10121a,#090b10)}
.home-invitation .invitation{position:relative;min-height:680px;min-height:92svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.home-invitation .invitation:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 55% at 75% 50%,rgba(75,65,120,.12),transparent 75%);pointer-events:none}
.home-invitation .grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px);background-size:calc(100% / 12) 100%;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);pointer-events:none}
.home-invitation .wrap{width:min(1260px,calc(100% - 112px));margin:auto;position:relative;z-index:1;padding:95px 0 110px}
.home-invitation .eyebrow{display:flex;align-items:center;gap:12px;color:#aaaab6;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.home-invitation .eyebrow:before{content:"";height:1px;width:28px;background:#9894dd}
.home-invitation .main{margin:70px 0 0;max-width:990px;font:500 clamp(39px,4.45vw,73px)/1.14 Arial,sans-serif;letter-spacing:-.058em}
.home-invitation .main .first{display:block;color:#e8e8ec}
.home-invitation .main .second{display:block;margin-top:9px;color:#a6a4ff}
.home-invitation .reveal{display:inline-block;clip-path:inset(0 100% 0 0);transition:clip-path 1.15s cubic-bezier(.2,.8,.15,1)}
.home-invitation .ready .reveal{clip-path:inset(0 0 0 0)}
.home-invitation .main .first{opacity:0;transform:translateY(16px);transition:opacity .75s,transform .75s}
.home-invitation .ready .first{opacity:1;transform:none}
.home-invitation .bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:94px;border-top:1px solid var(--line);padding-top:28px}
.home-invitation .sub{color:var(--muted);font-size:13px;line-height:1.8;max-width:230px}
.home-invitation .cta{--mx:0px;--my:0px;position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:60px;min-width:270px;padding:21px 23px;border:1px solid #76738e;border-radius:2px;text-decoration:none;font-size:14px;font-weight:600;background:rgba(255,255,255,.025);transform:translate(var(--mx),var(--my));transition:background .25s,border-color .25s,transform .18s ease;outline-offset:5px}
.home-invitation .cta:hover,.home-invitation .cta:focus-visible{background:#a7a6ff;color:#101018;border-color:#a7a6ff}
.home-invitation .cta .arrow{font-size:19px;transition:transform .25s}
.home-invitation .cta:hover .arrow,.home-invitation .cta:focus-visible .arrow{transform:translate(3px,-3px)}
.home-invitation .foot{padding:22px max(56px,calc((100vw - 1260px)/2));border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777986;font-size:11px;letter-spacing:.07em}
.home-invitation .foot span:last-child{color:#a6a4ff}
@media (max-width:760px){.home-invitation .invitation{min-height:690px;min-height:85svh}
.home-invitation .wrap{width:calc(100% - 42px);padding:90px 0 70px}
.home-invitation .main{margin-top:60px;font-size:clamp(34px,8.2vw,55px);line-height:1.2;letter-spacing:-.052em}
.home-invitation .main .second{margin-top:17px}
.home-invitation .bottom{margin-top:70px;display:block}
.home-invitation .sub{margin-bottom:26px}
.home-invitation .cta{width:100%;min-width:0}
.home-invitation .foot{padding:22px 21px}}
@media (prefers-reduced-motion:reduce){.home-invitation{scroll-behavior:auto}
.home-invitation .reveal{clip-path:none;transition:none}
.home-invitation .main .first{opacity:1;transform:none;transition:none}
.home-invitation .cta,.home-invitation .cta .arrow{transition:none}}
.home-invitation{display:block;position:relative;isolation:isolate;overflow:clip;font-family:Arial,sans-serif}
.home-invitation a{cursor:pointer}
.home-products .real-product-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.home-products .watermark{z-index:1;mix-blend-mode:screen;opacity:.5}.home-products .number{z-index:2}.home-experiment-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.home-experiment-heading h3{font:500 clamp(20px,3vw,38px)/1.2 Arial,sans-serif;letter-spacing:-.05em}.home-experiment-item{margin-block:50px 85px}.home-experiment-item .experiment-player{max-width:1200px;margin-inline:auto}.home-insights .articles:empty{display:none}.home-insights .insight-entry{display:flex;gap:25px}.home-insights .insight-entry img{width:35%;object-fit:cover}.home-insights h3{font-size:24px;font-weight:500}.home-insights .articles{grid-template-columns:1fr}.home-insights .insight-entry:first-child{grid-row:span 2}.home-technology .section{opacity:1;transform:none}.home-invitation .invitation{opacity:1}.home-philosophy [data-reveal]{opacity:1}.home-services .list a:focus-visible{background:#18151f;outline:2px solid #b7a0ff}@media(min-width:800px){.home-insights .articles{grid-template-columns:1.3fr 1fr}.home-insights .insight-entry:first-child{display:block}.home-insights .insight-entry:first-child img{width:100%;height:280px}}@media(max-width:700px){.home-experiment-heading{display:block}.home-experiment-item{margin-block:30px 55px}}

.home-invitation .main .first{opacity:1;transform:none}.home-invitation .headline span,.home-invitation .main .second{opacity:1;transform:none}


.home-experiment-reel .home-experiment-item{margin:20px 0 30px}.home-experiments .selector{margin-top:25px}.home-experiments .selector[hidden]{display:none}.home-experiments .home-experiment-heading h3{margin-block:15px}

/* Homepage section shells remain full bleed; content widths are section-specific. */
.home-hero,.home-services,.home-products,.home-technology,.home-experiments,.home-philosophy,.home-insights,.home-invitation{width:100%;max-width:none;margin-inline:0}

/* The global .section utility is width-limited. The product section is a
   full-bleed surface in the reference; only its .wrap is constrained. */
.home-products .section{max-width:none;width:100%;margin-inline:0}
/* Technology's .frame is its width constraint; avoid a second, inherited cap. */
.home-technology .section{max-width:none;width:100%;margin-inline:0}

/* Services: official Lucide line art, with restrained interactive choreography. */
.home-services .motif{justify-content:center;opacity:.52}
.home-services .motif svg{width:32px;height:32px;overflow:visible;color:#b9addf;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s}
.home-services .motif svg path,.home-services .motif svg rect,.home-services .motif svg circle{stroke:currentColor;stroke-width:1.25;fill:none;vector-effect:non-scaling-stroke}
.home-services .service:hover .motif svg,.home-services .service:focus-visible .motif svg{transform:translateY(-2px) scale(1.08);color:#d5c9ff}
@media (prefers-reduced-motion:no-preference){
.home-services .service:hover .motif svg path,.home-services .service:hover .motif svg rect,.home-services .service:hover .motif svg circle,
.home-services .service:focus-visible .motif svg path,.home-services .service:focus-visible .motif svg rect,.home-services .service:focus-visible .motif svg circle{animation:curvea-service-stroke .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes curvea-service-stroke{from{stroke-dasharray:0 120;stroke-dashoffset:16}to{stroke-dasharray:120 0;stroke-dashoffset:0}}
}

.content-hero { padding-top: clamp(6rem,14vw,12rem); position: relative; }
.content-hero h1,.article-header h1 { font-size: clamp(2.6rem,7.8vw,8rem); line-height: 1.02; letter-spacing: -.06em; max-width: 16ch; margin: 1.7rem 0; text-wrap: balance; }
.content-lead { max-width: 52ch; font-size: clamp(1rem,1.5vw,1.35rem); color: var(--muted); }
.content-breadcrumb { padding: 3rem var(--gutter) 0; display: flex; flex-wrap: wrap; gap: .75rem; font-size: .8rem; color: var(--muted); }
.content-breadcrumb + .content-hero { padding-top: 3rem; }
.content-section-heading { display: grid; gap: 1.5rem; padding-bottom: 3rem; border-bottom: 1px solid var(--line); }
.content-section-heading h2,.content-closing h2,.related-reading > h2,.project-next > h2 { font-size: clamp(2rem,4.5vw,4.5rem); line-height: 1.1; letter-spacing: -.055em; max-width: 19ch; }
.content-section-heading p,.content-closing p { color: var(--muted); max-width: 55ch; }
.editorial-feature { display: grid; gap: 2rem; padding-top: 0; align-items: center; }
.editorial-feature-art { overflow: hidden; display: block; }
.editorial-feature-art img { aspect-ratio: 3/2; object-fit: cover; width: 100%; }
.editorial-feature h2 { font-size: clamp(1.8rem,3.8vw,4rem); line-height: 1.12; letter-spacing: -.05em; margin: 1rem 0; }
.editorial-feature h2 a,.editorial-card h3 a,.work-entry h2 a { text-decoration: none; }
.editorial-feature p:not(.eyebrow),.editorial-card > p:not(.eyebrow) { color: var(--muted); }
.editorial-discovery { padding-top: 0; }
.category-section { padding-top: 4rem; }
.category-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 1.5rem; margin-bottom: 2rem; }
.category-heading h2 { font-size: clamp(1.2rem,2.5vw,2rem); letter-spacing: -.035em; }
.category-heading a { flex-shrink: 0; }
.editorial-grid { display: grid; gap: 3rem 2rem; }
.editorial-card { max-width: 42rem; }
.editorial-card-art { display: block; overflow: hidden; margin-bottom: 1.4rem; }
.editorial-card-art img { width: 100%; aspect-ratio: 3/2; object-fit: cover; transition: transform .5s var(--ease); }
.editorial-card:hover img { transform: scale(1.025); }
.editorial-card h3 { font-size: clamp(1.3rem,2.2vw,2rem); letter-spacing: -.035em; line-height: 1.25; margin: .7rem 0; }
.editorial-card time { display: block; color: var(--muted); font-size: .75rem; margin-top: 1rem; }
.content-closing { border-top: 1px solid var(--line); }
.content-closing p { margin: 1.5rem 0; }
.article-header { padding-top: clamp(6rem,12vw,10rem); padding-bottom: 3rem; }
.article-header h1 { max-width: 18ch; font-size: clamp(2.3rem,6.3vw,6.5rem); }
.article-byline { display: flex; flex-wrap: wrap; gap: 1rem 2rem; color: var(--muted); font-size: .8rem; margin-bottom: 2rem; }
.article-cover { width: 100%; max-height: 75vh; object-fit: cover; margin-top: 3rem; aspect-ratio: 3/2; }
.reading-wrap { width: min(100% - 2 * var(--gutter), 46rem); margin: 0 auto 5rem; }
.article-toc { padding: 1rem 0; border-block: 1px solid var(--line); margin: 0 0 3rem; }
.article-toc summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.article-toc nav { display: grid; gap: .7rem; padding-bottom: 1rem; }
.article-toc nav a { font-size: .9rem; color: var(--muted); }
.article-body { font-size: clamp(1rem,1.3vw,1.13rem); line-height: 1.9; }
.article-body p { margin: 0 0 1.6rem; }
.article-body h2 { font-size: clamp(1.6rem,2.8vw,2.25rem); line-height: 1.22; letter-spacing: -.035em; margin: 3.4rem 0 1.3rem; scroll-margin-top: 3rem; }
.article-body h3 { font-size: 1.3rem; margin: 2rem 0 1rem; }
.article-body a { color: #b18aff; }
.article-body li { padding-left: .3rem; margin-bottom: .75rem; }
.related-reading { border-top: 1px solid var(--line); }
.related-reading .editorial-grid { margin: 3rem 0; }
.work-collection { padding-top: 0; }
.work-entry { display: grid; gap: 2rem; padding-block: 3rem; border-top: 1px solid var(--line); }
.work-entry-art { display: block; overflow: hidden; }
.work-entry-art img { width: 100%; }
.work-entry h2 { font-size: clamp(2rem,3.5vw,4rem); letter-spacing: -.055em; line-height: 1.1; margin-bottom: 1rem; }
.work-entry-copy > p { color: var(--muted); max-width: 48ch; }
.service-tags { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; list-style: none; padding: 0; color: var(--muted); font-size: .75rem; margin: 1.5rem 0; }
.project-cover { margin-top: 3rem; width: 100%; }
.story-chapter { display: grid; gap: 1.5rem; padding-top: 3rem; }
.story-chapter h3 { font-size: 1.5rem; letter-spacing: -.03em; }
.story-chapter p { margin-bottom: 1.25rem; max-width: 68ch; line-height: 1.85; }
.story-chapter li { max-width: 65ch; margin-bottom: 1rem; }
.project-showcase { padding-top: 0; }
.project-showcase figure { margin: 3rem 0 5rem; }
.project-showcase figure img { width: 100%; height: auto; object-fit: contain; border: 1px solid var(--line); }
.project-showcase figcaption { display: grid; gap: .5rem; padding-top: 1.3rem; }
.project-showcase figcaption p { color: var(--muted); font-size: .85rem; }
.project-next { border-top: 1px solid var(--line); }
.project-next > p { max-width: 54ch; color: var(--muted); margin: 1.5rem 0 3rem; }
.next-project { display: grid; gap: 1.5rem; text-decoration: none; margin-bottom: 2rem; }
.next-project img { width: 100%; }
.next-project span { font-size: .8rem; color: var(--muted); }
.next-project strong { display: block; font-size: clamp(2rem,4vw,4rem); font-weight: 500; letter-spacing: -.05em; color: var(--text); margin-top: .5rem; }
/* Reposition the existing, single TOC beside the article on desktop. */
@media (min-width: 1000px) {
  .reading-wrap {
    width: min(calc(100% - 2 * var(--gutter)), 76rem);
    display: grid;
    grid-template-columns: minmax(11rem, 15rem) minmax(0, 46rem);
    justify-content: space-between;
    gap: clamp(2rem, 5vw, 6rem);
    align-items: start;
  }
  .article-toc {
    position: sticky;
    top: 5rem;
    align-self: start;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    padding: 0;
    margin: 0;
    border: 0;
  }
  .article-toc summary {
    cursor: default;
    min-height: 0;
    margin-bottom: 1.5rem;
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    list-style: none;
  }
  .article-toc summary::-webkit-details-marker { display: none; }
  .article-toc nav { gap: 1rem; }
  .article-toc nav a { font-size: .82rem; line-height: 1.5; text-decoration: none; }
  .article-toc nav a:hover, .article-toc nav a:focus-visible { color: var(--text); text-decoration: underline; }
  .article-body { min-width: 0; }
}
@media(min-width:800px) {
  .editorial-feature { grid-template-columns: 1.35fr 1fr; gap: 5vw; }
  .editorial-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .editorial-grid > :only-child { grid-column: span 2; display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; max-width: none; }
  .editorial-grid > :only-child .editorial-card-art { grid-row: span 4; margin: 0; }
  .content-section-heading { grid-template-columns: 1fr 1fr; gap: 5vw; align-items: end; }
  .work-entry { grid-template-columns: 1.5fr 1fr; gap: 5vw; align-items: center; }
  .work-entry:nth-child(even) { grid-template-columns: 1fr 1.5fr; }
  .work-entry:nth-child(even) .work-entry-art { order: 2; }
  .story-chapter { grid-template-columns: 1fr 2fr; gap: 5vw; }
  .project-showcase figcaption { grid-template-columns: 1fr 1fr; }
  .next-project { grid-template-columns: 1.3fr 1fr; align-items: center; gap: 5vw; }
}
@media(prefers-reduced-motion:reduce) { .editorial-card:hover img { transform: none; } }

/* Editorial font parity for Insights articles only. */
.insight-article .article-header h1, .insight-article .content-lead, .insight-article .article-body, .insight-article .article-body h2, .insight-article .article-body h3 { font-family: 'Newsreader', Georgia, serif; font-weight: 400; }
.insight-article .article-body h3 { font-weight: 500; }
.insight-article .article-byline, .insight-article .article-toc, .insight-article .eyebrow { font-family: 'DM Sans', sans-serif; }

@font-face { font-family: ExperimentBody; src: url('/experiments/fonts/NimbusSans-Regular.otf') format('opentype'); font-display: swap; }
@font-face { font-family: ExperimentDisplay; src: url('/experiments/fonts/NimbusSans-Bold.otf') format('opentype'); font-display: swap; }
@font-face { font-family: ExperimentEditorial; src: url('/experiments/003/NimbusRoman-Regular.otf') format('opentype'); font-display: swap; }
.experiment-live .scene{ position: relative; width: 100%; height: 100%; overflow: hidden; container-type: inline-size; font-family: ExperimentBody, Arial, sans-serif; }
.experiment-live .scene p,.experiment-live .scene h2,.experiment-live .scene h3{ margin: 0; }
.experiment-live .scene button{ cursor: pointer; font: inherit; background: none; color: inherit; transition: opacity .2s; }
.experiment-live .scene button:hover{ opacity: .65; }
.experiment-live .scene button:focus-visible{ outline: 1px solid currentColor; outline-offset: 5px; }
.experiment-live .nav{ position: absolute; left: 4.6875%; right: 4.6875%; top: 5.37%; display: flex; align-items: center; justify-content: space-between; z-index: 6; }
.experiment-live .nav > div{ display: flex; gap: 3cqw; font-size: 1.1458cqw; letter-spacing: .104cqw; }
.experiment-live .nav button{ border: 0; padding: .3cqw 0; }
.experiment-live .kicker{ font-size: 1.04cqw; letter-spacing: .31cqw; }
.experiment-live .eclat{ color: #eee7dd; background: #030303; }
.experiment-live .eclatBrand{ font-family: ExperimentEditorial, Georgia, serif; font-size: 3.02cqw; font-weight: normal; letter-spacing: .42cqw; }
.experiment-live .eclatBrand span{ display: block; text-align: center; margin-top: .25cqw; font-family: ExperimentBody, Arial, sans-serif; font-size: .68cqw; letter-spacing: .45cqw; }
.experiment-live .eclat .nav > div{ font-size: 1.04cqw; letter-spacing: .16cqw; color: #c2b3a0; }
.experiment-live .eclatCopy{ position: absolute; left: 5.52%; top: 27.78%; width: 46.875%; }
.experiment-live .eclatCopy .kicker{ color: #c9a87b; margin-bottom: 2.396cqw; }
.experiment-live .eclatCopy h2{ font-family: ExperimentEditorial, Georgia, serif; font-size: 5.9375cqw; line-height: 1.03; font-weight: normal; letter-spacing: -.156cqw; }
.experiment-live .line{ display: block; overflow: hidden; padding-bottom: .31cqw; }
.experiment-live .line > span{ display: block; }
.experiment-live .eclatDescription{ font-size: 1.354cqw; color: #c2b3a0; line-height: 1.8; padding-top: 2.29cqw; }
.experiment-live .eclatCta{ margin-top: 2.92cqw; padding: 0 0 1.146cqw; border: 0; border-bottom: 1px solid #b39268; display: inline-flex; gap: 3.125cqw; font-size: 1.04cqw !important; letter-spacing: .177cqw; }
.experiment-live .eclatFooter{ position: absolute; left: 5.52%; right: 5.52%; bottom: 5.37%; display: flex; justify-content: space-between; font-size: .833cqw; letter-spacing: .156cqw; color: #a69985; }
.experiment-live .mobile .nav{ top: 3.5%; left: 6.15%; right: 6.15%; }
.experiment-live .mobile .nav > div{ font-size: 2.56cqw; letter-spacing: .25cqw; }
.experiment-live .mobile .nav button{ padding: 1cqw 0; }
.experiment-live .mobile .eclatBrand{ font-size: 6.67cqw; letter-spacing: 1cqw; }
.experiment-live .mobile .eclatBrand span{ font-size: 1.54cqw; letter-spacing: 1cqw; }
.experiment-live .mobile .eclatCopy{ left: 7.2%; top: 57%; width: 85.6%; }
.experiment-live .mobile .eclatCopy .kicker{ font-size: 2.05cqw; letter-spacing: .55cqw; margin-bottom: 3.3cqw; }
.experiment-live .mobile .eclatCopy h2{ font-size: 14.36cqw; line-height: .98; letter-spacing: -.35cqw; }
.experiment-live .mobile .eclatDescription{ font-size: 3.077cqw; line-height: 1.5; padding-top: 3.8cqw; max-width: 65cqw; }
.experiment-live .mobile .eclatCta{ margin-top: 4.1cqw; padding-bottom: 2.3cqw; font-size: 2.31cqw !important; letter-spacing: .28cqw; gap: 6cqw; }
.experiment-live .mobile .eclatFooter{ left: 7.2%; right: 7.2%; bottom: 4.4%; font-size: 1.8cqw; letter-spacing: .2cqw; }
.experiment-live .fashion{ color: #171714; }
.experiment-live .topRule{ position: absolute; top: 14.444%; left: 4.6875%; right: 4.6875%; height: 1px; background: #171714; }
.experiment-live .verticalRule{ position: absolute; top: 18.148%; bottom: 17.04%; left: 52.604%; width: 1px; background: #c3bfb5; }
.experiment-live .photoCaption{ font-size: .9375cqw; letter-spacing: .125cqw; }
.experiment-live .fashionOpening{ position: absolute; top: 22.04%; left: 4.6875%; z-index: 2; }
.experiment-live .fashionOpening .kicker{ font-size: .9375cqw; letter-spacing: .177cqw; }
.experiment-live .fashionOpening h2{ margin-top: 3.23cqw; font-family: ExperimentEditorial, Georgia, serif; font-size: 7.5cqw; font-weight: normal; line-height: .99; letter-spacing: -.3125cqw; }
.experiment-live .fashionOpening h2 span,.experiment-live .campaignType span,.experiment-live .finalDetail h3 span{ display: block; }
.experiment-live .openingDetail{ padding-top: 3.33cqw; font-size: 1.25cqw; }
.experiment-live .openingCta{ display: inline-flex; gap: 3.96cqw; margin-top: 3.6cqw; padding-bottom: .94cqw; border: 0; border-bottom: 1px solid #171714; font-size: .9375cqw !important; letter-spacing: .146cqw; }
.experiment-live .campaignType{ position: absolute; left: 4.0625%; z-index: 3; font-family: ExperimentDisplay, Arial, sans-serif; font-weight: normal; line-height: .87; letter-spacing: -.604cqw; }
.experiment-live .campaignType span + span{ margin-top: .833cqw; }
.experiment-live .subjectMask{ position: absolute; inset: 0; z-index: 4; pointer-events: none; }
.experiment-live .model{ position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.experiment-live .dehorsBrand{ font-family: ExperimentDisplay, Arial, sans-serif; font-size: 2.604cqw; font-weight: normal; letter-spacing: -.104cqw; }
.experiment-live .dehorsBrand sup{ font-family: ExperimentBody, Arial, sans-serif; font-size: .9375cqw; margin-left: .3125cqw; vertical-align: top; }
.experiment-live .collection{ position: absolute; left: 4.6875%; top: 21.11%; font-size: .9375cqw; letter-spacing: .167cqw; z-index: 5; }
.experiment-live .finalDetail{ position: absolute; left: 79.0625%; top: 48.89%; width: 16.35%; z-index: 5; }
.experiment-live .finalDetail h3{ font-family: ExperimentDisplay, Arial, sans-serif; font-size: 2.5cqw; font-weight: normal; line-height: 1.06; letter-spacing: -.073cqw; }
.experiment-live .collectionCta{ display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top: 3.125cqw; padding: 1.25cqw 0; border: 0; border-top: 1px solid #171714; border-bottom: 1px solid #171714; font-size: .8333cqw !important; letter-spacing: .0625cqw; }
.experiment-live .collectionCta span{ font-size: 1.56cqw; }
.experiment-live .finalCaption{ position: absolute; left: 4.6875%; top: 78.333%; font-size: .9375cqw; letter-spacing: .135cqw; z-index: 5; }
.experiment-live .fashionFooter{ position: absolute; left: 4.6875%; right: 4.6875%; bottom: 5.37%; display: flex; justify-content: space-between; font-size: .9375cqw; letter-spacing: .135cqw; z-index: 6; }
.experiment-live .mobile .dehorsBrand{ font-size: 6.41cqw; letter-spacing: -.26cqw; }
.experiment-live .mobile .dehorsBrand sup{ font-size: 2.05cqw; margin-left: .77cqw; }
.experiment-live .mobile .topRule{ top: 10%; left: 6.15%; right: 6.15%; }
.experiment-live .mobile .fashionOpening{ top: 13.14%; left: 6.15%; max-width: 45%; }
.experiment-live .mobile .fashionOpening .kicker{ font-size: 1.65cqw; letter-spacing: .2cqw; max-width: 38cqw; line-height: 1.5; }
.experiment-live .mobile .fashionOpening h2{ font-size: 12.56cqw; letter-spacing: -.51cqw; margin-top: 4.6cqw; }
.experiment-live .mobile .openingDetail{ padding-top: 8cqw; max-width: 26cqw; font-size: 2.56cqw; line-height: 1.5; }
.experiment-live .mobile .openingCta{ margin-top: 6cqw; font-size: 1.8cqw !important; letter-spacing: .15cqw; gap: 2cqw; padding-bottom: 2cqw; }
.experiment-live .mobile .photoCaption{ font-size: 1.8cqw; letter-spacing: .18cqw; }
.experiment-live .mobile .campaignType{ left: 5.12%; letter-spacing: -1.2cqw; }
.experiment-live .mobile .campaignType span + span{ margin-top: 1.5cqw; }
.experiment-live .mobile .collection{ top: 13.14%; left: 6.15%; font-size: 1.8cqw; letter-spacing: .23cqw; }
.experiment-live .mobile .finalDetail{ top: 17.4%; left: 6.15%; width: 30%; }
.experiment-live .mobile .finalDetail h3{ font-size: 4.87cqw; letter-spacing: -.1cqw; line-height: 1.04; }
.experiment-live .mobileCta{ position: absolute; left: 6.15%; top: 85%; width: 54%; margin: 0; padding: 2.8cqw 0; z-index: 5; font-size: 2.05cqw !important; letter-spacing: .2cqw; }
.experiment-live .mobileCta span{ font-size: 3.5cqw; }
.experiment-live .mobile .finalCaption{ display: none; }
.experiment-live .mobile .fashionFooter{ left: 6.15%; right: 6.15%; bottom: 3%; font-size: 1.54cqw; letter-spacing: .15cqw; }

@font-face { font-family: GravityBody; src: url('/experiments/fonts/NimbusSans-Regular.otf') format('opentype'); font-display: swap; }
@font-face { font-family: GravityDisplay; src: url('/experiments/fonts/NimbusSans-Bold.otf') format('opentype'); font-display: swap; }
.experiment-showcase { padding-top: 3rem; border-top: 1px solid var(--line); }
.experiment-showcase-heading { display: grid; gap: 1rem; margin-bottom: 2rem; }
.experiment-showcase-heading h3 { font-size: clamp(2rem,4.5vw,5rem); letter-spacing: -.05em; line-height: 1.1; }
.experiment-showcase-heading h3 a { text-decoration: none; }
.experiment-showcase-heading > p:last-child { max-width: 60ch; color: var(--muted); }
.experiment-player { margin: 2rem 0; width: 100%; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #060708; }
.browser-chrome { min-height: 38px; display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: .65rem 1rem; font-size: .65rem; color: #bbb; background: #15171d; }
.browser-dots { font-size: .55rem; letter-spacing: .2rem; color: #81848d; }
.experiment-stage { position: relative; aspect-ratio: 390/700; overflow: hidden; background: #000; }
/* Start every experiment on black; reveal its thumbnail only if the live renderer fails. */
.experiment-fallback:not(.preview-error) { visibility: hidden; }
.experiment-fallback.preview-error { visibility: visible; }
.experiment-fallback,.experiment-live,.experiment-live > div,.machine-native { position: absolute; inset: 0; }
.experiment-live > canvas { display: block; width: 100%; height: 100%; object-fit: contain; }
.experiment-fallback picture,.experiment-fallback img { width: 100%; height: 100%; display: block; object-fit: contain; }
.experiment-fallback > p { position: absolute; bottom: 8%; left: 6%; right: 6%; font-size: clamp(1rem,3vw,3rem); font-weight: 600; color: #f2f0ec; text-shadow: 0 2px 20px #000; }
.demo-brand,.demo-footer { position: absolute; left: 6%; right: 6%; z-index: 7; display: flex; justify-content: space-between; align-items: center; pointer-events: none; font-family: GravityBody,Arial,sans-serif; color: #f0ede6; }
.demo-brand { top: 3.5%; font-size: clamp(.5rem,1.7vw,1rem); }
.demo-brand strong { font-family: GravityDisplay,Arial,sans-serif; font-size: clamp(1rem,3vw,2rem); font-weight: normal; }
.demo-footer { bottom: 4%; font-size: clamp(.45rem,1vw,.65rem); gap: 2rem; }
.player-controls { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; padding: .8rem 1rem; background: #15171d; }
.player-controls button { padding: .6rem .9rem; min-height: 44px; border: 1px solid #606472; background: transparent; color: var(--text); border-radius: 2rem; font-size: .75rem; }
.player-status { color: var(--muted); font-size: .65rem; margin-left: auto; }
.experiment-caption,.preview-notice { color: var(--muted); font-size: .8rem; max-width: 70ch; }
.preview-notice { border-left: 2px solid var(--pink); padding: .5rem 1rem; margin-top: 2rem; }
.experiment-context h2 { font-size: clamp(2rem,4vw,4rem); letter-spacing: -.05em; }
.experiment-context p { max-width: 65ch; color: var(--muted); margin: 1.4rem 0; }
.native-editorial-scene { height: 100%; }
.eclat-canvas { position: absolute; object-fit: contain; }
.fashion-photo-native,.fashion-photo-border,.fashion-subject { position: absolute; }
.fashion-photo-native { background: #dad7cf; z-index: 1; }
.fashion-photo-border { border: 1px solid #171714; z-index: 2; pointer-events: none; }
.fashion-subject { aspect-ratio: 2/3; max-width: none; }
.fashionOpening .openingCta,.collectionCta,.eclatCta { font-family: ExperimentBody,Arial,sans-serif; }
.fashionOpening .openingCta { display: inline-flex; }
.fashion { background: #ee452b; }
.fashion .nav span,.eclat .nav span { white-space: nowrap; }
.native-editorial-scene .mobile-label { display: none; }
.native-editorial-scene.mobile .desktop-label { display: none; }
.native-editorial-scene.mobile .mobile-label { display: block; }
.native-editorial-scene.mobile .verticalRule { display: none; }
@media(min-width:800px) {
 .experiment-stage { aspect-ratio: 16/9; }
 .individual-experiment { padding-top: 0; }
 .experiment-showcase:nth-of-type(even) { padding-inline: calc(var(--gutter) + 3vw); }
}
.experiment-player{container-type:inline-size}
.experiment-player[data-variant="desktop"] .experiment-stage{aspect-ratio:16/9}
.experiment-player[data-variant="mobile"] .experiment-stage{aspect-ratio:390/700}
.experiment-player[data-variant="mobile"]{max-width:390px;margin-inline:auto}
.experiment-player[data-variant="mobile"] .demo-brand{font-size:2.4cqw}
.experiment-player[data-variant="mobile"] .demo-brand strong{font-size:5.4cqw}
.experiment-player[data-variant="mobile"] .demo-footer{font-size:1.7cqw;gap:3cqw}

.ref-about{--bg:#090a0e;--fg:#eae9ed;--muted:#85848e;--line:#292a33;--accent:#b7a0ff;--gutter:clamp(22px,5.3vw,96px)}
.ref-about *{box-sizing:border-box}
.ref-about{scroll-behavior:smooth}
.ref-about{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.65 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ref-about a{color:inherit;text-decoration:none}
.ref-about button{font:inherit}
.ref-about ::selection{background:#ac92f6;color:#101014}
.ref-about .wrap{max-width:1500px;margin:auto;padding-inline:var(--gutter)}
.ref-about .eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:650}
.ref-about .smallnote{font-size:12px;color:var(--muted)}
.ref-about .link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:600;border-bottom:1px solid #696775;padding-bottom:9px;transition:color .25s,border-color .25s}
.ref-about .link:hover{color:var(--accent);border-color:var(--accent)}
.ref-about .link span{transition:transform .25s}
.ref-about .link:hover span{transform:translate(3px,-3px)}
.ref-about header{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:90}
.ref-about header img{width:124px;height:auto;display:block}
.ref-about header button{border:0;background:transparent;color:var(--fg);cursor:pointer;font-size:13px;display:flex;align-items:center;gap:18px;padding:14px 0}
.ref-about header button .hamb{display:flex;flex-direction:column;gap:5px;width:23px}
.ref-about header button .hamb i{height:1px;width:23px;background:currentColor;display:block;transition:transform .3s}
.ref-about header button:hover .hamb i:first-child{transform:translateX(5px)}
.ref-about header button:hover .hamb i:last-child{transform:translateX(-5px)}
.ref-about .hero{min-height:min(760px,calc(100svh - 90px));display:grid;grid-template-rows:1fr auto;position:relative;overflow:hidden}
.ref-about .hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 45% at 76% 45%,#31214345,transparent 72%)}
.ref-about .hero-body{display:grid;align-content:center;grid-template-columns:1fr 1fr;gap:8%;padding-top:65px;padding-bottom:85px}
.ref-about .hero h1{grid-column:1/-1;font-size:clamp(40px,5.4vw,86px);line-height:1.09;letter-spacing:-.065em;font-weight:550;max-width:1050px;margin:38px 0 0}
.ref-about .hero h1 .second{display:block;color:#aaa5b8}
.ref-about .hero h1 .accent{color:var(--accent)}
.ref-about .hero-bottom{border-top:1px solid var(--line);padding-block:22px 28px;display:flex;justify-content:space-between;gap:20px}
.ref-about .hero-bottom span:last-child{color:var(--muted)}
.ref-about .hero .counter{position:absolute;right:var(--gutter);top:21%;font-size:11px;color:#797783}
.ref-about section{position:relative}
.ref-about .section-pad{padding-block:clamp(105px,13vw,200px)}
.ref-about .section-head{display:flex;align-items:center;gap:18px;margin-bottom:55px}
.ref-about .section-head .line{height:1px;background:var(--line);flex:1}
.ref-about .section-head .num{color:#676671;font-size:11px}
.ref-about .philosophy{background:#0c0d12}
.ref-about .philosophy-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:8%}
.ref-about .philosophy h2,.ref-about .behind h2,.ref-about .principles h2,.ref-about .technology h2,.ref-about .certs h2{font-size:clamp(29px,3.3vw,51px);font-weight:550;line-height:1.19;letter-spacing:-.052em;margin:0}
.ref-about .philosophy h2{max-width:780px}
.ref-about .philosophy h2 em{font-style:normal;color:var(--accent)}
.ref-about .philosophy .statement{max-width:530px;font-size:clamp(16px,1.65vw,22px);line-height:1.7;color:#aaa8b3;margin:54px 0 0}
.ref-about .philosophy .statement strong{color:#e4e0e8;font-weight:500}
.ref-about .philosophy .rule{width:44px;height:1px;background:var(--accent);margin-top:45px}
.ref-about .behind .intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}
.ref-about .behind .copy{max-width:650px;color:#a7a6b1;font-size:clamp(15px,1.4vw,18px);line-height:1.95}
.ref-about .behind .copy p{margin:0 0 22px}
.ref-about .behind .copy p:last-child{color:#e9e8ed}
.ref-about .behind .editorial-track{margin-top:75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ref-about .track-item{display:flex;align-items:center;gap:13px;color:#9d9ba7;font-size:12px}
.ref-about .track-item .dot{width:7px;height:7px;border:1px solid #8b79b7;transform:rotate(45deg)}
.ref-about .track-item b{font-weight:550;color:#d9d6e2}
.ref-about .principles{background:#0d0e13}
.ref-about .principles-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}
.ref-about .principles-top h2{max-width:590px}
.ref-about .principle{display:grid;grid-template-columns:70px 1fr 1fr 22px;align-items:center;gap:22px;border-top:1px solid #33323c;padding:27px 0;transition:padding .35s,background .35s}
.ref-about .principle:last-child{border-bottom:1px solid #33323c}
.ref-about .principle .number{font-size:11px;color:#85828d}
.ref-about .principle h3{font-size:clamp(20px,2.2vw,33px);letter-spacing:-.045em;font-weight:500;margin:0}
.ref-about .principle .detail{font-size:clamp(15px,1.5vw,20px);color:#87838f;transition:color .3s}
.ref-about .principle .mark{font-size:18px;color:#686475;transition:transform .3s,color .3s}
.ref-about .principle:hover{padding-left:12px;padding-right:12px;background:#15141e}
.ref-about .principle:hover .detail,.ref-about .principle:hover .mark{color:var(--accent)}
.ref-about .principle:hover .mark{transform:rotate(45deg)}
.ref-about .certs .cert-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}
.ref-about .certs p{max-width:460px;color:#a4a1ad}
.ref-about .cert-placeholder{border:1px dashed #41404a;border-radius:2px;padding:35px 26px;display:grid;gap:12px;min-height:170px;align-content:center;background:#101117}
.ref-about .cert-placeholder strong{font-size:13px;font-weight:500;color:#d4d0da}
.ref-about .cert-placeholder span{font-size:12px;color:#85828d}
.ref-about .cert-placeholder .square{width:22px;height:22px;border:1px solid #635f70;transform:rotate(45deg);margin-bottom:10px}
.ref-about .cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ref-about .certs .notice{margin-top:18px;font-size:11px;color:#777580}
.ref-about .technology{background:#0c0d12}
.ref-about .technology .tech-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%}
.ref-about .technology h2{max-width:550px}
.ref-about .technology h2 span{color:var(--accent)}
.ref-about .technology .tech-copy{max-width:560px;color:#aaa7b2;font-size:16px;line-height:1.85}
.ref-about .technology .tech-copy p{margin:0 0 22px}
.ref-about .technology .tech-copy .link{margin-top:18px;color:#e8e4ef}
.ref-about .tech-index{display:flex;gap:9px;margin-top:60px}
.ref-about .tech-index span{font-size:10px;letter-spacing:.08em;color:#797582;border:1px solid #34313d;padding:8px 11px}
.ref-about .closing{min-height:760px;display:flex;align-items:center;padding-block:125px;background:radial-gradient(ellipse 50% 60% at 80% 65%,#2b1a3738,transparent 75%),#090a0e}
.ref-about .closing .close-inner{max-width:830px}
.ref-about .closing .close-inner p{margin:0 0 17px;color:#aaa7b2;font-size:clamp(15px,1.6vw,20px);line-height:1.65}
.ref-about .closing .close-inner p:nth-child(3){color:#ddd9e2}
.ref-about .closing .close-inner .final{font-size:clamp(27px,3.5vw,51px);line-height:1.22;letter-spacing:-.045em;font-weight:550;color:#eeeaf1;margin:38px 0 40px}
.ref-about .closing .final span{color:var(--accent)}
.ref-about footer{border-top:1px solid var(--line);padding-top:65px}
.ref-about .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:55px}
.ref-about .footer-grid img{width:130px}
.ref-about .footer-grid p{font-size:13px;color:#84818d;max-width:270px}
.ref-about .footer-grid nav{display:grid;gap:9px;margin-top:16px}
.ref-about .footer-grid nav a{font-size:13px;color:#a6a2af;transition:color .2s}
.ref-about .footer-grid nav a:hover{color:white}
.ref-about .footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:60px;padding:20px 0;font-size:11px;color:#777480}
.ref-about .footer-signature{opacity:.07;overflow:hidden;height:clamp(85px,15vw,190px);display:flex;justify-content:center;align-items:flex-start}
.ref-about .footer-signature img{width:min(95%,1100px);height:auto}
.ref-about .reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.ref-about .reveal.visible{opacity:1;transform:none}
.ref-about .menu-overlay{position:fixed;inset:0;z-index:100;background:#111017;display:flex;flex-direction:column;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.75,0,.2,1),opacity .4s,visibility .65s}
.ref-about .menu-overlay.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-about .menu-top{display:flex;align-items:center;justify-content:space-between;padding:25px var(--gutter);border-bottom:1px solid #34303b}
.ref-about .menu-top img{width:124px}
.ref-about .menu-top button{color:white;border:0;background:transparent;cursor:pointer;font-size:13px;padding:10px 0}
.ref-about .menu-body{flex:1;display:grid;grid-template-columns:1.4fr .6fr;gap:6%;align-items:center;padding:35px var(--gutter);overflow:auto}
.ref-about .menu-links{display:grid}
.ref-about .menu-links a{border-bottom:1px solid #302d38;padding:12px 0;display:flex;gap:24px;align-items:baseline;font-size:clamp(22px,3.15vw,45px);line-height:1.2;letter-spacing:-.05em;font-weight:500;transform:translateY(20px);opacity:0;transition:color .2s,transform .45s,opacity .45s}
.ref-about .menu-overlay.open .menu-links a{transform:none;opacity:1;transition-delay:calc(var(--i)*55ms)}
.ref-about .menu-links a:hover,.ref-about .menu-links a:focus-visible{color:#bea9ff}
.ref-about .menu-links a small{font-size:11px;color:#77717f;letter-spacing:0}
.ref-about .menu-side{border-left:1px solid #35303c;padding-left:35px;min-height:250px;display:flex;flex-direction:column;justify-content:center}
.ref-about .menu-side .word{font-size:clamp(22px,3vw,39px);letter-spacing:-.05em;color:#a996ce}
.ref-about .menu-side p{font-size:12px;color:#817d8a}
.ref-about .menu-bottom{padding:18px var(--gutter);border-top:1px solid #34303b;color:#89838e;font-size:11px;display:flex;justify-content:space-between}
@media (max-width:800px){.ref-about header{height:74px}
.ref-about .hero{min-height:650px}
.ref-about .hero-body{grid-template-columns:1fr;padding-block:100px 75px}
.ref-about .hero h1{font-size:clamp(38px,8vw,64px);margin-top:24px}
.ref-about .philosophy-layout,.ref-about .behind .intro,.ref-about .certs .cert-layout,.ref-about .technology .tech-layout{grid-template-columns:1fr;gap:35px}
.ref-about .philosophy .statement{margin-top:0}
.ref-about .section-pad{padding-block:95px}
.ref-about .behind .editorial-track{grid-template-columns:1fr;gap:16px}
.ref-about .principles-top{display:block}
.ref-about .principle{grid-template-columns:36px 1fr 1fr 15px;gap:10px}
.ref-about .cert-grid{grid-template-columns:1fr 1fr}
.ref-about .footer-grid{grid-template-columns:1fr 1fr}
.ref-about .footer-grid>div:first-child{grid-column:1/-1}
.ref-about .menu-body{grid-template-columns:1fr}
.ref-about .menu-side{display:none}
.ref-about .menu-links a{font-size:clamp(24px,5vw,37px)}}
@media (max-width:480px){.ref-about .hero{min-height:580px}
.ref-about .hero h1{font-size:clamp(35px,9vw,46px)}
.ref-about .hero-bottom{font-size:11px;flex-direction:column;gap:5px}
.ref-about .section-head{margin-bottom:40px}
.ref-about .principle{grid-template-columns:30px 1fr 15px;padding:20px 0}
.ref-about .principle .detail{grid-column:2;grid-row:2;font-size:14px}
.ref-about .principle .mark{grid-column:3;grid-row:1}
.ref-about .cert-grid{grid-template-columns:1fr}
.ref-about .tech-index{flex-wrap:wrap}
.ref-about .closing{min-height:620px}
.ref-about .footer-bottom{flex-direction:column}
.ref-about .menu-links a{padding:15px 0}}
@media (prefers-reduced-motion:reduce){.ref-about{scroll-behavior:auto}
.ref-about *,.ref-about *:before,.ref-about *:after{animation:none!important;transition-duration:.01ms!important}
.ref-about .reveal{opacity:1;transform:none}}
.ref-contact{--bg:#0b0a0f;--fg:#f2eff6;--muted:#a9a2b1;--line:#38333e;--violet:#c0aaff;--pad:clamp(22px,5.5vw,94px)}
.ref-contact *{box-sizing:border-box}
.ref-contact{scroll-behavior:smooth}
.ref-contact{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-contact a{color:inherit;text-decoration:none}
.ref-contact button{font:inherit;cursor:pointer}
.ref-contact a:focus-visible,.ref-contact button:focus-visible{outline:2px solid var(--violet);outline-offset:5px}
.ref-contact .wrap{max-width:1510px;margin:auto;padding-inline:var(--pad)}
.ref-contact .header{height:84px;display:flex;align-items:center;justify-content:space-between}
.ref-contact .header img,.ref-contact .footer img{width:126px}
.ref-contact .header button{border:0;background:none;color:white}
.ref-contact .tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#aaa4b4;font-weight:600}
.ref-contact .hero{position:relative;padding-block:clamp(100px,12vw,165px) clamp(100px,12vw,175px);overflow:hidden}
.ref-contact .hero:before{content:"";position:absolute;inset:-35% -25% auto 30%;height:650px;background:radial-gradient(ellipse,rgba(129,83,202,.16),transparent 68%);pointer-events:none}
.ref-contact .hero .wrap{position:relative}
.ref-contact .hero h1{font-size:clamp(48px,6.1vw,98px);font-weight:500;line-height:1.05;letter-spacing:-.075em;max-width:1100px;margin:29px 0}
.ref-contact .hero h1 em{font-style:normal;color:var(--violet)}
.ref-contact .hero p{font-size:clamp(17px,1.5vw,21px);max-width:680px;color:var(--muted)}
.ref-contact .section{padding-block:clamp(85px,9vw,125px);border-top:1px solid var(--line)}
.ref-contact .section h2{font-size:clamp(36px,4.2vw,66px);font-weight:500;letter-spacing:-.06em;line-height:1.12;margin:22px 0}
.ref-contact .section .lead{font-size:clamp(16px,1.4vw,20px);color:var(--muted);max-width:640px}
.ref-contact .channels{margin-top:65px;border-top:1px solid var(--line)}
.ref-contact .channel{display:grid;grid-template-columns:170px 1fr auto;gap:20px;align-items:center;padding:clamp(30px,4vw,55px) 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}
.ref-contact .channel:hover{padding-inline:17px;background:#14111b}
.ref-contact .channel .type{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a49cae}
.ref-contact .channel .name{font-size:clamp(27px,3.2vw,50px);line-height:1.1;font-weight:500;letter-spacing:-.055em}
.ref-contact .channel .detail{display:block;font-size:13px;color:var(--muted);margin-top:11px}
.ref-contact .channel .arrow{font-size:clamp(27px,3vw,43px);color:var(--violet)}
.ref-contact .channels-note{font-size:12px;color:#8e8696;margin-top:22px}
.ref-contact .closing{border-top:1px solid var(--line);padding-block:clamp(110px,13vw,190px);background:radial-gradient(ellipse at 70% 80%,#1b1425,#100e15 60%)}
.ref-contact .closing h2{font-size:clamp(42px,5.3vw,84px);font-weight:500;letter-spacing:-.07em;line-height:1.07;max-width:1040px;margin:24px 0}
.ref-contact .closing p{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:610px}
.ref-contact .footer{padding-block:48px 25px;border-top:1px solid var(--line)}
.ref-contact .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-contact .foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-contact .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:11px;color:#807987}
.ref-contact .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-contact .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-contact .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-contact .menu-top img{width:126px}
.ref-contact .menu-top button{background:none;color:white;border:0}
.ref-contact .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-contact .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-contact .menu-links a:hover{color:var(--violet)}
.ref-contact .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
@media (max-width:700px){.ref-contact .header{height:72px}
.ref-contact .channel{grid-template-columns:1fr 28px;gap:10px}
.ref-contact .channel .type{grid-column:1}
.ref-contact .channel .name{grid-column:1}
.ref-contact .channel .arrow{grid-column:2;grid-row:2}
.ref-contact .channels{margin-top:42px}
.ref-contact .hero{padding-block:105px 110px}
.ref-contact .closing{padding-block:110px}}
@media (prefers-reduced-motion:reduce){.ref-contact{scroll-behavior:auto}
.ref-contact *,.ref-contact *:before,.ref-contact *:after{transition:none!important}}
.ref-privacy{--bg:#09090e;--surface:#111019;--fg:#f3eff8;--muted:#aca4b7;--line:#39333f;--accent:#c3acff;--pad:clamp(22px,5.6vw,94px)}
.ref-privacy *{box-sizing:border-box}
.ref-privacy{scroll-behavior:smooth}
.ref-privacy{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-privacy a{color:inherit;text-decoration:none}
.ref-privacy button{font:inherit;cursor:pointer}
.ref-privacy a:focus-visible,.ref-privacy button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.ref-privacy .wrap{max-width:1540px;margin:auto;padding-inline:var(--pad)}
.ref-privacy .header{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.ref-privacy .brand img,.ref-privacy .footer img{width:128px;display:block}
.ref-privacy .brand:not(:has(img)){font-size:23px;letter-spacing:-.08em;font-weight:700}
.ref-privacy .header button{border:0;background:none;color:white}
.ref-privacy .tag{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#b4aabe;font-weight:600}
.ref-privacy .footer{border-top:1px solid var(--line);padding:48px 0 25px;position:relative;z-index:2}
.ref-privacy .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-privacy .foot-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-privacy .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:42px;color:#827b8a;font-size:11px}
.ref-privacy .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-privacy .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-privacy .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-privacy .menu-top button{background:none;color:white;border:0}
.ref-privacy .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-privacy .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-privacy .menu-links a:hover{color:var(--accent)}
.ref-privacy .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-privacy .legal-hero{padding:clamp(85px,11vw,155px) 0 90px;border-bottom:1px solid var(--line)}
.ref-privacy .legal-hero h1{font:400 clamp(62px,7.3vw,118px)/1 "Newsreader",serif;letter-spacing:-.065em;margin:25px 0}
.ref-privacy .legal-hero p{font-size:clamp(17px,1.5vw,21px);color:var(--muted);max-width:720px}
.ref-privacy .legal-layout{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.7fr);gap:clamp(45px,8vw,145px);padding-block:95px 150px}
.ref-privacy .legal-aside{position:sticky;top:35px;align-self:start}
.ref-privacy .legal-aside a{display:block;font-size:12px;color:var(--muted);padding:9px 0}
.ref-privacy .legal-aside a:hover{color:var(--accent)}
.ref-privacy .legal-copy{max-width:940px}
.ref-privacy .legal-copy section{scroll-margin-top:30px;padding:0 0 52px;margin-bottom:52px;border-bottom:1px solid var(--line)}
.ref-privacy .legal-copy h2{font:400 clamp(32px,3vw,49px)/1.15 "Newsreader",serif;letter-spacing:-.03em;margin:0 0 22px}
.ref-privacy .legal-copy p,.ref-privacy .legal-copy li{font:400 clamp(18px,1.5vw,21px)/1.7 "Newsreader",serif;color:#d7d0dc}
.ref-privacy .legal-copy p{margin:0 0 22px}
.ref-privacy .legal-copy ul{padding-left:24px}
.ref-privacy .legal-copy li{margin:10px 0}
.ref-privacy .legal-copy a{color:#d8c8ff;text-decoration:underline;text-underline-offset:4px}
.ref-privacy .legal-note{padding:22px 26px;background:#17131f;border-left:2px solid #947ac6;color:#d1c5dc;font-size:13px;margin-top:35px;max-width:920px}
.ref-privacy .legal-note strong{color:#f0e8fa}
.ref-privacy .legal-cross{border-top:1px solid var(--line);padding:55px 0 110px}
.ref-privacy .legal-cross a{font-size:clamp(28px,3vw,48px);letter-spacing:-.045em}
.ref-privacy .legal-cross a:hover{color:var(--accent)}
.ref-privacy .notfound{position:relative;min-height:min(930px,calc(100svh - 82px));isolation:isolate;overflow:hidden;display:flex;align-items:center}
.ref-privacy .notfound:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 53% 46%,#27163d 0%,#120e1c 30%,#09090e 70%);z-index:-3}
.ref-privacy .nf-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#a99acb14 1px,transparent 1px),linear-gradient(90deg,#a99acb14 1px,transparent 1px);background-size:75px 75px;mask-image:radial-gradient(ellipse at center,black,transparent 72%);z-index:-2}
.ref-privacy .nf-scene{position:absolute;inset:0;pointer-events:none;z-index:-1;perspective:950px}
.ref-privacy .nf-orbit{position:absolute;left:50%;top:49%;width:min(67vw,850px);aspect-ratio:1;border:1px solid #c3acff28;border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-22deg);box-shadow:0 0 100px #8d5ed015, inset 0 0 100px #8d5ed015;animation:orbit 22s linear infinite}
.ref-privacy .nf-orbit:nth-child(2){width:min(47vw,630px);border-color:#c3acff50;animation-duration:17s;animation-direction:reverse}
.ref-privacy .nf-orbit:nth-child(3){width:min(29vw,370px);border-color:#f4e8ff30;animation-duration:12s}
.ref-privacy .nf-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#d3bfff;left:50%;top:-5px;box-shadow:0 0 25px #c3acff,0 0 75px #b78eff}
.ref-privacy .nf-glow{position:absolute;left:50%;top:48%;width:300px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#8d57d9;filter:blur(120px);opacity:.34;animation:breathe 7s ease-in-out infinite}
.ref-privacy .nf-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);font-size:clamp(190px,37vw,650px);font-weight:700;letter-spacing:-.14em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #d6c4ff38;opacity:.6;user-select:none}
.ref-privacy .nf-number span{display:inline-block;animation:glitch 9s ease-in-out infinite}
.ref-privacy .nf-number span:nth-child(2){animation-delay:1.2s}
.ref-privacy .nf-number span:nth-child(3){animation-delay:2.2s}
.ref-privacy .nf-content{position:relative;z-index:2;padding-block:115px 135px;width:100%;text-align:center}
.ref-privacy .nf-content .tag{color:#c9b8df}
.ref-privacy .nf-content h1{font-size:clamp(49px,6.8vw,104px);font-weight:500;line-height:1.06;letter-spacing:-.077em;max-width:1100px;margin:30px auto 25px;text-wrap:balance;text-shadow:0 8px 50px #08070e}
.ref-privacy .nf-content h1 em{font-style:normal;color:#d0bbff}
.ref-privacy .nf-content p{font-size:clamp(16px,1.5vw,21px);color:#c1b8ca;max-width:560px;margin:0 auto 42px}
.ref-privacy .nf-link{display:inline-flex;gap:30px;align-items:center;border:1px solid #c3acff75;padding:17px 23px;color:#f3eaff;font-size:13px;font-weight:600;letter-spacing:.02em;background:#140f20bb;transition:background .25s,transform .25s}
.ref-privacy .nf-link:hover{background:#39274f;transform:translateY(-3px)}
.ref-privacy .nf-link span{font-size:20px;color:var(--accent)}
.ref-privacy .nf-edge{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#80738e;pointer-events:none}
.ref-privacy .nf-scene .dust{position:absolute;width:2px;height:2px;border-radius:50%;background:#b7a2fa;box-shadow:0 0 14px #c3acff;opacity:.6}
.ref-privacy .nf-scene .dust:nth-last-child(1){left:12%;top:24%}
.ref-privacy .nf-scene .dust:nth-last-child(2){left:82%;top:21%}
.ref-privacy .nf-scene .dust:nth-last-child(3){left:74%;top:77%}
.ref-privacy .nf-scene .dust:nth-last-child(4){left:24%;top:71%}
@keyframes  orbit{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(338deg)}}
@keyframes  breathe{50%{opacity:.52;transform:translate(-50%,-50%) scale(1.22)}}
@keyframes  glitch{0%,91%,95%,100%{filter:none;transform:none}92%{filter:drop-shadow(7px 0 #a276e9);transform:translateX(-4px)}93%{filter:drop-shadow(-6px 0 #d0b7ff);transform:translateX(4px)}}
@media (max-width:780px){.ref-privacy .legal-layout{grid-template-columns:1fr;gap:38px;padding-block:55px 90px}
.ref-privacy .legal-aside{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}
.ref-privacy .legal-aside a{display:inline-block;margin-right:20px}
.ref-privacy .notfound{min-height:760px}
.ref-privacy .nf-orbit{width:110vw}
.ref-privacy .nf-orbit:nth-child(2){width:82vw}
.ref-privacy .nf-orbit:nth-child(3){width:52vw}
.ref-privacy .nf-number{font-size:55vw}
.ref-privacy .nf-content{padding-block:140px}
.ref-privacy .nf-edge{font-size:9px}}
@media (prefers-reduced-motion:reduce){.ref-privacy{scroll-behavior:auto}
.ref-privacy *,.ref-privacy *:before,.ref-privacy *:after{animation:none!important;transition:none!important}}
.ref-terms{--bg:#09090e;--surface:#111019;--fg:#f3eff8;--muted:#aca4b7;--line:#39333f;--accent:#c3acff;--pad:clamp(22px,5.6vw,94px)}
.ref-terms *{box-sizing:border-box}
.ref-terms{scroll-behavior:smooth}
.ref-terms{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-terms a{color:inherit;text-decoration:none}
.ref-terms button{font:inherit;cursor:pointer}
.ref-terms a:focus-visible,.ref-terms button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.ref-terms .wrap{max-width:1540px;margin:auto;padding-inline:var(--pad)}
.ref-terms .header{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.ref-terms .brand img,.ref-terms .footer img{width:128px;display:block}
.ref-terms .brand:not(:has(img)){font-size:23px;letter-spacing:-.08em;font-weight:700}
.ref-terms .header button{border:0;background:none;color:white}
.ref-terms .tag{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#b4aabe;font-weight:600}
.ref-terms .footer{border-top:1px solid var(--line);padding:48px 0 25px;position:relative;z-index:2}
.ref-terms .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-terms .foot-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-terms .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:42px;color:#827b8a;font-size:11px}
.ref-terms .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-terms .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-terms .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-terms .menu-top button{background:none;color:white;border:0}
.ref-terms .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-terms .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-terms .menu-links a:hover{color:var(--accent)}
.ref-terms .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-terms .legal-hero{padding:clamp(85px,11vw,155px) 0 90px;border-bottom:1px solid var(--line)}
.ref-terms .legal-hero h1{font:400 clamp(62px,7.3vw,118px)/1 "Newsreader",serif;letter-spacing:-.065em;margin:25px 0}
.ref-terms .legal-hero p{font-size:clamp(17px,1.5vw,21px);color:var(--muted);max-width:720px}
.ref-terms .legal-layout{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.7fr);gap:clamp(45px,8vw,145px);padding-block:95px 150px}
.ref-terms .legal-aside{position:sticky;top:35px;align-self:start}
.ref-terms .legal-aside a{display:block;font-size:12px;color:var(--muted);padding:9px 0}
.ref-terms .legal-aside a:hover{color:var(--accent)}
.ref-terms .legal-copy{max-width:940px}
.ref-terms .legal-copy section{scroll-margin-top:30px;padding:0 0 52px;margin-bottom:52px;border-bottom:1px solid var(--line)}
.ref-terms .legal-copy h2{font:400 clamp(32px,3vw,49px)/1.15 "Newsreader",serif;letter-spacing:-.03em;margin:0 0 22px}
.ref-terms .legal-copy p,.ref-terms .legal-copy li{font:400 clamp(18px,1.5vw,21px)/1.7 "Newsreader",serif;color:#d7d0dc}
.ref-terms .legal-copy p{margin:0 0 22px}
.ref-terms .legal-copy ul{padding-left:24px}
.ref-terms .legal-copy li{margin:10px 0}
.ref-terms .legal-copy a{color:#d8c8ff;text-decoration:underline;text-underline-offset:4px}
.ref-terms .legal-note{padding:22px 26px;background:#17131f;border-left:2px solid #947ac6;color:#d1c5dc;font-size:13px;margin-top:35px;max-width:920px}
.ref-terms .legal-note strong{color:#f0e8fa}
.ref-terms .legal-cross{border-top:1px solid var(--line);padding:55px 0 110px}
.ref-terms .legal-cross a{font-size:clamp(28px,3vw,48px);letter-spacing:-.045em}
.ref-terms .legal-cross a:hover{color:var(--accent)}
.ref-terms .notfound{position:relative;min-height:min(930px,calc(100svh - 82px));isolation:isolate;overflow:hidden;display:flex;align-items:center}
.ref-terms .notfound:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 53% 46%,#27163d 0%,#120e1c 30%,#09090e 70%);z-index:-3}
.ref-terms .nf-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#a99acb14 1px,transparent 1px),linear-gradient(90deg,#a99acb14 1px,transparent 1px);background-size:75px 75px;mask-image:radial-gradient(ellipse at center,black,transparent 72%);z-index:-2}
.ref-terms .nf-scene{position:absolute;inset:0;pointer-events:none;z-index:-1;perspective:950px}
.ref-terms .nf-orbit{position:absolute;left:50%;top:49%;width:min(67vw,850px);aspect-ratio:1;border:1px solid #c3acff28;border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-22deg);box-shadow:0 0 100px #8d5ed015, inset 0 0 100px #8d5ed015;animation:orbit 22s linear infinite}
.ref-terms .nf-orbit:nth-child(2){width:min(47vw,630px);border-color:#c3acff50;animation-duration:17s;animation-direction:reverse}
.ref-terms .nf-orbit:nth-child(3){width:min(29vw,370px);border-color:#f4e8ff30;animation-duration:12s}
.ref-terms .nf-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#d3bfff;left:50%;top:-5px;box-shadow:0 0 25px #c3acff,0 0 75px #b78eff}
.ref-terms .nf-glow{position:absolute;left:50%;top:48%;width:300px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#8d57d9;filter:blur(120px);opacity:.34;animation:breathe 7s ease-in-out infinite}
.ref-terms .nf-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);font-size:clamp(190px,37vw,650px);font-weight:700;letter-spacing:-.14em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #d6c4ff38;opacity:.6;user-select:none}
.ref-terms .nf-number span{display:inline-block;animation:glitch 9s ease-in-out infinite}
.ref-terms .nf-number span:nth-child(2){animation-delay:1.2s}
.ref-terms .nf-number span:nth-child(3){animation-delay:2.2s}
.ref-terms .nf-content{position:relative;z-index:2;padding-block:115px 135px;width:100%;text-align:center}
.ref-terms .nf-content .tag{color:#c9b8df}
.ref-terms .nf-content h1{font-size:clamp(49px,6.8vw,104px);font-weight:500;line-height:1.06;letter-spacing:-.077em;max-width:1100px;margin:30px auto 25px;text-wrap:balance;text-shadow:0 8px 50px #08070e}
.ref-terms .nf-content h1 em{font-style:normal;color:#d0bbff}
.ref-terms .nf-content p{font-size:clamp(16px,1.5vw,21px);color:#c1b8ca;max-width:560px;margin:0 auto 42px}
.ref-terms .nf-link{display:inline-flex;gap:30px;align-items:center;border:1px solid #c3acff75;padding:17px 23px;color:#f3eaff;font-size:13px;font-weight:600;letter-spacing:.02em;background:#140f20bb;transition:background .25s,transform .25s}
.ref-terms .nf-link:hover{background:#39274f;transform:translateY(-3px)}
.ref-terms .nf-link span{font-size:20px;color:var(--accent)}
.ref-terms .nf-edge{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#80738e;pointer-events:none}
.ref-terms .nf-scene .dust{position:absolute;width:2px;height:2px;border-radius:50%;background:#b7a2fa;box-shadow:0 0 14px #c3acff;opacity:.6}
.ref-terms .nf-scene .dust:nth-last-child(1){left:12%;top:24%}
.ref-terms .nf-scene .dust:nth-last-child(2){left:82%;top:21%}
.ref-terms .nf-scene .dust:nth-last-child(3){left:74%;top:77%}
.ref-terms .nf-scene .dust:nth-last-child(4){left:24%;top:71%}
@keyframes  orbit{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(338deg)}}
@keyframes  breathe{50%{opacity:.52;transform:translate(-50%,-50%) scale(1.22)}}
@keyframes  glitch{0%,91%,95%,100%{filter:none;transform:none}92%{filter:drop-shadow(7px 0 #a276e9);transform:translateX(-4px)}93%{filter:drop-shadow(-6px 0 #d0b7ff);transform:translateX(4px)}}
@media (max-width:780px){.ref-terms .legal-layout{grid-template-columns:1fr;gap:38px;padding-block:55px 90px}
.ref-terms .legal-aside{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}
.ref-terms .legal-aside a{display:inline-block;margin-right:20px}
.ref-terms .notfound{min-height:760px}
.ref-terms .nf-orbit{width:110vw}
.ref-terms .nf-orbit:nth-child(2){width:82vw}
.ref-terms .nf-orbit:nth-child(3){width:52vw}
.ref-terms .nf-number{font-size:55vw}
.ref-terms .nf-content{padding-block:140px}
.ref-terms .nf-edge{font-size:9px}}
@media (prefers-reduced-motion:reduce){.ref-terms{scroll-behavior:auto}
.ref-terms *,.ref-terms *:before,.ref-terms *:after{animation:none!important;transition:none!important}}
.ref-404{--bg:#09090e;--surface:#111019;--fg:#f3eff8;--muted:#aca4b7;--line:#39333f;--accent:#c3acff;--pad:clamp(22px,5.6vw,94px)}
.ref-404 *{box-sizing:border-box}
.ref-404{scroll-behavior:smooth}
.ref-404{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-404 a{color:inherit;text-decoration:none}
.ref-404 button{font:inherit;cursor:pointer}
.ref-404 a:focus-visible,.ref-404 button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.ref-404 .wrap{max-width:1540px;margin:auto;padding-inline:var(--pad)}
.ref-404 .header{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}
.ref-404 .brand img,.ref-404 .footer img{width:128px;display:block}
.ref-404 .brand:not(:has(img)){font-size:23px;letter-spacing:-.08em;font-weight:700}
.ref-404 .header button{border:0;background:none;color:white}
.ref-404 .tag{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#b4aabe;font-weight:600}
.ref-404 .footer{border-top:1px solid var(--line);padding:48px 0 25px;position:relative;z-index:2}
.ref-404 .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-404 .foot-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-404 .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:42px;color:#827b8a;font-size:11px}
.ref-404 .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-404 .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-404 .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-404 .menu-top button{background:none;color:white;border:0}
.ref-404 .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-404 .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-404 .menu-links a:hover{color:var(--accent)}
.ref-404 .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-404 .legal-hero{padding:clamp(85px,11vw,155px) 0 90px;border-bottom:1px solid var(--line)}
.ref-404 .legal-hero h1{font:400 clamp(62px,7.3vw,118px)/1 "Newsreader",serif;letter-spacing:-.065em;margin:25px 0}
.ref-404 .legal-hero p{font-size:clamp(17px,1.5vw,21px);color:var(--muted);max-width:720px}
.ref-404 .legal-layout{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.7fr);gap:clamp(45px,8vw,145px);padding-block:95px 150px}
.ref-404 .legal-aside{position:sticky;top:35px;align-self:start}
.ref-404 .legal-aside a{display:block;font-size:12px;color:var(--muted);padding:9px 0}
.ref-404 .legal-aside a:hover{color:var(--accent)}
.ref-404 .legal-copy{max-width:940px}
.ref-404 .legal-copy section{scroll-margin-top:30px;padding:0 0 52px;margin-bottom:52px;border-bottom:1px solid var(--line)}
.ref-404 .legal-copy h2{font:400 clamp(32px,3vw,49px)/1.15 "Newsreader",serif;letter-spacing:-.03em;margin:0 0 22px}
.ref-404 .legal-copy p,.ref-404 .legal-copy li{font:400 clamp(18px,1.5vw,21px)/1.7 "Newsreader",serif;color:#d7d0dc}
.ref-404 .legal-copy p{margin:0 0 22px}
.ref-404 .legal-copy ul{padding-left:24px}
.ref-404 .legal-copy li{margin:10px 0}
.ref-404 .legal-copy a{color:#d8c8ff;text-decoration:underline;text-underline-offset:4px}
.ref-404 .legal-note{padding:22px 26px;background:#17131f;border-left:2px solid #947ac6;color:#d1c5dc;font-size:13px;margin-top:35px;max-width:920px}
.ref-404 .legal-note strong{color:#f0e8fa}
.ref-404 .legal-cross{border-top:1px solid var(--line);padding:55px 0 110px}
.ref-404 .legal-cross a{font-size:clamp(28px,3vw,48px);letter-spacing:-.045em}
.ref-404 .legal-cross a:hover{color:var(--accent)}
.ref-404 .notfound{position:relative;min-height:min(930px,calc(100svh - 82px));isolation:isolate;overflow:hidden;display:flex;align-items:center}
.ref-404 .notfound:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 53% 46%,#27163d 0%,#120e1c 30%,#09090e 70%);z-index:-3}
.ref-404 .nf-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#a99acb14 1px,transparent 1px),linear-gradient(90deg,#a99acb14 1px,transparent 1px);background-size:75px 75px;mask-image:radial-gradient(ellipse at center,black,transparent 72%);z-index:-2}
.ref-404 .nf-scene{position:absolute;inset:0;pointer-events:none;z-index:-1;perspective:950px}
.ref-404 .nf-orbit{position:absolute;left:50%;top:49%;width:min(67vw,850px);aspect-ratio:1;border:1px solid #c3acff28;border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-22deg);box-shadow:0 0 100px #8d5ed015, inset 0 0 100px #8d5ed015;animation:orbit 22s linear infinite}
.ref-404 .nf-orbit:nth-child(2){width:min(47vw,630px);border-color:#c3acff50;animation-duration:17s;animation-direction:reverse}
.ref-404 .nf-orbit:nth-child(3){width:min(29vw,370px);border-color:#f4e8ff30;animation-duration:12s}
.ref-404 .nf-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#d3bfff;left:50%;top:-5px;box-shadow:0 0 25px #c3acff,0 0 75px #b78eff}
.ref-404 .nf-glow{position:absolute;left:50%;top:48%;width:300px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#8d57d9;filter:blur(120px);opacity:.34;animation:breathe 7s ease-in-out infinite}
.ref-404 .nf-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);font-size:clamp(190px,37vw,650px);font-weight:700;letter-spacing:-.14em;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #d6c4ff38;opacity:.6;user-select:none}
.ref-404 .nf-number span{display:inline-block;animation:glitch 9s ease-in-out infinite}
.ref-404 .nf-number span:nth-child(2){animation-delay:1.2s}
.ref-404 .nf-number span:nth-child(3){animation-delay:2.2s}
.ref-404 .nf-content{position:relative;z-index:2;padding-block:115px 135px;width:100%;text-align:center}
.ref-404 .nf-content .tag{color:#c9b8df}
.ref-404 .nf-content h1{font-size:clamp(49px,6.8vw,104px);font-weight:500;line-height:1.06;letter-spacing:-.077em;max-width:1100px;margin:30px auto 25px;text-wrap:balance;text-shadow:0 8px 50px #08070e}
.ref-404 .nf-content h1 em{font-style:normal;color:#d0bbff}
.ref-404 .nf-content p{font-size:clamp(16px,1.5vw,21px);color:#c1b8ca;max-width:560px;margin:0 auto 42px}
.ref-404 .nf-link{display:inline-flex;gap:30px;align-items:center;border:1px solid #c3acff75;padding:17px 23px;color:#f3eaff;font-size:13px;font-weight:600;letter-spacing:.02em;background:#140f20bb;transition:background .25s,transform .25s}
.ref-404 .nf-link:hover{background:#39274f;transform:translateY(-3px)}
.ref-404 .nf-link span{font-size:20px;color:var(--accent)}
.ref-404 .nf-edge{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#80738e;pointer-events:none}
.ref-404 .nf-scene .dust{position:absolute;width:2px;height:2px;border-radius:50%;background:#b7a2fa;box-shadow:0 0 14px #c3acff;opacity:.6}
.ref-404 .nf-scene .dust:nth-last-child(1){left:12%;top:24%}
.ref-404 .nf-scene .dust:nth-last-child(2){left:82%;top:21%}
.ref-404 .nf-scene .dust:nth-last-child(3){left:74%;top:77%}
.ref-404 .nf-scene .dust:nth-last-child(4){left:24%;top:71%}
@keyframes  orbit{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(338deg)}}
@keyframes  breathe{50%{opacity:.52;transform:translate(-50%,-50%) scale(1.22)}}
@keyframes  glitch{0%,91%,95%,100%{filter:none;transform:none}92%{filter:drop-shadow(7px 0 #a276e9);transform:translateX(-4px)}93%{filter:drop-shadow(-6px 0 #d0b7ff);transform:translateX(4px)}}
@media (max-width:780px){.ref-404 .legal-layout{grid-template-columns:1fr;gap:38px;padding-block:55px 90px}
.ref-404 .legal-aside{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}
.ref-404 .legal-aside a{display:inline-block;margin-right:20px}
.ref-404 .notfound{min-height:760px}
.ref-404 .nf-orbit{width:110vw}
.ref-404 .nf-orbit:nth-child(2){width:82vw}
.ref-404 .nf-orbit:nth-child(3){width:52vw}
.ref-404 .nf-number{font-size:55vw}
.ref-404 .nf-content{padding-block:140px}
.ref-404 .nf-edge{font-size:9px}}
@media (prefers-reduced-motion:reduce){.ref-404{scroll-behavior:auto}
.ref-404 *,.ref-404 *:before,.ref-404 *:after{animation:none!important;transition:none!important}}
.ref-custom-websites{--bg:#0a0a0e;--panel:#111116;--line:#292930;--ink:#eeedf0;--muted:#9996a2;--violet:#b9a1ff;--pad:clamp(22px,5.5vw,100px)}
.ref-custom-websites *{box-sizing:border-box}
.ref-custom-websites{scroll-behavior:smooth}
.ref-custom-websites{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.7 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ref-custom-websites button,.ref-custom-websites a{font:inherit}
.ref-custom-websites a{color:inherit;text-decoration:none}
.ref-custom-websites button{cursor:pointer}
.ref-custom-websites ::selection{background:#9e7df0;color:#09090d}
.ref-custom-websites .wrap{width:min(100%,1500px);padding-inline:var(--pad);margin-inline:auto}
.ref-custom-websites .tag{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#92909a}
.ref-custom-websites .line{height:1px;background:var(--line);flex:1}
.ref-custom-websites .section{padding-block:clamp(92px,11vw,166px)}
.ref-custom-websites .section-top{display:flex;gap:18px;align-items:center;margin-bottom:53px}
.ref-custom-websites .section-top .tag:last-child{color:#6f6c79}
.ref-custom-websites .heading{font-size:clamp(29px,3.5vw,52px);line-height:1.17;letter-spacing:-.052em;font-weight:500;margin:0}
.ref-custom-websites .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.85;color:#a6a3ad}
.ref-custom-websites .cta{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #85808d;padding:0 0 9px;font-weight:600;font-size:13px;transition:color .25s,border-color .25s}
.ref-custom-websites .cta:hover{color:var(--violet);border-color:var(--violet)}
.ref-custom-websites .cta b{font-size:17px;font-weight:400;transition:transform .25s}
.ref-custom-websites .cta:hover b{transform:translate(4px,-4px)}
.ref-custom-websites header{height:86px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
.ref-custom-websites header img{width:123px;display:block}
.ref-custom-websites header button{border:0;color:var(--ink);background:none;display:flex;gap:16px;align-items:center;font-size:13px}
.ref-custom-websites .burger{width:22px;display:grid;gap:5px}
.ref-custom-websites .burger i{height:1px;background:currentColor;display:block}
.ref-custom-websites .hero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.ref-custom-websites .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 38% 46% at 78% 42%,#3e265232,transparent 75%);pointer-events:none}
.ref-custom-websites .hero-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:6%;padding-block:100px 105px}
.ref-custom-websites .hero h1{font-size:clamp(37px,4.65vw,70px);letter-spacing:-.065em;line-height:1.12;font-weight:500;max-width:800px;margin:28px 0 29px}
.ref-custom-websites .hero h1 span{color:var(--violet)}
.ref-custom-websites .hero p{max-width:510px;color:#a9a5b0;font-size:clamp(15px,1.35vw,18px);margin:0 0 32px}
.ref-custom-websites .hero .aside{display:grid;align-items:center;justify-items:center;position:relative;min-height:340px}
.ref-custom-websites .hero .frame{width:min(100%,330px);aspect-ratio:1;border:1px solid #34303c;position:relative;transform:rotate(-8deg);transition:transform .8s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#1a1423,#0d0c12)}
.ref-custom-websites .hero .frame:before{content:"";position:absolute;inset:15%;border:1px solid #514361;transform:rotate(23deg)}
.ref-custom-websites .hero .frame:after{content:"";position:absolute;inset:30%;border:1px solid #a38bd4;transform:rotate(-28deg);background:linear-gradient(120deg,#b69aff19,transparent)}
.ref-custom-websites .hero .aside:hover .frame{transform:rotate(7deg)}
.ref-custom-websites .hero .frame .spot{position:absolute;left:50%;top:50%;height:7px;width:7px;border-radius:50%;background:#c6afff;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #a084ef36}
.ref-custom-websites .hero .frame-label{position:absolute;bottom:10px;right:0;color:#77717e;font-size:10px;letter-spacing:.12em}
.ref-custom-websites .what{background:#0e0e13}
.ref-custom-websites .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;margin-bottom:65px}
.ref-custom-websites .intro-split .lead{margin:0}
.ref-custom-websites .service-list{border-top:1px solid #38353f}
.ref-custom-websites .service-row{display:grid;grid-template-columns:55px 1fr 1.15fr 20px;gap:24px;align-items:center;border-bottom:1px solid #38353f;padding:24px 0;transition:background .25s,padding .25s}
.ref-custom-websites .service-row:hover{padding-inline:12px;background:#17141e}
.ref-custom-websites .service-row .n{font-size:11px;color:#7e7987}
.ref-custom-websites .service-row h3{font-size:clamp(17px,1.65vw,24px);line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0}
.ref-custom-websites .service-row p{font-size:13px;line-height:1.6;color:#95919e;margin:0}
.ref-custom-websites .service-row .arrow{color:#766c84;transition:transform .25s,color .25s}
.ref-custom-websites .service-row:hover .arrow{color:var(--violet);transform:translate(3px,-3px)}
.ref-custom-websites .approach{background:var(--bg)}
.ref-custom-websites .approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:78px}
.ref-custom-websites .approach-intro .lead{margin:0}
.ref-custom-websites .approach-intro .lead p{margin:0 0 20px}
.ref-custom-websites .steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34313b;border-bottom:1px solid #34313b}
.ref-custom-websites .step{padding:32px 32px 40px 0;min-height:180px;position:relative}
.ref-custom-websites .step:not(:first-child){border-left:1px solid #34313b;padding-left:32px}
.ref-custom-websites .step .n{font-size:11px;color:#8c819d}
.ref-custom-websites .step h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.05em;font-weight:500;margin:42px 0 0}
.ref-custom-websites .step .line-art{position:absolute;right:35px;top:40px;width:40px;height:40px;border:1px solid #655779;border-radius:50%;transition:transform .5s}
.ref-custom-websites .step:nth-child(2) .line-art{border-radius:0;transform:rotate(45deg)}
.ref-custom-websites .step:nth-child(3) .line-art{border-radius:0;border-color:#a58bd6}
.ref-custom-websites .step:hover .line-art{transform:rotate(135deg)}
.ref-custom-websites .included{background:#0d0e13}
.ref-custom-websites .included-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:62px}
.ref-custom-websites .included-intro .lead{margin:0}
.ref-custom-websites .capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33313a}
.ref-custom-websites .cap{padding:29px 25px 38px 0;border-bottom:1px solid #33313a;min-height:170px}
.ref-custom-websites .cap:not(:nth-child(3n/**/+1)){padding-left:25px;border-left:1px solid #33313a}
.ref-custom-websites .cap .n{color:#857d90;font-size:11px}
.ref-custom-websites .cap h3{font-size:19px;letter-spacing:-.035em;font-weight:500;margin:27px 0 8px}
.ref-custom-websites .cap p{color:#93909c;font-size:13px;margin:0;max-width:290px}
.ref-custom-websites .scope{font-size:11px;color:#797582;margin-top:20px}
.ref-custom-websites .faq{background:#0a0a0e}
.ref-custom-websites .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}
.ref-custom-websites .faq-list{border-top:1px solid #34313b}
.ref-custom-websites .faq details{border-bottom:1px solid #34313b}
.ref-custom-websites .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:clamp(14px,1.4vw,17px);font-weight:500}
.ref-custom-websites .faq summary::-webkit-details-marker{display:none}
.ref-custom-websites .faq summary .plus{font-size:22px;color:#8d7ca7;transition:transform .25s}
.ref-custom-websites .faq details[open] .plus{transform:rotate(45deg)}
.ref-custom-websites .faq .answer{padding:0 42px 25px 0;color:#a39fac;font-size:14px;line-height:1.8;max-width:670px}
.ref-custom-websites .faq .answer p{margin:0}
.ref-custom-websites .close-section{background:radial-gradient(ellipse 55% 70% at 88% 80%,#30203c46,transparent 75%),#0d0d12;min-height:550px;display:flex;align-items:center}
.ref-custom-websites .close-section .closing-content{max-width:740px}
.ref-custom-websites .close-section h2{font-size:clamp(31px,3.8vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:24px 0}
.ref-custom-websites .close-section p{font-size:16px;color:#aaa6b2;max-width:550px;margin:0 0 34px}
.ref-custom-websites footer{border-top:1px solid #302d36;padding-top:65px}
.ref-custom-websites .footer-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}
.ref-custom-websites .footer-cols img{width:135px}
.ref-custom-websites .footer-cols p{font-size:12px;color:#8e8997;max-width:260px}
.ref-custom-websites .footer-cols nav{display:grid;gap:9px;margin-top:18px}
.ref-custom-websites .footer-cols nav a{font-size:12px;color:#aaa5b2}
.ref-custom-websites .footer-cols nav a:hover{color:var(--violet)}
.ref-custom-websites .footer-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:55px;color:#77727f;font-size:11px}
.ref-custom-websites .signature{display:flex;justify-content:center;max-height:190px;overflow:hidden;opacity:.065}
.ref-custom-websites .signature img{width:min(95%,1100px);height:auto}
.ref-custom-websites .menu{position:fixed;inset:0;background:#121018;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .4s,visibility .6s;display:flex;flex-direction:column}
.ref-custom-websites .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-custom-websites .menu-head{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39323f}
.ref-custom-websites .menu-head img{width:125px}
.ref-custom-websites .menu-head button{background:none;border:0;color:white;font-size:13px}
.ref-custom-websites .menu-main{padding:30px var(--pad);display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;flex:1;overflow:auto}
.ref-custom-websites .menu-links{display:grid}
.ref-custom-websites .menu-links a{display:flex;gap:24px;align-items:baseline;border-bottom:1px solid #37313e;padding:13px 0;font-size:clamp(22px,3vw,42px);line-height:1.2;letter-spacing:-.05em;transition:color .2s}
.ref-custom-websites .menu-links a:hover{color:var(--violet)}
.ref-custom-websites .menu-links small{font-size:10px;color:#77717d;letter-spacing:0}
.ref-custom-websites .menu-aside{border-left:1px solid #39313e;padding-left:32px}
.ref-custom-websites .menu-aside strong{font-size:clamp(22px,3vw,40px);letter-spacing:-.05em;font-weight:500;color:#b8a0e0}
.ref-custom-websites .menu-aside p{font-size:12px;color:#88818f}
.ref-custom-websites .menu-foot{padding:20px var(--pad);border-top:1px solid #39313e;display:flex;justify-content:space-between;color:#8b8593;font-size:11px}
.ref-custom-websites .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.ref-custom-websites .reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.ref-custom-websites .hero-inner{grid-template-columns:1fr;padding-block:85px}
.ref-custom-websites .hero .aside{display:none}
.ref-custom-websites .hero{min-height:540px}
.ref-custom-websites .intro-split,.ref-custom-websites .approach-intro,.ref-custom-websites .included-intro,.ref-custom-websites .faq-layout{grid-template-columns:1fr;gap:27px}
.ref-custom-websites .service-row{grid-template-columns:34px 1fr 1fr 16px;gap:15px}
.ref-custom-websites .menu-main{grid-template-columns:1fr}
.ref-custom-websites .menu-aside{display:none}
.ref-custom-websites .section{padding-block:90px}}
@media (max-width:620px){.ref-custom-websites header{height:75px}
.ref-custom-websites .hero h1{font-size:clamp(35px,8.7vw,49px)}
.ref-custom-websites .service-row{grid-template-columns:26px 1fr 14px;padding:20px 0}
.ref-custom-websites .service-row p{grid-column:2;grid-row:2}
.ref-custom-websites .service-row .arrow{grid-column:3;grid-row:1}
.ref-custom-websites .steps,.ref-custom-websites .capabilities{grid-template-columns:1fr}
.ref-custom-websites .step,.ref-custom-websites .step:not(:first-child){border-left:0;border-bottom:1px solid #34313b;padding:22px 0;min-height:135px}
.ref-custom-websites .step h3{margin-top:30px}
.ref-custom-websites .cap,.ref-custom-websites .cap:not(:nth-child(3n/**/+1)){border-left:0;padding:22px 0;min-height:0}
.ref-custom-websites .cap h3{margin-top:16px}
.ref-custom-websites .footer-cols{grid-template-columns:1fr 1fr;gap:35px}
.ref-custom-websites .footer-cols>div:first-child{grid-column:1/-1}
.ref-custom-websites .footer-base{flex-direction:column;gap:8px}
.ref-custom-websites .menu-links a{font-size:clamp(23px,6vw,34px)}}
@media (prefers-reduced-motion:reduce){.ref-custom-websites{scroll-behavior:auto}
.ref-custom-websites *,.ref-custom-websites *:before,.ref-custom-websites *:after{transition:none!important;animation:none!important}
.ref-custom-websites .reveal{opacity:1;transform:none}}
.ref-shopify{--bg:#0a0a0e;--panel:#111116;--line:#292930;--ink:#eeedf0;--muted:#9996a2;--violet:#b9a1ff;--pad:clamp(22px,5.5vw,100px)}
.ref-shopify *{box-sizing:border-box}
.ref-shopify{scroll-behavior:smooth}
.ref-shopify{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.7 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ref-shopify button,.ref-shopify a{font:inherit}
.ref-shopify a{color:inherit;text-decoration:none}
.ref-shopify button{cursor:pointer}
.ref-shopify ::selection{background:#9e7df0;color:#09090d}
.ref-shopify .wrap{width:min(100%,1500px);padding-inline:var(--pad);margin-inline:auto}
.ref-shopify .tag{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#92909a}
.ref-shopify .line{height:1px;background:var(--line);flex:1}
.ref-shopify .section{padding-block:clamp(92px,11vw,166px)}
.ref-shopify .section-top{display:flex;gap:18px;align-items:center;margin-bottom:53px}
.ref-shopify .section-top .tag:last-child{color:#6f6c79}
.ref-shopify .heading{font-size:clamp(29px,3.5vw,52px);line-height:1.17;letter-spacing:-.052em;font-weight:500;margin:0}
.ref-shopify .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.85;color:#a6a3ad}
.ref-shopify .cta{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #85808d;padding:0 0 9px;font-weight:600;font-size:13px;transition:color .25s,border-color .25s}
.ref-shopify .cta:hover{color:var(--violet);border-color:var(--violet)}
.ref-shopify .cta b{font-size:17px;font-weight:400;transition:transform .25s}
.ref-shopify .cta:hover b{transform:translate(4px,-4px)}
.ref-shopify header{height:86px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
.ref-shopify header img{width:123px;display:block}
.ref-shopify header button{border:0;color:var(--ink);background:none;display:flex;gap:16px;align-items:center;font-size:13px}
.ref-shopify .burger{width:22px;display:grid;gap:5px}
.ref-shopify .burger i{height:1px;background:currentColor;display:block}
.ref-shopify .hero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.ref-shopify .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 38% 46% at 78% 42%,#3e265232,transparent 75%);pointer-events:none}
.ref-shopify .hero-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:6%;padding-block:100px 105px}
.ref-shopify .hero h1{font-size:clamp(37px,4.65vw,70px);letter-spacing:-.065em;line-height:1.12;font-weight:500;max-width:800px;margin:28px 0 29px}
.ref-shopify .hero h1 span{color:var(--violet)}
.ref-shopify .hero p{max-width:510px;color:#a9a5b0;font-size:clamp(15px,1.35vw,18px);margin:0 0 32px}
.ref-shopify .hero .aside{display:grid;align-items:center;justify-items:center;position:relative;min-height:340px}
.ref-shopify .hero .frame{width:min(100%,330px);aspect-ratio:1;border:1px solid #34303c;position:relative;transform:rotate(-8deg);transition:transform .8s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#1a1423,#0d0c12)}
.ref-shopify .hero .frame:before{content:"";position:absolute;inset:15%;border:1px solid #514361;transform:rotate(23deg)}
.ref-shopify .hero .frame:after{content:"";position:absolute;inset:30%;border:1px solid #a38bd4;transform:rotate(-28deg);background:linear-gradient(120deg,#b69aff19,transparent)}
.ref-shopify .hero .aside:hover .frame{transform:rotate(7deg)}
.ref-shopify .hero .frame .spot{position:absolute;left:50%;top:50%;height:7px;width:7px;border-radius:50%;background:#c6afff;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #a084ef36}
.ref-shopify .hero .frame-label{position:absolute;bottom:10px;right:0;color:#77717e;font-size:10px;letter-spacing:.12em}
.ref-shopify .what{background:#0e0e13}
.ref-shopify .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;margin-bottom:65px}
.ref-shopify .intro-split .lead{margin:0}
.ref-shopify .service-list{border-top:1px solid #38353f}
.ref-shopify .service-row{display:grid;grid-template-columns:55px 1fr 1.15fr 20px;gap:24px;align-items:center;border-bottom:1px solid #38353f;padding:24px 0;transition:background .25s,padding .25s}
.ref-shopify .service-row:hover{padding-inline:12px;background:#17141e}
.ref-shopify .service-row .n{font-size:11px;color:#7e7987}
.ref-shopify .service-row h3{font-size:clamp(17px,1.65vw,24px);line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0}
.ref-shopify .service-row p{font-size:13px;line-height:1.6;color:#95919e;margin:0}
.ref-shopify .service-row .arrow{color:#766c84;transition:transform .25s,color .25s}
.ref-shopify .service-row:hover .arrow{color:var(--violet);transform:translate(3px,-3px)}
.ref-shopify .approach{background:var(--bg)}
.ref-shopify .approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:78px}
.ref-shopify .approach-intro .lead{margin:0}
.ref-shopify .approach-intro .lead p{margin:0 0 20px}
.ref-shopify .steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34313b;border-bottom:1px solid #34313b}
.ref-shopify .step{padding:32px 32px 40px 0;min-height:180px;position:relative}
.ref-shopify .step:not(:first-child){border-left:1px solid #34313b;padding-left:32px}
.ref-shopify .step .n{font-size:11px;color:#8c819d}
.ref-shopify .step h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.05em;font-weight:500;margin:42px 0 0}
.ref-shopify .step .line-art{position:absolute;right:35px;top:40px;width:40px;height:40px;border:1px solid #655779;border-radius:50%;transition:transform .5s}
.ref-shopify .step:nth-child(2) .line-art{border-radius:0;transform:rotate(45deg)}
.ref-shopify .step:nth-child(3) .line-art{border-radius:0;border-color:#a58bd6}
.ref-shopify .step:hover .line-art{transform:rotate(135deg)}
.ref-shopify .included{background:#0d0e13}
.ref-shopify .included-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:62px}
.ref-shopify .included-intro .lead{margin:0}
.ref-shopify .capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33313a}
.ref-shopify .cap{padding:29px 25px 38px 0;border-bottom:1px solid #33313a;min-height:170px}
.ref-shopify .cap:not(:nth-child(3n/**/+1)){padding-left:25px;border-left:1px solid #33313a}
.ref-shopify .cap .n{color:#857d90;font-size:11px}
.ref-shopify .cap h3{font-size:19px;letter-spacing:-.035em;font-weight:500;margin:27px 0 8px}
.ref-shopify .cap p{color:#93909c;font-size:13px;margin:0;max-width:290px}
.ref-shopify .scope{font-size:11px;color:#797582;margin-top:20px}
.ref-shopify .faq{background:#0a0a0e}
.ref-shopify .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}
.ref-shopify .faq-list{border-top:1px solid #34313b}
.ref-shopify .faq details{border-bottom:1px solid #34313b}
.ref-shopify .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:clamp(14px,1.4vw,17px);font-weight:500}
.ref-shopify .faq summary::-webkit-details-marker{display:none}
.ref-shopify .faq summary .plus{font-size:22px;color:#8d7ca7;transition:transform .25s}
.ref-shopify .faq details[open] .plus{transform:rotate(45deg)}
.ref-shopify .faq .answer{padding:0 42px 25px 0;color:#a39fac;font-size:14px;line-height:1.8;max-width:670px}
.ref-shopify .faq .answer p{margin:0}
.ref-shopify .close-section{background:radial-gradient(ellipse 55% 70% at 88% 80%,#30203c46,transparent 75%),#0d0d12;min-height:550px;display:flex;align-items:center}
.ref-shopify .close-section .closing-content{max-width:740px}
.ref-shopify .close-section h2{font-size:clamp(31px,3.8vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:24px 0}
.ref-shopify .close-section p{font-size:16px;color:#aaa6b2;max-width:550px;margin:0 0 34px}
.ref-shopify footer{border-top:1px solid #302d36;padding-top:65px}
.ref-shopify .footer-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}
.ref-shopify .footer-cols img{width:135px}
.ref-shopify .footer-cols p{font-size:12px;color:#8e8997;max-width:260px}
.ref-shopify .footer-cols nav{display:grid;gap:9px;margin-top:18px}
.ref-shopify .footer-cols nav a{font-size:12px;color:#aaa5b2}
.ref-shopify .footer-cols nav a:hover{color:var(--violet)}
.ref-shopify .footer-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:55px;color:#77727f;font-size:11px}
.ref-shopify .signature{display:flex;justify-content:center;max-height:190px;overflow:hidden;opacity:.065}
.ref-shopify .signature img{width:min(95%,1100px);height:auto}
.ref-shopify .menu{position:fixed;inset:0;background:#121018;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .4s,visibility .6s;display:flex;flex-direction:column}
.ref-shopify .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-shopify .menu-head{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39323f}
.ref-shopify .menu-head img{width:125px}
.ref-shopify .menu-head button{background:none;border:0;color:white;font-size:13px}
.ref-shopify .menu-main{padding:30px var(--pad);display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;flex:1;overflow:auto}
.ref-shopify .menu-links{display:grid}
.ref-shopify .menu-links a{display:flex;gap:24px;align-items:baseline;border-bottom:1px solid #37313e;padding:13px 0;font-size:clamp(22px,3vw,42px);line-height:1.2;letter-spacing:-.05em;transition:color .2s}
.ref-shopify .menu-links a:hover{color:var(--violet)}
.ref-shopify .menu-links small{font-size:10px;color:#77717d;letter-spacing:0}
.ref-shopify .menu-aside{border-left:1px solid #39313e;padding-left:32px}
.ref-shopify .menu-aside strong{font-size:clamp(22px,3vw,40px);letter-spacing:-.05em;font-weight:500;color:#b8a0e0}
.ref-shopify .menu-aside p{font-size:12px;color:#88818f}
.ref-shopify .menu-foot{padding:20px var(--pad);border-top:1px solid #39313e;display:flex;justify-content:space-between;color:#8b8593;font-size:11px}
.ref-shopify .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.ref-shopify .reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.ref-shopify .hero-inner{grid-template-columns:1fr;padding-block:85px}
.ref-shopify .hero .aside{display:none}
.ref-shopify .hero{min-height:540px}
.ref-shopify .intro-split,.ref-shopify .approach-intro,.ref-shopify .included-intro,.ref-shopify .faq-layout{grid-template-columns:1fr;gap:27px}
.ref-shopify .service-row{grid-template-columns:34px 1fr 1fr 16px;gap:15px}
.ref-shopify .menu-main{grid-template-columns:1fr}
.ref-shopify .menu-aside{display:none}
.ref-shopify .section{padding-block:90px}}
@media (max-width:620px){.ref-shopify header{height:75px}
.ref-shopify .hero h1{font-size:clamp(35px,8.7vw,49px)}
.ref-shopify .service-row{grid-template-columns:26px 1fr 14px;padding:20px 0}
.ref-shopify .service-row p{grid-column:2;grid-row:2}
.ref-shopify .service-row .arrow{grid-column:3;grid-row:1}
.ref-shopify .steps,.ref-shopify .capabilities{grid-template-columns:1fr}
.ref-shopify .step,.ref-shopify .step:not(:first-child){border-left:0;border-bottom:1px solid #34313b;padding:22px 0;min-height:135px}
.ref-shopify .step h3{margin-top:30px}
.ref-shopify .cap,.ref-shopify .cap:not(:nth-child(3n/**/+1)){border-left:0;padding:22px 0;min-height:0}
.ref-shopify .cap h3{margin-top:16px}
.ref-shopify .footer-cols{grid-template-columns:1fr 1fr;gap:35px}
.ref-shopify .footer-cols>div:first-child{grid-column:1/-1}
.ref-shopify .footer-base{flex-direction:column;gap:8px}
.ref-shopify .menu-links a{font-size:clamp(23px,6vw,34px)}}
@media (prefers-reduced-motion:reduce){.ref-shopify{scroll-behavior:auto}
.ref-shopify *,.ref-shopify *:before,.ref-shopify *:after{transition:none!important;animation:none!important}
.ref-shopify .reveal{opacity:1;transform:none}}
.ref-shopify .hero .frame{transform:rotate(-5deg);border-radius:4px;background:linear-gradient(145deg,#171322,#0b0b0f)}
.ref-shopify .hero .frame:before{inset:14% 19%;border-radius:5px;transform:none;border-color:#77608f}
.ref-shopify .hero .frame:after{inset:31% 34%;border-radius:50%;transform:none;border-color:#b9a1ff}
.ref-shopify .hero .aside:hover .frame{transform:rotate(5deg)}
.ref-shopify .step-desc{font-size:13px;line-height:1.65;color:#9893a1;max-width:280px;margin:14px 0 0}
.ref-shopify .step{min-height:230px}
.ref-shopify .step h3{margin-top:35px}
@media (max-width:620px){.ref-shopify .step{min-height:0}}
.ref-google-business-profile{--bg:#0a0a0e;--panel:#111116;--line:#292930;--ink:#eeedf0;--muted:#9996a2;--violet:#b9a1ff;--pad:clamp(22px,5.5vw,100px)}
.ref-google-business-profile *{box-sizing:border-box}
.ref-google-business-profile{scroll-behavior:smooth}
.ref-google-business-profile{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.7 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ref-google-business-profile button,.ref-google-business-profile a{font:inherit}
.ref-google-business-profile a{color:inherit;text-decoration:none}
.ref-google-business-profile button{cursor:pointer}
.ref-google-business-profile ::selection{background:#9e7df0;color:#09090d}
.ref-google-business-profile .wrap{width:min(100%,1500px);padding-inline:var(--pad);margin-inline:auto}
.ref-google-business-profile .tag{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#92909a}
.ref-google-business-profile .line{height:1px;background:var(--line);flex:1}
.ref-google-business-profile .section{padding-block:clamp(92px,11vw,166px)}
.ref-google-business-profile .section-top{display:flex;gap:18px;align-items:center;margin-bottom:53px}
.ref-google-business-profile .section-top .tag:last-child{color:#6f6c79}
.ref-google-business-profile .heading{font-size:clamp(29px,3.5vw,52px);line-height:1.17;letter-spacing:-.052em;font-weight:500;margin:0}
.ref-google-business-profile .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.85;color:#a6a3ad}
.ref-google-business-profile .cta{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #85808d;padding:0 0 9px;font-weight:600;font-size:13px;transition:color .25s,border-color .25s}
.ref-google-business-profile .cta:hover{color:var(--violet);border-color:var(--violet)}
.ref-google-business-profile .cta b{font-size:17px;font-weight:400;transition:transform .25s}
.ref-google-business-profile .cta:hover b{transform:translate(4px,-4px)}
.ref-google-business-profile header{height:86px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
.ref-google-business-profile header img{width:123px;display:block}
.ref-google-business-profile header button{border:0;color:var(--ink);background:none;display:flex;gap:16px;align-items:center;font-size:13px}
.ref-google-business-profile .burger{width:22px;display:grid;gap:5px}
.ref-google-business-profile .burger i{height:1px;background:currentColor;display:block}
.ref-google-business-profile .hero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.ref-google-business-profile .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 38% 46% at 78% 42%,#3e265232,transparent 75%);pointer-events:none}
.ref-google-business-profile .hero-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:6%;padding-block:100px 105px}
.ref-google-business-profile .hero h1{font-size:clamp(37px,4.65vw,70px);letter-spacing:-.065em;line-height:1.12;font-weight:500;max-width:800px;margin:28px 0 29px}
.ref-google-business-profile .hero h1 span{color:var(--violet)}
.ref-google-business-profile .hero p{max-width:510px;color:#a9a5b0;font-size:clamp(15px,1.35vw,18px);margin:0 0 32px}
.ref-google-business-profile .hero .aside{display:grid;align-items:center;justify-items:center;position:relative;min-height:340px}
.ref-google-business-profile .hero .frame{width:min(100%,330px);aspect-ratio:1;border:1px solid #34303c;position:relative;transform:rotate(-8deg);transition:transform .8s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#1a1423,#0d0c12)}
.ref-google-business-profile .hero .frame:before{content:"";position:absolute;inset:15%;border:1px solid #514361;transform:rotate(23deg)}
.ref-google-business-profile .hero .frame:after{content:"";position:absolute;inset:30%;border:1px solid #a38bd4;transform:rotate(-28deg);background:linear-gradient(120deg,#b69aff19,transparent)}
.ref-google-business-profile .hero .aside:hover .frame{transform:rotate(7deg)}
.ref-google-business-profile .hero .frame .spot{position:absolute;left:50%;top:50%;height:7px;width:7px;border-radius:50%;background:#c6afff;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #a084ef36}
.ref-google-business-profile .hero .frame-label{position:absolute;bottom:10px;right:0;color:#77717e;font-size:10px;letter-spacing:.12em}
.ref-google-business-profile .what{background:#0e0e13}
.ref-google-business-profile .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;margin-bottom:65px}
.ref-google-business-profile .intro-split .lead{margin:0}
.ref-google-business-profile .service-list{border-top:1px solid #38353f}
.ref-google-business-profile .service-row{display:grid;grid-template-columns:55px 1fr 1.15fr 20px;gap:24px;align-items:center;border-bottom:1px solid #38353f;padding:24px 0;transition:background .25s,padding .25s}
.ref-google-business-profile .service-row:hover{padding-inline:12px;background:#17141e}
.ref-google-business-profile .service-row .n{font-size:11px;color:#7e7987}
.ref-google-business-profile .service-row h3{font-size:clamp(17px,1.65vw,24px);line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0}
.ref-google-business-profile .service-row p{font-size:13px;line-height:1.6;color:#95919e;margin:0}
.ref-google-business-profile .service-row .arrow{color:#766c84;transition:transform .25s,color .25s}
.ref-google-business-profile .service-row:hover .arrow{color:var(--violet);transform:translate(3px,-3px)}
.ref-google-business-profile .approach{background:var(--bg)}
.ref-google-business-profile .approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:78px}
.ref-google-business-profile .approach-intro .lead{margin:0}
.ref-google-business-profile .approach-intro .lead p{margin:0 0 20px}
.ref-google-business-profile .steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34313b;border-bottom:1px solid #34313b}
.ref-google-business-profile .step{padding:32px 32px 40px 0;min-height:180px;position:relative}
.ref-google-business-profile .step:not(:first-child){border-left:1px solid #34313b;padding-left:32px}
.ref-google-business-profile .step .n{font-size:11px;color:#8c819d}
.ref-google-business-profile .step h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.05em;font-weight:500;margin:42px 0 0}
.ref-google-business-profile .step .line-art{position:absolute;right:35px;top:40px;width:40px;height:40px;border:1px solid #655779;border-radius:50%;transition:transform .5s}
.ref-google-business-profile .step:nth-child(2) .line-art{border-radius:0;transform:rotate(45deg)}
.ref-google-business-profile .step:nth-child(3) .line-art{border-radius:0;border-color:#a58bd6}
.ref-google-business-profile .step:hover .line-art{transform:rotate(135deg)}
.ref-google-business-profile .included{background:#0d0e13}
.ref-google-business-profile .included-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:62px}
.ref-google-business-profile .included-intro .lead{margin:0}
.ref-google-business-profile .capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33313a}
.ref-google-business-profile .cap{padding:29px 25px 38px 0;border-bottom:1px solid #33313a;min-height:170px}
.ref-google-business-profile .cap:not(:nth-child(3n/**/+1)){padding-left:25px;border-left:1px solid #33313a}
.ref-google-business-profile .cap .n{color:#857d90;font-size:11px}
.ref-google-business-profile .cap h3{font-size:19px;letter-spacing:-.035em;font-weight:500;margin:27px 0 8px}
.ref-google-business-profile .cap p{color:#93909c;font-size:13px;margin:0;max-width:290px}
.ref-google-business-profile .scope{font-size:11px;color:#797582;margin-top:20px}
.ref-google-business-profile .faq{background:#0a0a0e}
.ref-google-business-profile .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}
.ref-google-business-profile .faq-list{border-top:1px solid #34313b}
.ref-google-business-profile .faq details{border-bottom:1px solid #34313b}
.ref-google-business-profile .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:clamp(14px,1.4vw,17px);font-weight:500}
.ref-google-business-profile .faq summary::-webkit-details-marker{display:none}
.ref-google-business-profile .faq summary .plus{font-size:22px;color:#8d7ca7;transition:transform .25s}
.ref-google-business-profile .faq details[open] .plus{transform:rotate(45deg)}
.ref-google-business-profile .faq .answer{padding:0 42px 25px 0;color:#a39fac;font-size:14px;line-height:1.8;max-width:670px}
.ref-google-business-profile .faq .answer p{margin:0}
.ref-google-business-profile .close-section{background:radial-gradient(ellipse 55% 70% at 88% 80%,#30203c46,transparent 75%),#0d0d12;min-height:550px;display:flex;align-items:center}
.ref-google-business-profile .close-section .closing-content{max-width:740px}
.ref-google-business-profile .close-section h2{font-size:clamp(31px,3.8vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:24px 0}
.ref-google-business-profile .close-section p{font-size:16px;color:#aaa6b2;max-width:550px;margin:0 0 34px}
.ref-google-business-profile footer{border-top:1px solid #302d36;padding-top:65px}
.ref-google-business-profile .footer-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}
.ref-google-business-profile .footer-cols img{width:135px}
.ref-google-business-profile .footer-cols p{font-size:12px;color:#8e8997;max-width:260px}
.ref-google-business-profile .footer-cols nav{display:grid;gap:9px;margin-top:18px}
.ref-google-business-profile .footer-cols nav a{font-size:12px;color:#aaa5b2}
.ref-google-business-profile .footer-cols nav a:hover{color:var(--violet)}
.ref-google-business-profile .footer-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:55px;color:#77727f;font-size:11px}
.ref-google-business-profile .signature{display:flex;justify-content:center;max-height:190px;overflow:hidden;opacity:.065}
.ref-google-business-profile .signature img{width:min(95%,1100px);height:auto}
.ref-google-business-profile .menu{position:fixed;inset:0;background:#121018;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .4s,visibility .6s;display:flex;flex-direction:column}
.ref-google-business-profile .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-google-business-profile .menu-head{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39323f}
.ref-google-business-profile .menu-head img{width:125px}
.ref-google-business-profile .menu-head button{background:none;border:0;color:white;font-size:13px}
.ref-google-business-profile .menu-main{padding:30px var(--pad);display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;flex:1;overflow:auto}
.ref-google-business-profile .menu-links{display:grid}
.ref-google-business-profile .menu-links a{display:flex;gap:24px;align-items:baseline;border-bottom:1px solid #37313e;padding:13px 0;font-size:clamp(22px,3vw,42px);line-height:1.2;letter-spacing:-.05em;transition:color .2s}
.ref-google-business-profile .menu-links a:hover{color:var(--violet)}
.ref-google-business-profile .menu-links small{font-size:10px;color:#77717d;letter-spacing:0}
.ref-google-business-profile .menu-aside{border-left:1px solid #39313e;padding-left:32px}
.ref-google-business-profile .menu-aside strong{font-size:clamp(22px,3vw,40px);letter-spacing:-.05em;font-weight:500;color:#b8a0e0}
.ref-google-business-profile .menu-aside p{font-size:12px;color:#88818f}
.ref-google-business-profile .menu-foot{padding:20px var(--pad);border-top:1px solid #39313e;display:flex;justify-content:space-between;color:#8b8593;font-size:11px}
.ref-google-business-profile .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.ref-google-business-profile .reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.ref-google-business-profile .hero-inner{grid-template-columns:1fr;padding-block:85px}
.ref-google-business-profile .hero .aside{display:none}
.ref-google-business-profile .hero{min-height:540px}
.ref-google-business-profile .intro-split,.ref-google-business-profile .approach-intro,.ref-google-business-profile .included-intro,.ref-google-business-profile .faq-layout{grid-template-columns:1fr;gap:27px}
.ref-google-business-profile .service-row{grid-template-columns:34px 1fr 1fr 16px;gap:15px}
.ref-google-business-profile .menu-main{grid-template-columns:1fr}
.ref-google-business-profile .menu-aside{display:none}
.ref-google-business-profile .section{padding-block:90px}}
@media (max-width:620px){.ref-google-business-profile header{height:75px}
.ref-google-business-profile .hero h1{font-size:clamp(35px,8.7vw,49px)}
.ref-google-business-profile .service-row{grid-template-columns:26px 1fr 14px;padding:20px 0}
.ref-google-business-profile .service-row p{grid-column:2;grid-row:2}
.ref-google-business-profile .service-row .arrow{grid-column:3;grid-row:1}
.ref-google-business-profile .steps,.ref-google-business-profile .capabilities{grid-template-columns:1fr}
.ref-google-business-profile .step,.ref-google-business-profile .step:not(:first-child){border-left:0;border-bottom:1px solid #34313b;padding:22px 0;min-height:135px}
.ref-google-business-profile .step h3{margin-top:30px}
.ref-google-business-profile .cap,.ref-google-business-profile .cap:not(:nth-child(3n/**/+1)){border-left:0;padding:22px 0;min-height:0}
.ref-google-business-profile .cap h3{margin-top:16px}
.ref-google-business-profile .footer-cols{grid-template-columns:1fr 1fr;gap:35px}
.ref-google-business-profile .footer-cols>div:first-child{grid-column:1/-1}
.ref-google-business-profile .footer-base{flex-direction:column;gap:8px}
.ref-google-business-profile .menu-links a{font-size:clamp(23px,6vw,34px)}}
@media (prefers-reduced-motion:reduce){.ref-google-business-profile{scroll-behavior:auto}
.ref-google-business-profile *,.ref-google-business-profile *:before,.ref-google-business-profile *:after{transition:none!important;animation:none!important}
.ref-google-business-profile .reveal{opacity:1;transform:none}}
.ref-google-business-profile .hero .frame{transform:rotate(-5deg);border-radius:4px;background:linear-gradient(145deg,#171322,#0b0b0f)}
.ref-google-business-profile .hero .frame:before{inset:14% 19%;border-radius:5px;transform:none;border-color:#77608f}
.ref-google-business-profile .hero .frame:after{inset:31% 34%;border-radius:50%;transform:none;border-color:#b9a1ff}
.ref-google-business-profile .hero .aside:hover .frame{transform:rotate(5deg)}
.ref-google-business-profile .step-desc{font-size:13px;line-height:1.65;color:#9893a1;max-width:280px;margin:14px 0 0}
.ref-google-business-profile .step{min-height:230px}
.ref-google-business-profile .step h3{margin-top:35px}
@media (max-width:620px){.ref-google-business-profile .step{min-height:0}}
.ref-google-business-profile .step-desc{font-size:12px;color:#918b9a;line-height:1.7;max-width:300px;margin-top:14px}
.ref-google-business-profile .step{min-height:220px}
.ref-google-business-profile .step h3{margin-top:28px}
.ref-hosting-maintenance{--bg:#0a0a0e;--panel:#111116;--line:#292930;--ink:#eeedf0;--muted:#9996a2;--violet:#b9a1ff;--pad:clamp(22px,5.5vw,100px)}
.ref-hosting-maintenance *{box-sizing:border-box}
.ref-hosting-maintenance{scroll-behavior:smooth}
.ref-hosting-maintenance{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.7 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ref-hosting-maintenance button,.ref-hosting-maintenance a{font:inherit}
.ref-hosting-maintenance a{color:inherit;text-decoration:none}
.ref-hosting-maintenance button{cursor:pointer}
.ref-hosting-maintenance ::selection{background:#9e7df0;color:#09090d}
.ref-hosting-maintenance .wrap{width:min(100%,1500px);padding-inline:var(--pad);margin-inline:auto}
.ref-hosting-maintenance .tag{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#92909a}
.ref-hosting-maintenance .line{height:1px;background:var(--line);flex:1}
.ref-hosting-maintenance .section{padding-block:clamp(92px,11vw,166px)}
.ref-hosting-maintenance .section-top{display:flex;gap:18px;align-items:center;margin-bottom:53px}
.ref-hosting-maintenance .section-top .tag:last-child{color:#6f6c79}
.ref-hosting-maintenance .heading{font-size:clamp(29px,3.5vw,52px);line-height:1.17;letter-spacing:-.052em;font-weight:500;margin:0}
.ref-hosting-maintenance .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.85;color:#a6a3ad}
.ref-hosting-maintenance .cta{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #85808d;padding:0 0 9px;font-weight:600;font-size:13px;transition:color .25s,border-color .25s}
.ref-hosting-maintenance .cta:hover{color:var(--violet);border-color:var(--violet)}
.ref-hosting-maintenance .cta b{font-size:17px;font-weight:400;transition:transform .25s}
.ref-hosting-maintenance .cta:hover b{transform:translate(4px,-4px)}
.ref-hosting-maintenance header{height:86px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
.ref-hosting-maintenance header img{width:123px;display:block}
.ref-hosting-maintenance header button{border:0;color:var(--ink);background:none;display:flex;gap:16px;align-items:center;font-size:13px}
.ref-hosting-maintenance .burger{width:22px;display:grid;gap:5px}
.ref-hosting-maintenance .burger i{height:1px;background:currentColor;display:block}
.ref-hosting-maintenance .hero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.ref-hosting-maintenance .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 38% 46% at 78% 42%,#3e265232,transparent 75%);pointer-events:none}
.ref-hosting-maintenance .hero-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:6%;padding-block:100px 105px}
.ref-hosting-maintenance .hero h1{font-size:clamp(37px,4.65vw,70px);letter-spacing:-.065em;line-height:1.12;font-weight:500;max-width:800px;margin:28px 0 29px}
.ref-hosting-maintenance .hero h1 span{color:var(--violet)}
.ref-hosting-maintenance .hero p{max-width:510px;color:#a9a5b0;font-size:clamp(15px,1.35vw,18px);margin:0 0 32px}
.ref-hosting-maintenance .hero .aside{display:grid;align-items:center;justify-items:center;position:relative;min-height:340px}
.ref-hosting-maintenance .hero .frame{width:min(100%,330px);aspect-ratio:1;border:1px solid #34303c;position:relative;transform:rotate(-8deg);transition:transform .8s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#1a1423,#0d0c12)}
.ref-hosting-maintenance .hero .frame:before{content:"";position:absolute;inset:15%;border:1px solid #514361;transform:rotate(23deg)}
.ref-hosting-maintenance .hero .frame:after{content:"";position:absolute;inset:30%;border:1px solid #a38bd4;transform:rotate(-28deg);background:linear-gradient(120deg,#b69aff19,transparent)}
.ref-hosting-maintenance .hero .aside:hover .frame{transform:rotate(7deg)}
.ref-hosting-maintenance .hero .frame .spot{position:absolute;left:50%;top:50%;height:7px;width:7px;border-radius:50%;background:#c6afff;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #a084ef36}
.ref-hosting-maintenance .hero .frame-label{position:absolute;bottom:10px;right:0;color:#77717e;font-size:10px;letter-spacing:.12em}
.ref-hosting-maintenance .what{background:#0e0e13}
.ref-hosting-maintenance .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;margin-bottom:65px}
.ref-hosting-maintenance .intro-split .lead{margin:0}
.ref-hosting-maintenance .service-list{border-top:1px solid #38353f}
.ref-hosting-maintenance .service-row{display:grid;grid-template-columns:55px 1fr 1.15fr 20px;gap:24px;align-items:center;border-bottom:1px solid #38353f;padding:24px 0;transition:background .25s,padding .25s}
.ref-hosting-maintenance .service-row:hover{padding-inline:12px;background:#17141e}
.ref-hosting-maintenance .service-row .n{font-size:11px;color:#7e7987}
.ref-hosting-maintenance .service-row h3{font-size:clamp(17px,1.65vw,24px);line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0}
.ref-hosting-maintenance .service-row p{font-size:13px;line-height:1.6;color:#95919e;margin:0}
.ref-hosting-maintenance .service-row .arrow{color:#766c84;transition:transform .25s,color .25s}
.ref-hosting-maintenance .service-row:hover .arrow{color:var(--violet);transform:translate(3px,-3px)}
.ref-hosting-maintenance .approach{background:var(--bg)}
.ref-hosting-maintenance .approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:78px}
.ref-hosting-maintenance .approach-intro .lead{margin:0}
.ref-hosting-maintenance .approach-intro .lead p{margin:0 0 20px}
.ref-hosting-maintenance .steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34313b;border-bottom:1px solid #34313b}
.ref-hosting-maintenance .step{padding:32px 32px 40px 0;min-height:180px;position:relative}
.ref-hosting-maintenance .step:not(:first-child){border-left:1px solid #34313b;padding-left:32px}
.ref-hosting-maintenance .step .n{font-size:11px;color:#8c819d}
.ref-hosting-maintenance .step h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.05em;font-weight:500;margin:42px 0 0}
.ref-hosting-maintenance .step .line-art{position:absolute;right:35px;top:40px;width:40px;height:40px;border:1px solid #655779;border-radius:50%;transition:transform .5s}
.ref-hosting-maintenance .step:nth-child(2) .line-art{border-radius:0;transform:rotate(45deg)}
.ref-hosting-maintenance .step:nth-child(3) .line-art{border-radius:0;border-color:#a58bd6}
.ref-hosting-maintenance .step:hover .line-art{transform:rotate(135deg)}
.ref-hosting-maintenance .included{background:#0d0e13}
.ref-hosting-maintenance .included-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:62px}
.ref-hosting-maintenance .included-intro .lead{margin:0}
.ref-hosting-maintenance .capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33313a}
.ref-hosting-maintenance .cap{padding:29px 25px 38px 0;border-bottom:1px solid #33313a;min-height:170px}
.ref-hosting-maintenance .cap:not(:nth-child(3n/**/+1)){padding-left:25px;border-left:1px solid #33313a}
.ref-hosting-maintenance .cap .n{color:#857d90;font-size:11px}
.ref-hosting-maintenance .cap h3{font-size:19px;letter-spacing:-.035em;font-weight:500;margin:27px 0 8px}
.ref-hosting-maintenance .cap p{color:#93909c;font-size:13px;margin:0;max-width:290px}
.ref-hosting-maintenance .scope{font-size:11px;color:#797582;margin-top:20px}
.ref-hosting-maintenance .faq{background:#0a0a0e}
.ref-hosting-maintenance .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}
.ref-hosting-maintenance .faq-list{border-top:1px solid #34313b}
.ref-hosting-maintenance .faq details{border-bottom:1px solid #34313b}
.ref-hosting-maintenance .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:clamp(14px,1.4vw,17px);font-weight:500}
.ref-hosting-maintenance .faq summary::-webkit-details-marker{display:none}
.ref-hosting-maintenance .faq summary .plus{font-size:22px;color:#8d7ca7;transition:transform .25s}
.ref-hosting-maintenance .faq details[open] .plus{transform:rotate(45deg)}
.ref-hosting-maintenance .faq .answer{padding:0 42px 25px 0;color:#a39fac;font-size:14px;line-height:1.8;max-width:670px}
.ref-hosting-maintenance .faq .answer p{margin:0}
.ref-hosting-maintenance .close-section{background:radial-gradient(ellipse 55% 70% at 88% 80%,#30203c46,transparent 75%),#0d0d12;min-height:550px;display:flex;align-items:center}
.ref-hosting-maintenance .close-section .closing-content{max-width:740px}
.ref-hosting-maintenance .close-section h2{font-size:clamp(31px,3.8vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:24px 0}
.ref-hosting-maintenance .close-section p{font-size:16px;color:#aaa6b2;max-width:550px;margin:0 0 34px}
.ref-hosting-maintenance footer{border-top:1px solid #302d36;padding-top:65px}
.ref-hosting-maintenance .footer-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}
.ref-hosting-maintenance .footer-cols img{width:135px}
.ref-hosting-maintenance .footer-cols p{font-size:12px;color:#8e8997;max-width:260px}
.ref-hosting-maintenance .footer-cols nav{display:grid;gap:9px;margin-top:18px}
.ref-hosting-maintenance .footer-cols nav a{font-size:12px;color:#aaa5b2}
.ref-hosting-maintenance .footer-cols nav a:hover{color:var(--violet)}
.ref-hosting-maintenance .footer-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:55px;color:#77727f;font-size:11px}
.ref-hosting-maintenance .signature{display:flex;justify-content:center;max-height:190px;overflow:hidden;opacity:.065}
.ref-hosting-maintenance .signature img{width:min(95%,1100px);height:auto}
.ref-hosting-maintenance .menu{position:fixed;inset:0;background:#121018;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .4s,visibility .6s;display:flex;flex-direction:column}
.ref-hosting-maintenance .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-hosting-maintenance .menu-head{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39323f}
.ref-hosting-maintenance .menu-head img{width:125px}
.ref-hosting-maintenance .menu-head button{background:none;border:0;color:white;font-size:13px}
.ref-hosting-maintenance .menu-main{padding:30px var(--pad);display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;flex:1;overflow:auto}
.ref-hosting-maintenance .menu-links{display:grid}
.ref-hosting-maintenance .menu-links a{display:flex;gap:24px;align-items:baseline;border-bottom:1px solid #37313e;padding:13px 0;font-size:clamp(22px,3vw,42px);line-height:1.2;letter-spacing:-.05em;transition:color .2s}
.ref-hosting-maintenance .menu-links a:hover{color:var(--violet)}
.ref-hosting-maintenance .menu-links small{font-size:10px;color:#77717d;letter-spacing:0}
.ref-hosting-maintenance .menu-aside{border-left:1px solid #39313e;padding-left:32px}
.ref-hosting-maintenance .menu-aside strong{font-size:clamp(22px,3vw,40px);letter-spacing:-.05em;font-weight:500;color:#b8a0e0}
.ref-hosting-maintenance .menu-aside p{font-size:12px;color:#88818f}
.ref-hosting-maintenance .menu-foot{padding:20px var(--pad);border-top:1px solid #39313e;display:flex;justify-content:space-between;color:#8b8593;font-size:11px}
.ref-hosting-maintenance .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.ref-hosting-maintenance .reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.ref-hosting-maintenance .hero-inner{grid-template-columns:1fr;padding-block:85px}
.ref-hosting-maintenance .hero .aside{display:none}
.ref-hosting-maintenance .hero{min-height:540px}
.ref-hosting-maintenance .intro-split,.ref-hosting-maintenance .approach-intro,.ref-hosting-maintenance .included-intro,.ref-hosting-maintenance .faq-layout{grid-template-columns:1fr;gap:27px}
.ref-hosting-maintenance .service-row{grid-template-columns:34px 1fr 1fr 16px;gap:15px}
.ref-hosting-maintenance .menu-main{grid-template-columns:1fr}
.ref-hosting-maintenance .menu-aside{display:none}
.ref-hosting-maintenance .section{padding-block:90px}}
@media (max-width:620px){.ref-hosting-maintenance header{height:75px}
.ref-hosting-maintenance .hero h1{font-size:clamp(35px,8.7vw,49px)}
.ref-hosting-maintenance .service-row{grid-template-columns:26px 1fr 14px;padding:20px 0}
.ref-hosting-maintenance .service-row p{grid-column:2;grid-row:2}
.ref-hosting-maintenance .service-row .arrow{grid-column:3;grid-row:1}
.ref-hosting-maintenance .steps,.ref-hosting-maintenance .capabilities{grid-template-columns:1fr}
.ref-hosting-maintenance .step,.ref-hosting-maintenance .step:not(:first-child){border-left:0;border-bottom:1px solid #34313b;padding:22px 0;min-height:135px}
.ref-hosting-maintenance .step h3{margin-top:30px}
.ref-hosting-maintenance .cap,.ref-hosting-maintenance .cap:not(:nth-child(3n/**/+1)){border-left:0;padding:22px 0;min-height:0}
.ref-hosting-maintenance .cap h3{margin-top:16px}
.ref-hosting-maintenance .footer-cols{grid-template-columns:1fr 1fr;gap:35px}
.ref-hosting-maintenance .footer-cols>div:first-child{grid-column:1/-1}
.ref-hosting-maintenance .footer-base{flex-direction:column;gap:8px}
.ref-hosting-maintenance .menu-links a{font-size:clamp(23px,6vw,34px)}}
@media (prefers-reduced-motion:reduce){.ref-hosting-maintenance{scroll-behavior:auto}
.ref-hosting-maintenance *,.ref-hosting-maintenance *:before,.ref-hosting-maintenance *:after{transition:none!important;animation:none!important}
.ref-hosting-maintenance .reveal{opacity:1;transform:none}}
.ref-hosting-maintenance .hero .frame{transform:rotate(-5deg);border-radius:4px;background:linear-gradient(145deg,#171322,#0b0b0f)}
.ref-hosting-maintenance .hero .frame:before{inset:14% 19%;border-radius:5px;transform:none;border-color:#77608f}
.ref-hosting-maintenance .hero .frame:after{inset:31% 34%;border-radius:50%;transform:none;border-color:#b9a1ff}
.ref-hosting-maintenance .hero .aside:hover .frame{transform:rotate(5deg)}
.ref-hosting-maintenance .step-desc{font-size:13px;line-height:1.65;color:#9893a1;max-width:280px;margin:14px 0 0}
.ref-hosting-maintenance .step{min-height:230px}
.ref-hosting-maintenance .step h3{margin-top:35px}
@media (max-width:620px){.ref-hosting-maintenance .step{min-height:0}}
.ref-hosting-maintenance .step-desc{font-size:12px;color:#918b9a;line-height:1.7;max-width:300px;margin-top:14px}
.ref-hosting-maintenance .step{min-height:220px}
.ref-hosting-maintenance .step h3{margin-top:28px}
.ref-interactive-experiences{--bg:#0a0a0e;--panel:#111116;--line:#292930;--ink:#eeedf0;--muted:#9996a2;--violet:#b9a1ff;--pad:clamp(22px,5.5vw,100px)}
.ref-interactive-experiences *{box-sizing:border-box}
.ref-interactive-experiences{scroll-behavior:smooth}
.ref-interactive-experiences{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.7 "DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ref-interactive-experiences button,.ref-interactive-experiences a{font:inherit}
.ref-interactive-experiences a{color:inherit;text-decoration:none}
.ref-interactive-experiences button{cursor:pointer}
.ref-interactive-experiences ::selection{background:#9e7df0;color:#09090d}
.ref-interactive-experiences .wrap{width:min(100%,1500px);padding-inline:var(--pad);margin-inline:auto}
.ref-interactive-experiences .tag{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#92909a}
.ref-interactive-experiences .line{height:1px;background:var(--line);flex:1}
.ref-interactive-experiences .section{padding-block:clamp(92px,11vw,166px)}
.ref-interactive-experiences .section-top{display:flex;gap:18px;align-items:center;margin-bottom:53px}
.ref-interactive-experiences .section-top .tag:last-child{color:#6f6c79}
.ref-interactive-experiences .heading{font-size:clamp(29px,3.5vw,52px);line-height:1.17;letter-spacing:-.052em;font-weight:500;margin:0}
.ref-interactive-experiences .lead{font-size:clamp(15px,1.3vw,18px);line-height:1.85;color:#a6a3ad}
.ref-interactive-experiences .cta{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #85808d;padding:0 0 9px;font-weight:600;font-size:13px;transition:color .25s,border-color .25s}
.ref-interactive-experiences .cta:hover{color:var(--violet);border-color:var(--violet)}
.ref-interactive-experiences .cta b{font-size:17px;font-weight:400;transition:transform .25s}
.ref-interactive-experiences .cta:hover b{transform:translate(4px,-4px)}
.ref-interactive-experiences header{height:86px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
.ref-interactive-experiences header img{width:123px;display:block}
.ref-interactive-experiences header button{border:0;color:var(--ink);background:none;display:flex;gap:16px;align-items:center;font-size:13px}
.ref-interactive-experiences .burger{width:22px;display:grid;gap:5px}
.ref-interactive-experiences .burger i{height:1px;background:currentColor;display:block}
.ref-interactive-experiences .hero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.ref-interactive-experiences .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 38% 46% at 78% 42%,#3e265232,transparent 75%);pointer-events:none}
.ref-interactive-experiences .hero-inner{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:6%;padding-block:100px 105px}
.ref-interactive-experiences .hero h1{font-size:clamp(37px,4.65vw,70px);letter-spacing:-.065em;line-height:1.12;font-weight:500;max-width:800px;margin:28px 0 29px}
.ref-interactive-experiences .hero h1 span{color:var(--violet)}
.ref-interactive-experiences .hero p{max-width:510px;color:#a9a5b0;font-size:clamp(15px,1.35vw,18px);margin:0 0 32px}
.ref-interactive-experiences .hero .aside{display:grid;align-items:center;justify-items:center;position:relative;min-height:340px}
.ref-interactive-experiences .hero .frame{width:min(100%,330px);aspect-ratio:1;border:1px solid #34303c;position:relative;transform:rotate(-8deg);transition:transform .8s cubic-bezier(.2,.8,.2,1);background:linear-gradient(135deg,#1a1423,#0d0c12)}
.ref-interactive-experiences .hero .frame:before{content:"";position:absolute;inset:15%;border:1px solid #514361;transform:rotate(23deg)}
.ref-interactive-experiences .hero .frame:after{content:"";position:absolute;inset:30%;border:1px solid #a38bd4;transform:rotate(-28deg);background:linear-gradient(120deg,#b69aff19,transparent)}
.ref-interactive-experiences .hero .aside:hover .frame{transform:rotate(7deg)}
.ref-interactive-experiences .hero .frame .spot{position:absolute;left:50%;top:50%;height:7px;width:7px;border-radius:50%;background:#c6afff;transform:translate(-50%,-50%);box-shadow:0 0 30px 10px #a084ef36}
.ref-interactive-experiences .hero .frame-label{position:absolute;bottom:10px;right:0;color:#77717e;font-size:10px;letter-spacing:.12em}
.ref-interactive-experiences .what{background:#0e0e13}
.ref-interactive-experiences .intro-split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;margin-bottom:65px}
.ref-interactive-experiences .intro-split .lead{margin:0}
.ref-interactive-experiences .service-list{border-top:1px solid #38353f}
.ref-interactive-experiences .service-row{display:grid;grid-template-columns:55px 1fr 1.15fr 20px;gap:24px;align-items:center;border-bottom:1px solid #38353f;padding:24px 0;transition:background .25s,padding .25s}
.ref-interactive-experiences .service-row:hover{padding-inline:12px;background:#17141e}
.ref-interactive-experiences .service-row .n{font-size:11px;color:#7e7987}
.ref-interactive-experiences .service-row h3{font-size:clamp(17px,1.65vw,24px);line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:0}
.ref-interactive-experiences .service-row p{font-size:13px;line-height:1.6;color:#95919e;margin:0}
.ref-interactive-experiences .service-row .arrow{color:#766c84;transition:transform .25s,color .25s}
.ref-interactive-experiences .service-row:hover .arrow{color:var(--violet);transform:translate(3px,-3px)}
.ref-interactive-experiences .approach{background:var(--bg)}
.ref-interactive-experiences .approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:78px}
.ref-interactive-experiences .approach-intro .lead{margin:0}
.ref-interactive-experiences .approach-intro .lead p{margin:0 0 20px}
.ref-interactive-experiences .steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #34313b;border-bottom:1px solid #34313b}
.ref-interactive-experiences .step{padding:32px 32px 40px 0;min-height:180px;position:relative}
.ref-interactive-experiences .step:not(:first-child){border-left:1px solid #34313b;padding-left:32px}
.ref-interactive-experiences .step .n{font-size:11px;color:#8c819d}
.ref-interactive-experiences .step h3{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.05em;font-weight:500;margin:42px 0 0}
.ref-interactive-experiences .step .line-art{position:absolute;right:35px;top:40px;width:40px;height:40px;border:1px solid #655779;border-radius:50%;transition:transform .5s}
.ref-interactive-experiences .step:nth-child(2) .line-art{border-radius:0;transform:rotate(45deg)}
.ref-interactive-experiences .step:nth-child(3) .line-art{border-radius:0;border-color:#a58bd6}
.ref-interactive-experiences .step:hover .line-art{transform:rotate(135deg)}
.ref-interactive-experiences .included{background:#0d0e13}
.ref-interactive-experiences .included-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:62px}
.ref-interactive-experiences .included-intro .lead{margin:0}
.ref-interactive-experiences .capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33313a}
.ref-interactive-experiences .cap{padding:29px 25px 38px 0;border-bottom:1px solid #33313a;min-height:170px}
.ref-interactive-experiences .cap:not(:nth-child(3n/**/+1)){padding-left:25px;border-left:1px solid #33313a}
.ref-interactive-experiences .cap .n{color:#857d90;font-size:11px}
.ref-interactive-experiences .cap h3{font-size:19px;letter-spacing:-.035em;font-weight:500;margin:27px 0 8px}
.ref-interactive-experiences .cap p{color:#93909c;font-size:13px;margin:0;max-width:290px}
.ref-interactive-experiences .scope{font-size:11px;color:#797582;margin-top:20px}
.ref-interactive-experiences .faq{background:#0a0a0e}
.ref-interactive-experiences .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}
.ref-interactive-experiences .faq-list{border-top:1px solid #34313b}
.ref-interactive-experiences .faq details{border-bottom:1px solid #34313b}
.ref-interactive-experiences .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:clamp(14px,1.4vw,17px);font-weight:500}
.ref-interactive-experiences .faq summary::-webkit-details-marker{display:none}
.ref-interactive-experiences .faq summary .plus{font-size:22px;color:#8d7ca7;transition:transform .25s}
.ref-interactive-experiences .faq details[open] .plus{transform:rotate(45deg)}
.ref-interactive-experiences .faq .answer{padding:0 42px 25px 0;color:#a39fac;font-size:14px;line-height:1.8;max-width:670px}
.ref-interactive-experiences .faq .answer p{margin:0}
.ref-interactive-experiences .close-section{background:radial-gradient(ellipse 55% 70% at 88% 80%,#30203c46,transparent 75%),#0d0d12;min-height:550px;display:flex;align-items:center}
.ref-interactive-experiences .close-section .closing-content{max-width:740px}
.ref-interactive-experiences .close-section h2{font-size:clamp(31px,3.8vw,58px);line-height:1.2;letter-spacing:-.055em;font-weight:500;margin:24px 0}
.ref-interactive-experiences .close-section p{font-size:16px;color:#aaa6b2;max-width:550px;margin:0 0 34px}
.ref-interactive-experiences footer{border-top:1px solid #302d36;padding-top:65px}
.ref-interactive-experiences .footer-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:55px}
.ref-interactive-experiences .footer-cols img{width:135px}
.ref-interactive-experiences .footer-cols p{font-size:12px;color:#8e8997;max-width:260px}
.ref-interactive-experiences .footer-cols nav{display:grid;gap:9px;margin-top:18px}
.ref-interactive-experiences .footer-cols nav a{font-size:12px;color:#aaa5b2}
.ref-interactive-experiences .footer-cols nav a:hover{color:var(--violet)}
.ref-interactive-experiences .footer-base{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:55px;color:#77727f;font-size:11px}
.ref-interactive-experiences .signature{display:flex;justify-content:center;max-height:190px;overflow:hidden;opacity:.065}
.ref-interactive-experiences .signature img{width:min(95%,1100px);height:auto}
.ref-interactive-experiences .menu{position:fixed;inset:0;background:#121018;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .4s,visibility .6s;display:flex;flex-direction:column}
.ref-interactive-experiences .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-interactive-experiences .menu-head{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #39323f}
.ref-interactive-experiences .menu-head img{width:125px}
.ref-interactive-experiences .menu-head button{background:none;border:0;color:white;font-size:13px}
.ref-interactive-experiences .menu-main{padding:30px var(--pad);display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;flex:1;overflow:auto}
.ref-interactive-experiences .menu-links{display:grid}
.ref-interactive-experiences .menu-links a{display:flex;gap:24px;align-items:baseline;border-bottom:1px solid #37313e;padding:13px 0;font-size:clamp(22px,3vw,42px);line-height:1.2;letter-spacing:-.05em;transition:color .2s}
.ref-interactive-experiences .menu-links a:hover{color:var(--violet)}
.ref-interactive-experiences .menu-links small{font-size:10px;color:#77717d;letter-spacing:0}
.ref-interactive-experiences .menu-aside{border-left:1px solid #39313e;padding-left:32px}
.ref-interactive-experiences .menu-aside strong{font-size:clamp(22px,3vw,40px);letter-spacing:-.05em;font-weight:500;color:#b8a0e0}
.ref-interactive-experiences .menu-aside p{font-size:12px;color:#88818f}
.ref-interactive-experiences .menu-foot{padding:20px var(--pad);border-top:1px solid #39313e;display:flex;justify-content:space-between;color:#8b8593;font-size:11px}
.ref-interactive-experiences .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.ref-interactive-experiences .reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.ref-interactive-experiences .hero-inner{grid-template-columns:1fr;padding-block:85px}
.ref-interactive-experiences .hero .aside{display:none}
.ref-interactive-experiences .hero{min-height:540px}
.ref-interactive-experiences .intro-split,.ref-interactive-experiences .approach-intro,.ref-interactive-experiences .included-intro,.ref-interactive-experiences .faq-layout{grid-template-columns:1fr;gap:27px}
.ref-interactive-experiences .service-row{grid-template-columns:34px 1fr 1fr 16px;gap:15px}
.ref-interactive-experiences .menu-main{grid-template-columns:1fr}
.ref-interactive-experiences .menu-aside{display:none}
.ref-interactive-experiences .section{padding-block:90px}}
@media (max-width:620px){.ref-interactive-experiences header{height:75px}
.ref-interactive-experiences .hero h1{font-size:clamp(35px,8.7vw,49px)}
.ref-interactive-experiences .service-row{grid-template-columns:26px 1fr 14px;padding:20px 0}
.ref-interactive-experiences .service-row p{grid-column:2;grid-row:2}
.ref-interactive-experiences .service-row .arrow{grid-column:3;grid-row:1}
.ref-interactive-experiences .steps,.ref-interactive-experiences .capabilities{grid-template-columns:1fr}
.ref-interactive-experiences .step,.ref-interactive-experiences .step:not(:first-child){border-left:0;border-bottom:1px solid #34313b;padding:22px 0;min-height:135px}
.ref-interactive-experiences .step h3{margin-top:30px}
.ref-interactive-experiences .cap,.ref-interactive-experiences .cap:not(:nth-child(3n/**/+1)){border-left:0;padding:22px 0;min-height:0}
.ref-interactive-experiences .cap h3{margin-top:16px}
.ref-interactive-experiences .footer-cols{grid-template-columns:1fr 1fr;gap:35px}
.ref-interactive-experiences .footer-cols>div:first-child{grid-column:1/-1}
.ref-interactive-experiences .footer-base{flex-direction:column;gap:8px}
.ref-interactive-experiences .menu-links a{font-size:clamp(23px,6vw,34px)}}
@media (prefers-reduced-motion:reduce){.ref-interactive-experiences{scroll-behavior:auto}
.ref-interactive-experiences *,.ref-interactive-experiences *:before,.ref-interactive-experiences *:after{transition:none!important;animation:none!important}
.ref-interactive-experiences .reveal{opacity:1;transform:none}}
.ref-interactive-experiences .hero .frame{transform:rotate(-5deg);border-radius:4px;background:linear-gradient(145deg,#171322,#0b0b0f)}
.ref-interactive-experiences .hero .frame:before{inset:14% 19%;border-radius:5px;transform:none;border-color:#77608f}
.ref-interactive-experiences .hero .frame:after{inset:31% 34%;border-radius:50%;transform:none;border-color:#b9a1ff}
.ref-interactive-experiences .hero .aside:hover .frame{transform:rotate(5deg)}
.ref-interactive-experiences .step-desc{font-size:13px;line-height:1.65;color:#9893a1;max-width:280px;margin:14px 0 0}
.ref-interactive-experiences .step{min-height:230px}
.ref-interactive-experiences .step h3{margin-top:35px}
@media (max-width:620px){.ref-interactive-experiences .step{min-height:0}}
@media (min-width:901px){.ref-interactive-experiences .hero .frame{border-radius:50%;transform:rotate(-8deg);animation:orb 12s ease-in-out infinite alternate}
.ref-interactive-experiences .hero .frame:before{border-radius:50%}
.ref-interactive-experiences .hero .frame:after{border-radius:50%}}
@keyframes  orb{to{transform:rotate(24deg) scale(.92)}}
.ref-interactive-experiences .what .service-row:hover{background:linear-gradient(90deg,#22162a,#111116)}
@media (prefers-reduced-motion:reduce){.ref-interactive-experiences .hero .frame{animation:none}}
[class^="ref-"] .reveal{opacity:1;transform:none}.ref-about .certificate{margin:0;padding:24px;background:#11121a;border:1px solid #292a33}.ref-about .certificate img{width:100%;height:130px;object-fit:contain}.ref-about .certificate figcaption{font-size:11px;color:#aaa;margin-top:15px}

.ref-contact .channel{grid-template-columns:170px minmax(0,1fr) auto}.ref-contact .channel>div{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.ref-contact .channel{grid-template-columns:minmax(0,1fr) 28px}.ref-contact .channel>div{grid-column:1;grid-row:2}.ref-contact .channel .type{grid-column:1;grid-row:1}.ref-contact .section{padding-inline:0}}


/* Our Approach: meaningful line icons replace legacy circle/diamond/square motifs. */
.ref-custom-websites .step .line-art,
.ref-shopify .step .line-art,
.ref-google-business-profile .step .line-art,
.ref-hosting-maintenance .step .line-art,
.ref-interactive-experiences .step .line-art,
.ref-custom-websites .step:nth-child(2) .line-art,
.ref-shopify .step:nth-child(2) .line-art,
.ref-google-business-profile .step:nth-child(2) .line-art,
.ref-hosting-maintenance .step:nth-child(2) .line-art,
.ref-interactive-experiences .step:nth-child(2) .line-art,
.ref-custom-websites .step:nth-child(3) .line-art,
.ref-shopify .step:nth-child(3) .line-art,
.ref-google-business-profile .step:nth-child(3) .line-art,
.ref-hosting-maintenance .step:nth-child(3) .line-art,
.ref-interactive-experiences .step:nth-child(3) .line-art {
  border:0;
  border-radius:0;
  transform:none;
  color:#9f8ab9;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .3s ease,transform .35s ease;
}
.approach .step .line-art svg{width:35px;height:35px;display:block;overflow:visible}
.ref-custom-websites .step:hover .line-art,
.ref-shopify .step:hover .line-art,
.ref-google-business-profile .step:hover .line-art,
.ref-hosting-maintenance .step:hover .line-art,
.ref-interactive-experiences .step:hover .line-art{
  transform:translateY(-3px);
  color:#d6b9ff;
}
@media (prefers-reduced-motion:reduce){
  .approach .step .line-art{transition:none!important;transform:none!important}
}

.ref-work{--bg:#0b0a0f;--fg:#f1eef3;--muted:#aaa4b2;--line:#38323e;--violet:#b9a4fa;--pad:clamp(22px,5.5vw,95px)}
.ref-work *{box-sizing:border-box}
.ref-work{scroll-behavior:smooth}
.ref-work{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-work a{color:inherit;text-decoration:none}
.ref-work button{font:inherit;cursor:pointer}
.ref-work a:focus-visible,.ref-work button:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.ref-work .wrap{max-width:1540px;margin:auto;padding-inline:var(--pad)}
.ref-work .header{height:84px;display:flex;align-items:center;justify-content:space-between}
.ref-work .header img,.ref-work .footer img{width:126px}
.ref-work .header button{background:none;border:0;color:white}
.ref-work .tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a7a0b2;font-weight:600}
.ref-work .hero{padding-block:clamp(100px,12vw,180px) clamp(85px,9vw,130px);border-bottom:1px solid var(--line)}
.ref-work .hero h1{font-size:clamp(51px,6.5vw,104px);line-height:1.03;letter-spacing:-.075em;font-weight:500;max-width:1200px;margin:30px 0}
.ref-work .hero p{font-size:clamp(17px,1.45vw,21px);color:var(--muted);max-width:650px}
.ref-work .section{padding-block:clamp(80px,9vw,130px)}
.ref-work .section h2{font-size:clamp(34px,4.4vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.14;margin:22px 0}
.ref-work .lead{font-size:clamp(17px,1.5vw,21px);color:var(--muted);max-width:750px}
.ref-work .work-head{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:25px 0;margin:60px 0 0}
.ref-work .work-head p{margin:0;color:var(--muted);font-size:12px}
.ref-work .work-item{padding:clamp(55px,7vw,105px) 0;border-bottom:1px solid var(--line)}
.ref-work .work-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.ref-work .work-meta span{font-size:11px;letter-spacing:.15em;color:var(--muted)}
.ref-work .work-image{height:clamp(320px,48vw,710px);position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #393442;background:radial-gradient(ellipse at 55% 50%,var(--glow,#28223d),#101016 75%)}
.ref-work .work-image:before{content:"";width:45%;aspect-ratio:1;position:absolute;border:1px solid #85739b65;transform:rotate(30deg)}
.ref-work .work-image:after{content:"";width:30%;aspect-ratio:1;position:absolute;border:1px solid #85739b55;transform:rotate(-23deg)}
.ref-work .work-image strong{position:relative;font-size:clamp(30px,5vw,80px);font-weight:500;letter-spacing:-.06em;opacity:.65}
.ref-work .work-image small{position:absolute;bottom:24px;left:25px;font-size:10px;letter-spacing:.16em;color:#a8a0b1}
.ref-work .work-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:27px}
.ref-work .work-bottom h3{font-size:clamp(29px,3.4vw,50px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}
.ref-work .work-bottom p{color:var(--muted);font-size:13px;margin:0}
.ref-work .round-arrow{width:51px;height:51px;border:1px solid #706978;border-radius:50%;display:grid;place-items:center;font-size:21px;flex:none}
.ref-work .work-item:hover .round-arrow{background:var(--violet);color:#100e15}
.ref-work .footer{padding-block:48px 25px;border-top:1px solid var(--line)}
.ref-work .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-work .foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-work .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:11px;color:#807987}
.ref-work .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-work .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-work .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-work .menu-top img{width:126px}
.ref-work .menu-top button{background:none;color:white;border:0}
.ref-work .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-work .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-work .menu-links a:hover{color:var(--violet)}
.ref-work .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-work .breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.ref-work .study-hero{padding-top:80px;padding-bottom:75px}
.ref-work .study-hero h1{font-size:clamp(55px,7.5vw,122px);font-weight:500;letter-spacing:-.07em;line-height:1.02;margin:32px 0}
.ref-work .study-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:55px}
.ref-work .study-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.ref-work .study-details dd{margin:10px 0;font-size:15px}
.ref-work .image-caption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:11px;color:var(--muted)}
.ref-work .story-header{margin-bottom:80px}
.ref-work .story-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line);padding:45px 0}
.ref-work .story-grid h3{font:400 clamp(31px,3vw,48px)/1.16 "Newsreader",serif;margin:0}
.ref-work .story-grid p{font:400 clamp(19px,1.65vw,24px)/1.65 "Newsreader",serif;color:#d9d3df;max-width:770px;margin:0}
.ref-work .draft{display:block;font:400 12px/1.6 "DM Sans",sans-serif;color:#a29aab;margin-top:24px}
.ref-work .showcase-block{margin:55px 0 110px}
.ref-work .showcase-block .work-image{height:clamp(290px,43vw,660px)}
.ref-work .showcase-split{display:grid;grid-template-columns:1.35fr .65fr;gap:25px}
.ref-work .showcase-split .work-image{height:clamp(300px,36vw,570px)}
.ref-work .showcase-split .vertical{height:clamp(360px,48vw,710px)}
.ref-work .end{background:#121017;padding-block:clamp(90px,10vw,145px)}
.ref-work .end h2{font-size:clamp(35px,4.4vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:22px 0}
.ref-work .end p{color:var(--muted);max-width:650px}
.ref-work .link{display:inline-flex;gap:15px;border-bottom:1px solid #99909e;padding-bottom:8px;margin-top:28px;font-size:13px;font-weight:600}
.ref-work .notice{border-left:2px solid #7b668f;padding:14px 23px;background:#17131c;color:#b8aebe;font-size:12px;max-width:850px;margin-top:28px}
@media (max-width:760px){.ref-work .header{height:72px}
.ref-work .work-image{height:360px}
.ref-work .study-details{grid-template-columns:1fr;gap:15px}
.ref-work .story-grid{grid-template-columns:1fr;gap:18px}
.ref-work .story-header{margin-bottom:35px}
.ref-work .showcase-split{grid-template-columns:1fr}
.ref-work .showcase-split .vertical{height:480px}
.ref-work .showcase-block{margin:30px 0 65px}
.ref-work .study-hero{padding-top:60px}}
@media (prefers-reduced-motion:reduce){.ref-work{scroll-behavior:auto}
.ref-work *,.ref-work *:before,.ref-work *:after{transition:none!important}}
.ref-work .work-editorial-hero{padding:clamp(90px,11vw,170px) 0 28px;border-bottom:1px solid var(--line)}
.ref-work .work-hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.65fr);gap:5%;align-items:end;margin-top:36px}
.ref-work .work-editorial-hero h1{font:400 clamp(67px,9.2vw,148px)/.98 "Newsreader",Georgia,serif;letter-spacing:-.072em;margin:0;white-space:nowrap}
.ref-work .hero-period{color:var(--violet)}
.ref-work .hero-aside{padding-bottom:12px}
.ref-work .hero-rule{display:block;width:45px;height:1px;background:var(--violet);margin-bottom:25px}
.ref-work .hero-aside p{font-size:clamp(15px,1.2vw,18px);line-height:1.7;color:#d0cad6;margin:0 0 22px}
.ref-work .hero-note{font-size:11px;color:var(--muted)}
.ref-work .work-hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(75px,10vw,145px);font-size:10px;letter-spacing:.16em;color:#a49aaf}
.ref-work .work-collection{padding:clamp(85px,9vw,135px) 0 100px}
.ref-work .collection-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}
.ref-work .collection-heading h2{font:400 clamp(43px,5.3vw,78px)/1.07 "Newsreader",Georgia,serif;letter-spacing:-.055em;margin:22px 0 0}
.ref-work .collection-count{display:flex;gap:13px;align-items:center}
.ref-work .collection-count strong{font:400 45px/1 "Newsreader",serif;color:var(--violet)}
.ref-work .collection-count span{font-size:10px;letter-spacing:.15em;color:var(--muted);max-width:65px;line-height:1.5}
.ref-work .collection-intro{max-width:620px;color:var(--muted);margin:24px 0 48px;font-size:15px}
.ref-work .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 22px}
.ref-work .project-link{display:block}
.ref-work .project-card{min-width:0}
.ref-work .project-visual{height:auto;aspect-ratio:1.55;position:relative;overflow:hidden;border:1px solid #48414c;background:radial-gradient(ellipse at 62% 45%,var(--project-tone),#101015 78%)}
.ref-work .project-visual-inner{position:absolute;inset:0;display:grid;place-items:center;transition:transform .4s ease}
.ref-work .project-visual-inner:before,.ref-work .project-visual-inner:after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid #aaa0bc4f;transform:rotate(28deg)}
.ref-work .project-visual-inner:after{width:27%;transform:rotate(-18deg)}
.ref-work .project-monogram{font:400 clamp(65px,9vw,130px)/1 "Newsreader",serif;letter-spacing:-.06em;color:#d6c8e4aa}
.ref-work .project-crosshair{position:absolute;right:20px;top:15px;color:#9d8eab;font-size:18px}
.ref-work .visual-caption{position:absolute;bottom:13px;left:15px;font-size:9px;letter-spacing:.14em;color:#b7aebe}
.ref-work .project-identifier{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#a49cad;margin-top:18px}
.ref-work .project-identifier span:last-child{text-align:right}
.ref-work .project-info h3{font:400 clamp(26px,2.5vw,36px)/1.12 "Newsreader",serif;letter-spacing:-.025em;margin:14px 0 5px}
.ref-work .project-info p{color:var(--muted);font-size:12px;margin:0}
.ref-work .project-action{font-size:11px;color:#d5c4ff;margin-top:17px;border-top:1px solid #39323f;padding-top:12px}
.ref-work .project-link:hover .project-visual-inner{transform:scale(1.055)}
.ref-work .project-link:hover h3{color:var(--violet)}
.ref-work .collection-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:75px;padding-top:25px;font-size:10px;letter-spacing:.15em;color:#a69cab}
.ref-work .collection-foot a:hover{color:white}
.ref-work .work-closing{background:#141119;padding:clamp(90px,10vw,145px) 0}
.ref-work .work-closing h2{font:400 clamp(47px,6vw,92px)/1.06 "Newsreader",serif;letter-spacing:-.055em;margin:28px 0}
.ref-work .work-closing h2 em{font-weight:400;color:var(--violet)}
.ref-work .work-closing p{color:var(--muted);max-width:570px;font-size:16px}
@media (max-width:1050px){.ref-work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ref-work .work-hero-grid{grid-template-columns:1fr;gap:32px}
.ref-work .work-editorial-hero h1{white-space:normal}
.ref-work .hero-aside{max-width:550px}}
@media (max-width:620px){.ref-work .work-editorial-hero{padding-top:90px}
.ref-work .work-editorial-hero h1{font-size:clamp(58px,14vw,85px)}
.ref-work .work-hero-bottom{margin-top:70px;font-size:9px}
.ref-work .project-grid{grid-template-columns:1fr;gap:42px}
.ref-work .project-visual{aspect-ratio:1.65}
.ref-work .project-info h3{font-size:31px}
.ref-work .collection-count strong{font-size:37px}
.ref-work .collection-heading{align-items:center}
.ref-work .collection-heading h2{font-size:45px}
.ref-work .work-collection{padding-bottom:70px}
.ref-work .collection-foot{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.ref-work .project-visual-inner{transition:none}}
.ref-products{--bg:#0b0b0f;--fg:#ebeaf0;--dim:#9b98a5;--line:#34313b;--accent:#b6a0fa;--pad:clamp(23px,5.5vw,95px)}
.ref-products *{box-sizing:border-box}
.ref-products{scroll-behavior:smooth}
.ref-products{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-products a{color:inherit;text-decoration:none}
.ref-products button{font:inherit;cursor:pointer}
.ref-products .wrap{max-width:1510px;padding:0 var(--pad);margin:auto}
.ref-products .tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#9994a4;font-weight:600}
.ref-products .header{height:84px;display:flex;justify-content:space-between;align-items:center}
.ref-products .header img,.ref-products .footer img{width:126px;height:auto}
.ref-products .header button{background:none;color:var(--fg);border:0;font-size:13px}
.ref-products .hero{padding-block:clamp(105px,13vw,190px) clamp(90px,12vw,160px);border-bottom:1px solid var(--line);position:relative}
.ref-products .hero h1{font-weight:500;font-size:clamp(39px,5vw,76px);line-height:1.12;letter-spacing:-.065em;max-width:1010px;margin:30px 0}
.ref-products .hero p{font-size:clamp(16px,1.4vw,20px);color:var(--dim);max-width:580px;margin:0}
.ref-products .section{padding-block:clamp(90px,11vw,165px)}
.ref-products .section-title{font-weight:500;font-size:clamp(29px,3.5vw,51px);line-height:1.2;letter-spacing:-.05em;margin:22px 0}
.ref-products .lead{max-width:660px;color:var(--dim);font-size:clamp(15px,1.4vw,19px)}
.ref-products .product{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding:65px 0}
.ref-products .product:last-child{border-bottom:1px solid var(--line)}
.ref-products .product h3{font-size:clamp(28px,3vw,47px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:18px 0}
.ref-products .product p{max-width:430px;color:var(--dim);font-size:16px}
.ref-products .link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #857f93;padding-bottom:8px;font-size:13px;font-weight:600;margin-top:20px}
.ref-products .link:hover{color:var(--accent);border-color:var(--accent)}
.ref-products .art{--tone:#b6a0fa;min-height:clamp(300px,35vw,490px);position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--tone) 14%,transparent),transparent 68%),#111117;border:1px solid #2a2832;overflow:hidden}
.ref-products .art:before,.ref-products .art:after{content:"";position:absolute;width:48%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);transform:rotate(30deg);transition:transform .8s}
.ref-products .art:after{width:31%;transform:rotate(-25deg)}
.ref-products .art:hover:before{transform:rotate(65deg)}
.ref-products .art:hover:after{transform:rotate(-70deg)}
.ref-products .art b{font-size:clamp(70px,9vw,155px);line-height:1;color:var(--tone);font-weight:500;letter-spacing:-.12em;z-index:1;opacity:.85}
.ref-products .art small{position:absolute;bottom:22px;left:25px;font-size:10px;letter-spacing:.15em;color:#77717e}
.ref-products .end{background:#101016}
.ref-products .end h2{font-size:clamp(30px,4vw,61px);font-weight:500;letter-spacing:-.055em;line-height:1.18;margin:25px 0}
.ref-products .end p{color:var(--dim);max-width:550px}
.ref-products .footer{border-top:1px solid var(--line);padding-block:50px 30px}
.ref-products .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-products .foot-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--dim)}
.ref-products .foot-links a:hover{color:white}
.ref-products .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:45px;color:#787480;font-size:11px}
.ref-products .breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#9b96a2}
.ref-products .breadcrumb a:hover{color:white}
.ref-products .detail-hero{padding-top:95px;padding-bottom:75px}
.ref-products .detail-hero h1{font-size:clamp(47px,6vw,90px)}
.ref-products .detail-hero .art{margin-top:65px;min-height:clamp(280px,45vw,570px)}
.ref-products .detail-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%;align-items:start}
.ref-products .detail-layout .lead{margin-top:0}
.ref-products .preview-note{border-top:1px solid var(--line);padding-top:30px;color:#8e8998;font-size:13px}
.ref-products .related{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}
.ref-products .related a{border:1px solid var(--line);padding:26px;font-size:20px;letter-spacing:-.03em;transition:border-color .2s}
.ref-products .related a:hover{border-color:var(--accent)}
.ref-products .related a span{display:block;font-size:11px;color:var(--dim);letter-spacing:0;margin-top:12px}
.ref-products .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-products .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-products .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-products .menu-top img{width:126px}
.ref-products .menu-top button{background:none;color:white;border:0}
.ref-products .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-products .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-products .menu-links a:hover{color:var(--accent)}
.ref-products .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-products .reveal{opacity:0;transform:translateY(17px);transition:opacity .65s,transform .65s}
.ref-products .reveal.visible{opacity:1;transform:none}
@media (max-width:750px){.ref-products .header{height:72px}
.ref-products .hero{padding-block:100px}
.ref-products .product,.ref-products .detail-layout{grid-template-columns:1fr;gap:35px}
.ref-products .product{padding:48px 0}
.ref-products .product .art{grid-row:1;min-height:320px}
.ref-products .related{grid-template-columns:1fr}
.ref-products .detail-hero{padding-top:70px}
.ref-products .detail-hero .art{margin-top:45px}
.ref-products .art b{font-size:100px}}
@media (prefers-reduced-motion:reduce){.ref-products{scroll-behavior:auto}
.ref-products *,.ref-products *:before,.ref-products *:after{transition:none!important}
.ref-products .reveal{opacity:1;transform:none}}
.ref-products .feature-list{border-top:1px solid var(--line);margin-top:38px}
.ref-products .feature{display:grid;grid-template-columns:45px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:23px 0}
.ref-products .feature h3{font-size:19px;font-weight:500;letter-spacing:-.035em;margin:0 0 5px}
.ref-products .feature p{font-size:14px;color:var(--dim);margin:0}
.ref-products .detail-hero .link{margin-top:35px}
.ref-products .product .art{min-height:clamp(230px,26vw,340px)}
.ref-product{--bg:#0b0b0f;--fg:#ebeaf0;--dim:#9b98a5;--line:#34313b;--accent:#b6a0fa;--pad:clamp(23px,5.5vw,95px)}
.ref-product *{box-sizing:border-box}
.ref-product{scroll-behavior:smooth}
.ref-product{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-product a{color:inherit;text-decoration:none}
.ref-product button{font:inherit;cursor:pointer}
.ref-product .wrap{max-width:1510px;padding:0 var(--pad);margin:auto}
.ref-product .tag{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#9994a4;font-weight:600}
.ref-product .header{height:84px;display:flex;justify-content:space-between;align-items:center}
.ref-product .header img,.ref-product .footer img{width:126px;height:auto}
.ref-product .header button{background:none;color:var(--fg);border:0;font-size:13px}
.ref-product .hero{padding-block:clamp(105px,13vw,190px) clamp(90px,12vw,160px);border-bottom:1px solid var(--line);position:relative}
.ref-product .hero h1{font-weight:500;font-size:clamp(39px,5vw,76px);line-height:1.12;letter-spacing:-.065em;max-width:1010px;margin:30px 0}
.ref-product .hero p{font-size:clamp(16px,1.4vw,20px);color:var(--dim);max-width:580px;margin:0}
.ref-product .section{padding-block:clamp(90px,11vw,165px)}
.ref-product .section-title{font-weight:500;font-size:clamp(29px,3.5vw,51px);line-height:1.2;letter-spacing:-.05em;margin:22px 0}
.ref-product .lead{max-width:660px;color:var(--dim);font-size:clamp(15px,1.4vw,19px)}
.ref-product .product{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding:65px 0}
.ref-product .product:last-child{border-bottom:1px solid var(--line)}
.ref-product .product h3{font-size:clamp(28px,3vw,47px);font-weight:500;letter-spacing:-.05em;line-height:1.15;margin:18px 0}
.ref-product .product p{max-width:430px;color:var(--dim);font-size:16px}
.ref-product .link{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #857f93;padding-bottom:8px;font-size:13px;font-weight:600;margin-top:20px}
.ref-product .link:hover{color:var(--accent);border-color:var(--accent)}
.ref-product .art{--tone:#b6a0fa;min-height:clamp(300px,35vw,490px);position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--tone) 14%,transparent),transparent 68%),#111117;border:1px solid #2a2832;overflow:hidden}
.ref-product .art:before,.ref-product .art:after{content:"";position:absolute;width:48%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);transform:rotate(30deg);transition:transform .8s}
.ref-product .art:after{width:31%;transform:rotate(-25deg)}
.ref-product .art:hover:before{transform:rotate(65deg)}
.ref-product .art:hover:after{transform:rotate(-70deg)}
.ref-product .art b{font-size:clamp(70px,9vw,155px);line-height:1;color:var(--tone);font-weight:500;letter-spacing:-.12em;z-index:1;opacity:.85}
.ref-product .art small{position:absolute;bottom:22px;left:25px;font-size:10px;letter-spacing:.15em;color:#77717e}
.ref-product .end{background:#101016}
.ref-product .end h2{font-size:clamp(30px,4vw,61px);font-weight:500;letter-spacing:-.055em;line-height:1.18;margin:25px 0}
.ref-product .end p{color:var(--dim);max-width:550px}
.ref-product .footer{border-top:1px solid var(--line);padding-block:50px 30px}
.ref-product .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-product .foot-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--dim)}
.ref-product .foot-links a:hover{color:white}
.ref-product .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:45px;color:#787480;font-size:11px}
.ref-product .breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#9b96a2}
.ref-product .breadcrumb a:hover{color:white}
.ref-product .detail-hero{padding-top:95px;padding-bottom:75px}
.ref-product .detail-hero h1{font-size:clamp(47px,6vw,90px)}
.ref-product .detail-hero .art{margin-top:65px;min-height:clamp(280px,45vw,570px)}
.ref-product .detail-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%;align-items:start}
.ref-product .detail-layout .lead{margin-top:0}
.ref-product .preview-note{border-top:1px solid var(--line);padding-top:30px;color:#8e8998;font-size:13px}
.ref-product .related{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}
.ref-product .related a{border:1px solid var(--line);padding:26px;font-size:20px;letter-spacing:-.03em;transition:border-color .2s}
.ref-product .related a:hover{border-color:var(--accent)}
.ref-product .related a span{display:block;font-size:11px;color:var(--dim);letter-spacing:0;margin-top:12px}
.ref-product .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-product .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-product .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-product .menu-top img{width:126px}
.ref-product .menu-top button{background:none;color:white;border:0}
.ref-product .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-product .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-product .menu-links a:hover{color:var(--accent)}
.ref-product .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-product .reveal{opacity:0;transform:translateY(17px);transition:opacity .65s,transform .65s}
.ref-product .reveal.visible{opacity:1;transform:none}
@media (max-width:750px){.ref-product .header{height:72px}
.ref-product .hero{padding-block:100px}
.ref-product .product,.ref-product .detail-layout{grid-template-columns:1fr;gap:35px}
.ref-product .product{padding:48px 0}
.ref-product .product .art{grid-row:1;min-height:320px}
.ref-product .related{grid-template-columns:1fr}
.ref-product .detail-hero{padding-top:70px}
.ref-product .detail-hero .art{margin-top:45px}
.ref-product .art b{font-size:100px}}
@media (prefers-reduced-motion:reduce){.ref-product{scroll-behavior:auto}
.ref-product *,.ref-product *:before,.ref-product *:after{transition:none!important}
.ref-product .reveal{opacity:1;transform:none}}
.ref-product .feature-list{border-top:1px solid var(--line);margin-top:38px}
.ref-product .feature{display:grid;grid-template-columns:45px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:23px 0}
.ref-product .feature h3{font-size:19px;font-weight:500;letter-spacing:-.035em;margin:0 0 5px}
.ref-product .feature p{font-size:14px;color:var(--dim);margin:0}
.ref-product .detail-hero .link{margin-top:35px}
.ref-product .product .art{min-height:clamp(230px,26vw,340px)}
.ref-experiments{--bg:#0a0a0e;--fg:#efedf3;--muted:#9894a3;--line:#302d38;--pad:clamp(22px,5.4vw,90px);--accent:#b7a2fa}
.ref-experiments *{box-sizing:border-box}
.ref-experiments{scroll-behavior:smooth}
.ref-experiments{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.65 "DM Sans",sans-serif}
.ref-experiments a{color:inherit;text-decoration:none}
.ref-experiments button{font:inherit;cursor:pointer}
.ref-experiments .wrap{max-width:1490px;margin:auto;padding-inline:var(--pad)}
.ref-experiments .tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aaa4b5;font-weight:600}
.ref-experiments .header{height:84px;display:flex;align-items:center;justify-content:space-between}
.ref-experiments .header img,.ref-experiments .footer img{width:126px}
.ref-experiments .header button{border:0;background:none;color:white;font-size:13px}
.ref-experiments .hero{padding-block:clamp(100px,12vw,180px) clamp(95px,11vw,155px);border-bottom:1px solid var(--line)}
.ref-experiments h1,.ref-experiments h2,.ref-experiments h3,.ref-experiments p{margin-top:0}
.ref-experiments .hero h1{font-size:clamp(42px,5.5vw,84px);line-height:1.07;letter-spacing:-.065em;font-weight:500;max-width:1020px;margin:28px 0}
.ref-experiments .hero p,.ref-experiments .lead{font-size:clamp(16px,1.4vw,20px);color:var(--muted);max-width:630px}
.ref-experiments .section{padding-block:clamp(80px,9vw,135px)}
.ref-experiments .section h2{font-size:clamp(30px,3.5vw,54px);line-height:1.17;font-weight:500;letter-spacing:-.05em;margin:23px 0}
.ref-experiments .directory-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:70px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ref-experiments .directory-meta p{margin:0;color:var(--muted);font-size:12px}
.ref-experiments .exp-row{display:grid;grid-template-columns:110px 1fr 1.1fr 36px;gap:22px;align-items:center;padding:34px 5px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}
.ref-experiments .exp-row:hover{background:#14121b;padding-inline:17px}
.ref-experiments .exp-id{font-size:12px;color:#aba3b6;letter-spacing:.1em}
.ref-experiments .exp-name{font-size:clamp(20px,2.2vw,33px);font-weight:500;letter-spacing:-.045em;line-height:1.2}
.ref-experiments .exp-desc{font-size:13px;color:var(--muted);max-width:420px}
.ref-experiments .arrow{font-size:21px;color:var(--accent);text-align:right}
.ref-experiments .end{background:#101017}
.ref-experiments .end h2{font-size:clamp(36px,4.5vw,66px);line-height:1.15;letter-spacing:-.055em;font-weight:500;margin:25px 0}
.ref-experiments .end p{color:var(--muted);max-width:650px}
.ref-experiments .link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #9c94aa;padding-bottom:9px;font-size:13px;font-weight:600;margin-top:25px}
.ref-experiments .link:hover{color:var(--accent)}
.ref-experiments .footer{padding-block:48px 25px;border-top:1px solid var(--line)}
.ref-experiments .foot-grid{display:flex;gap:35px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.ref-experiments .foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-experiments .copyright{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:#78717f;font-size:11px}
.ref-experiments .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-experiments .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-experiments .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-experiments .menu-top img{width:126px}
.ref-experiments .menu-top button{background:none;color:white;border:0}
.ref-experiments .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-experiments .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-experiments .menu-links a:hover{color:var(--accent)}
.ref-experiments .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-experiments .breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.ref-experiments .breadcrumb a:hover{color:white}
.ref-experiments .detail-top{padding-block:70px 65px}
.ref-experiments .detail-top h1{font-size:clamp(46px,6vw,88px);font-weight:500;letter-spacing:-.06em;line-height:1.08;margin:22px 0}
.ref-experiments .detail-top .lead{margin-bottom:0}
.ref-experiments .demo-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;color:#b8b1c0;font-size:11px;text-transform:uppercase;letter-spacing:.15em}
.ref-experiments .browser{border:1px solid #45404c;border-radius:13px;overflow:hidden;background:#07080c;box-shadow:0 35px 100px #0009}
.ref-experiments .chrome{height:47px;background:#171721;border-bottom:1px solid #363340;display:flex;gap:13px;align-items:center;padding:0 18px}
.ref-experiments .dots{display:flex;gap:6px}
.ref-experiments .dots i{display:block;width:8px;height:8px;border-radius:50%;background:#6b6571}
.ref-experiments .dots i:first-child{background:#a26769}
.ref-experiments .dots i:nth-child(2){background:#b39a69}
.ref-experiments .dots i:nth-child(3){background:#648e7c}
.ref-experiments .address{border:1px solid #373341;background:#0d0d15;color:#b3adbf;border-radius:6px;text-align:center;padding:4px 15px;font-size:11px;flex:1;max-width:480px;margin:auto}
.ref-experiments .screen{--tone:#b7a2fa;aspect-ratio:16/9;min-height:270px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tone) 13%,transparent),transparent 65%),#09090f}
.ref-experiments .screen:before,.ref-experiments .screen:after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);transform:rotate(30deg)}
.ref-experiments .screen:after{width:27%;transform:rotate(-27deg)}
.ref-experiments .placeholder{text-align:center;z-index:1;padding:20px}
.ref-experiments .placeholder strong{display:block;font-size:clamp(22px,3.5vw,55px);line-height:1.1;font-weight:500;letter-spacing:-.055em;color:var(--tone)}
.ref-experiments .placeholder span{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#a5a0af;margin-top:18px}
.ref-experiments .mobile-section{display:grid;grid-template-columns:1fr 370px;gap:9%;align-items:center;padding-block:120px}
.ref-experiments .mobile-section h2{font-size:clamp(31px,4vw,59px);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin:20px 0}
.ref-experiments .mobile-section p{max-width:530px;color:var(--muted)}
.ref-experiments .phone{max-width:355px;width:100%;margin:auto;background:#10111b;border:7px solid #353440;border-radius:37px;overflow:hidden;box-shadow:0 35px 90px #000a}
.ref-experiments .phone-chrome{height:44px;border-bottom:1px solid #3b3544;display:flex;align-items:center;justify-content:center;padding:0 18px}
.ref-experiments .phone-chrome .address{max-width:230px;border-radius:20px}
.ref-experiments .phone .screen{aspect-ratio:390/700;min-height:0}
.ref-experiments .phone .placeholder strong{font-size:clamp(23px,3vw,39px)}
.ref-experiments .phone .screen:before{width:85%}
.ref-experiments .phone .screen:after{width:60%}
.ref-experiments .note{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;color:#8e8899;font-size:12px}
.ref-experiments .more{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}
.ref-experiments .more a{border:1px solid var(--line);padding:24px;font-size:18px;letter-spacing:-.03em}
.ref-experiments .more a:hover{border-color:#b7a2fa}
.ref-experiments .more small{display:block;color:var(--muted);font-size:11px;margin-top:9px}
.ref-experiments .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}
.ref-experiments .reveal.visible{opacity:1;transform:none}
@media (max-width:850px){.ref-experiments .exp-row{grid-template-columns:72px 1fr 25px;gap:15px}
.ref-experiments .exp-desc{grid-column:2;grid-row:2}
.ref-experiments .exp-row .arrow{grid-column:3;grid-row:1}
.ref-experiments .mobile-section{grid-template-columns:1fr;gap:40px}
.ref-experiments .more{grid-template-columns:1fr}
.ref-experiments .detail-top{padding-block:55px 45px}}
@media (max-width:500px){.ref-experiments .header{height:70px}
.ref-experiments .exp-row{grid-template-columns:56px 1fr 20px;padding:26px 0}
.ref-experiments .exp-name{font-size:22px}
.ref-experiments .exp-desc{font-size:12px}
.ref-experiments .screen{min-height:230px}
.ref-experiments .chrome{height:39px}
.ref-experiments .mobile-section{padding-block:75px}
.ref-experiments .phone{max-width:320px}}
@media (prefers-reduced-motion:reduce){.ref-experiments{scroll-behavior:auto}
.ref-experiments *,.ref-experiments *:before,.ref-experiments *:after{transition:none!important}
.ref-experiments .reveal{opacity:1;transform:none}}
.ref-insights{--bg:#0b0a0f;--surface:#14121a;--fg:#f1edf3;--muted:#a9a3b0;--line:#36313c;--accent:#c3b0fb;--pad:clamp(23px,5vw,86px)}
.ref-insights *{box-sizing:border-box}
.ref-insights{scroll-behavior:smooth}
.ref-insights{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-insights a{color:inherit;text-decoration:none}
.ref-insights button{font:inherit;cursor:pointer}
.ref-insights a:focus-visible,.ref-insights button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.ref-insights .wrap{max-width:1560px;margin:auto;padding-inline:var(--pad)}
.ref-insights .header{height:82px;display:flex;justify-content:space-between;align-items:center}
.ref-insights .header img,.ref-insights .footer img{width:126px}
.ref-insights .header button{border:0;background:none;color:white}
.ref-insights .tag{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#aaa4b4;font-weight:600}
.ref-insights .hero{padding-block:clamp(105px,12vw,185px) clamp(90px,10vw,140px);border-bottom:1px solid var(--line)}
.ref-insights .hero h1{font:400 clamp(51px,6.2vw,98px)/1.02 "Newsreader",serif;letter-spacing:-.055em;max-width:1140px;margin:28px 0}
.ref-insights .hero p{font-size:clamp(16px,1.45vw,21px);max-width:650px;color:var(--muted)}
.ref-insights .section{padding-block:clamp(80px,10vw,145px)}
.ref-insights .section h2,.ref-insights .end h2{font:400 clamp(35px,4vw,63px)/1.1 "Newsreader",serif;letter-spacing:-.04em;margin:22px 0}
.ref-insights .lead{max-width:680px;font-size:clamp(16px,1.4vw,20px);color:var(--muted)}
.ref-insights .feature{display:grid;grid-template-columns:1fr .85fr;gap:10%;padding:65px 0;border-top:1px solid var(--line);margin-top:65px;align-items:center}
.ref-insights .feature h3{font:400 clamp(40px,4.8vw,76px)/1.08 "Newsreader",serif;letter-spacing:-.05em;margin:20px 0}
.ref-insights .feature p{color:var(--muted);max-width:530px}
.ref-insights .feature-image{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;border:1px solid #3c3444;background:#14121a}
.ref-insights .feature-art{height:clamp(260px,29vw,430px);background:radial-gradient(ellipse at 65% 40%,#33253f,#14131b 60%);border:1px solid #3c3444;display:grid;place-items:center;overflow:hidden}
.ref-insights .feature-art span{font:400 clamp(130px,19vw,290px)/1 "Newsreader",serif;color:#cbb7ec;opacity:.9;transform:rotate(-14deg)}
.ref-insights .link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #aaa0b3;padding-bottom:7px;margin-top:20px;font-size:13px;font-weight:600}
.ref-insights .link:hover{color:var(--accent);border-color:var(--accent)}
.ref-insights .category{margin-top:70px;border-top:1px solid var(--line)}
.ref-insights .cat-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:25px 0}
.ref-insights .cat-heading h3{font:400 clamp(27px,3vw,44px)/1.2 "Newsreader",serif;margin:0}
.ref-insights .cat-heading a{font-size:12px;border-bottom:1px solid #8c8396}
.ref-insights .story{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:130px 1fr 30px;gap:25px;align-items:center}
.ref-insights .story h4{font:400 clamp(23px,2.3vw,35px)/1.2 "Newsreader",serif;letter-spacing:-.02em;margin:0}
.ref-insights .story .small{font-size:11px;color:var(--muted)}
.ref-insights .story:hover h4{color:var(--accent)}
.ref-insights .end{background:#121017;padding-block:clamp(90px,10vw,140px)}
.ref-insights .end p{color:var(--muted);max-width:620px}
.ref-insights .footer{padding-block:48px 25px;border-top:1px solid var(--line)}
.ref-insights .foot-grid{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}
.ref-insights .foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-insights .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:11px;color:#827b89}
.ref-insights .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-insights .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-insights .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-insights .menu-top img{width:126px}
.ref-insights .menu-top button{background:none;color:white;border:0}
.ref-insights .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-insights .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-insights .menu-links a:hover{color:var(--accent)}
.ref-insights .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-insights .breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.ref-insights .breadcrumb a:hover{color:white}
.ref-insights .category-hero{padding-block:100px 80px;border-bottom:1px solid var(--line)}
.ref-insights .category-hero h1{font:400 clamp(51px,6vw,94px)/1.05 "Newsreader",serif;letter-spacing:-.05em;margin:28px 0}
.ref-insights .category-hero p{max-width:650px;color:var(--muted);font-size:19px}
.ref-insights .article-header{padding-top:85px;padding-bottom:60px}
.ref-insights .article-header h1{font:400 clamp(53px,6.6vw,104px)/1.05 "Newsreader",serif;letter-spacing:-.055em;max-width:1260px;margin:28px 0}
.ref-insights .article-deck{font:400 clamp(22px,2.25vw,33px)/1.38 "Newsreader",serif;max-width:1050px;color:#c8c0cf}
.ref-insights .article-byline{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;font-size:12px;color:#aba4b1}
.ref-insights .article-layout{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1.75fr);gap:clamp(45px,7vw,130px);align-items:start;border-top:1px solid var(--line);padding-top:70px;padding-bottom:125px}
.ref-insights .article-side{position:sticky;top:30px}
.ref-insights .article-side h2{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.ref-insights .toc{display:flex;flex-direction:column;gap:12px;margin-top:23px}
.ref-insights .toc a{font-size:12px;color:#a69dab;line-height:1.45}
.ref-insights .toc a:hover{color:white}
.ref-insights .article-content{max-width:990px}
.ref-insights .article-content p,.ref-insights .article-content li{font:400 clamp(18px,1.65vw,22px)/1.7 "Newsreader",serif;letter-spacing:.005em;color:#ded9e1}
.ref-insights .article-content p{margin:0 0 29px}
.ref-insights .article-content .lead{font-size:clamp(23px,2.25vw,31px);line-height:1.5;color:#f2edf5;max-width:none;margin-bottom:60px}
.ref-insights .article-content h2{font:400 clamp(37px,3.4vw,55px)/1.13 "Newsreader",serif;letter-spacing:-.035em;margin:83px 0 28px;scroll-margin-top:35px}
.ref-insights .article-content h3{font:500 clamp(26px,2.6vw,38px)/1.2 "Newsreader",serif;letter-spacing:-.025em;margin:49px 0 20px;scroll-margin-top:35px}
.ref-insights .article-content ul{padding-left:28px;margin:30px 0 42px}
.ref-insights .article-content li{padding-left:7px;margin:12px 0}
.ref-insights .article-content .pull{border-top:1px solid #7e6c98;border-bottom:1px solid #7e6c98;margin:58px 0;padding:33px 0}
.ref-insights .pull span{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}
.ref-insights .article-content .pull p{font:400 clamp(29px,3vw,44px)/1.2 "Newsreader",serif;margin:18px 0 0;color:#e9ddf4}
.ref-insights .article-content a{color:#d4c4ff;text-decoration:underline;text-underline-offset:4px}
.ref-insights .article-end{border-top:1px solid var(--line);padding-top:35px;margin-top:80px}
.ref-insights .article-end p{font:400 14px/1.6 "DM Sans",sans-serif;color:var(--muted)}
.ref-insights .reveal{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}
.ref-insights .reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.ref-insights .article-layout{grid-template-columns:1fr;gap:35px}
.ref-insights .article-side{position:static;border-bottom:1px solid var(--line);padding-bottom:30px}
.ref-insights .toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.ref-insights .feature{grid-template-columns:1fr;gap:30px}
.ref-insights .feature-art{grid-row:1}
.ref-insights .article-content{max-width:none}}
@media (max-width:560px){.ref-insights .header{height:70px}
.ref-insights .hero{padding-top:100px}
.ref-insights .story{grid-template-columns:1fr 24px;gap:8px}
.ref-insights .story .small{grid-column:1}
.ref-insights .story h4{grid-column:1}
.ref-insights .story .arrow{grid-column:2;grid-row:2}
.ref-insights .toc{grid-template-columns:1fr}
.ref-insights .article-header{padding-top:60px}
.ref-insights .article-layout{padding-top:35px}
.ref-insights .article-content p,.ref-insights .article-content li{font-size:19px;line-height:1.65}
.ref-insights .article-content h2{margin-top:65px}
.ref-insights .article-content .lead{font-size:24px}
.ref-insights .feature-art{height:290px}}
@media (prefers-reduced-motion:reduce){.ref-insights{scroll-behavior:auto}
.ref-insights *,.ref-insights *:before,.ref-insights *:after{transition:none!important}
.ref-insights .reveal{opacity:1;transform:none}}
.ref-category{--bg:#0b0a0f;--surface:#14121a;--fg:#f1edf3;--muted:#a9a3b0;--line:#36313c;--accent:#c3b0fb;--pad:clamp(23px,5vw,86px)}
.ref-category *{box-sizing:border-box}
.ref-category{scroll-behavior:smooth}
.ref-category{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-category a{color:inherit;text-decoration:none}
.ref-category button{font:inherit;cursor:pointer}
.ref-category a:focus-visible,.ref-category button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.ref-category .wrap{max-width:1560px;margin:auto;padding-inline:var(--pad)}
.ref-category .header{height:82px;display:flex;justify-content:space-between;align-items:center}
.ref-category .header img,.ref-category .footer img{width:126px}
.ref-category .header button{border:0;background:none;color:white}
.ref-category .tag{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#aaa4b4;font-weight:600}
.ref-category .hero{padding-block:clamp(105px,12vw,185px) clamp(90px,10vw,140px);border-bottom:1px solid var(--line)}
.ref-category .hero h1{font:400 clamp(51px,6.2vw,98px)/1.02 "Newsreader",serif;letter-spacing:-.055em;max-width:1140px;margin:28px 0}
.ref-category .hero p{font-size:clamp(16px,1.45vw,21px);max-width:650px;color:var(--muted)}
.ref-category .section{padding-block:clamp(80px,10vw,145px)}
.ref-category .section h2,.ref-category .end h2{font:400 clamp(35px,4vw,63px)/1.1 "Newsreader",serif;letter-spacing:-.04em;margin:22px 0}
.ref-category .lead{max-width:680px;font-size:clamp(16px,1.4vw,20px);color:var(--muted)}
.ref-category .feature{display:grid;grid-template-columns:1fr .85fr;gap:10%;padding:65px 0;border-top:1px solid var(--line);margin-top:65px;align-items:center}
.ref-category .feature h3{font:400 clamp(40px,4.8vw,76px)/1.08 "Newsreader",serif;letter-spacing:-.05em;margin:20px 0}
.ref-category .feature p{color:var(--muted);max-width:530px}
.ref-category .feature-art{height:clamp(260px,29vw,430px);background:radial-gradient(ellipse at 65% 40%,#33253f,#14131b 60%);border:1px solid #3c3444;display:grid;place-items:center;overflow:hidden}
.ref-category .feature-art span{font:400 clamp(130px,19vw,290px)/1 "Newsreader",serif;color:#cbb7ec;opacity:.9;transform:rotate(-14deg)}
.ref-category .link{display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #aaa0b3;padding-bottom:7px;margin-top:20px;font-size:13px;font-weight:600}
.ref-category .link:hover{color:var(--accent);border-color:var(--accent)}
.ref-category .category{margin-top:70px;border-top:1px solid var(--line)}
.ref-category .cat-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:25px 0}
.ref-category .cat-heading h3{font:400 clamp(27px,3vw,44px)/1.2 "Newsreader",serif;margin:0}
.ref-category .cat-heading a{font-size:12px;border-bottom:1px solid #8c8396}
.ref-category .story{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:130px 1fr 30px;gap:25px;align-items:center}
.ref-category .story h4{font:400 clamp(23px,2.3vw,35px)/1.2 "Newsreader",serif;letter-spacing:-.02em;margin:0}
.ref-category .story .small{font-size:11px;color:var(--muted)}
.ref-category .story:hover h4{color:var(--accent)}
.ref-category .end{background:#121017;padding-block:clamp(90px,10vw,140px)}
.ref-category .end p{color:var(--muted);max-width:620px}
.ref-category .footer{padding-block:48px 25px;border-top:1px solid var(--line)}
.ref-category .foot-grid{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}
.ref-category .foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-category .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:11px;color:#827b89}
.ref-category .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-category .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-category .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-category .menu-top img{width:126px}
.ref-category .menu-top button{background:none;color:white;border:0}
.ref-category .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-category .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-category .menu-links a:hover{color:var(--accent)}
.ref-category .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-category .breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.ref-category .breadcrumb a:hover{color:white}
.ref-category .category-hero{padding-block:100px 80px;border-bottom:1px solid var(--line)}
.ref-category .category-hero h1{font:400 clamp(51px,6vw,94px)/1.05 "Newsreader",serif;letter-spacing:-.05em;margin:28px 0}
.ref-category .category-hero p{max-width:650px;color:var(--muted);font-size:19px}
.ref-category .article-header{padding-top:85px;padding-bottom:60px}
.ref-category .article-header h1{font:400 clamp(53px,6.6vw,104px)/1.05 "Newsreader",serif;letter-spacing:-.055em;max-width:1260px;margin:28px 0}
.ref-category .article-deck{font:400 clamp(22px,2.25vw,33px)/1.38 "Newsreader",serif;max-width:1050px;color:#c8c0cf}
.ref-category .article-byline{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:45px;font-size:12px;color:#aba4b1}
.ref-category .article-layout{display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1.75fr);gap:clamp(45px,7vw,130px);align-items:start;border-top:1px solid var(--line);padding-top:70px;padding-bottom:125px}
.ref-category .article-side{position:sticky;top:30px}
.ref-category .article-side h2{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
.ref-category .toc{display:flex;flex-direction:column;gap:12px;margin-top:23px}
.ref-category .toc a{font-size:12px;color:#a69dab;line-height:1.45}
.ref-category .toc a:hover{color:white}
.ref-category .article-content{max-width:990px}
.ref-category .article-content p,.ref-category .article-content li{font:400 clamp(18px,1.65vw,22px)/1.7 "Newsreader",serif;letter-spacing:.005em;color:#ded9e1}
.ref-category .article-content p{margin:0 0 29px}
.ref-category .article-content .lead{font-size:clamp(23px,2.25vw,31px);line-height:1.5;color:#f2edf5;max-width:none;margin-bottom:60px}
.ref-category .article-content h2{font:400 clamp(37px,3.4vw,55px)/1.13 "Newsreader",serif;letter-spacing:-.035em;margin:83px 0 28px;scroll-margin-top:35px}
.ref-category .article-content h3{font:500 clamp(26px,2.6vw,38px)/1.2 "Newsreader",serif;letter-spacing:-.025em;margin:49px 0 20px;scroll-margin-top:35px}
.ref-category .article-content ul{padding-left:28px;margin:30px 0 42px}
.ref-category .article-content li{padding-left:7px;margin:12px 0}
.ref-category .article-content .pull{border-top:1px solid #7e6c98;border-bottom:1px solid #7e6c98;margin:58px 0;padding:33px 0}
.ref-category .pull span{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}
.ref-category .article-content .pull p{font:400 clamp(29px,3vw,44px)/1.2 "Newsreader",serif;margin:18px 0 0;color:#e9ddf4}
.ref-category .article-content a{color:#d4c4ff;text-decoration:underline;text-underline-offset:4px}
.ref-category .article-end{border-top:1px solid var(--line);padding-top:35px;margin-top:80px}
.ref-category .article-end p{font:400 14px/1.6 "DM Sans",sans-serif;color:var(--muted)}
.ref-category .reveal{opacity:0;transform:translateY(15px);transition:opacity .6s,transform .6s}
.ref-category .reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.ref-category .article-layout{grid-template-columns:1fr;gap:35px}
.ref-category .article-side{position:static;border-bottom:1px solid var(--line);padding-bottom:30px}
.ref-category .toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.ref-category .feature{grid-template-columns:1fr;gap:30px}
.ref-category .feature-art{grid-row:1}
.ref-category .article-content{max-width:none}}
@media (max-width:560px){.ref-category .header{height:70px}
.ref-category .hero{padding-top:100px}
.ref-category .story{grid-template-columns:1fr 24px;gap:8px}
.ref-category .story .small{grid-column:1}
.ref-category .story h4{grid-column:1}
.ref-category .story .arrow{grid-column:2;grid-row:2}
.ref-category .toc{grid-template-columns:1fr}
.ref-category .article-header{padding-top:60px}
.ref-category .article-layout{padding-top:35px}
.ref-category .article-content p,.ref-category .article-content li{font-size:19px;line-height:1.65}
.ref-category .article-content h2{margin-top:65px}
.ref-category .article-content .lead{font-size:24px}
.ref-category .feature-art{height:290px}}
@media (prefers-reduced-motion:reduce){.ref-category{scroll-behavior:auto}
.ref-category *,.ref-category *:before,.ref-category *:after{transition:none!important}
.ref-category .reveal{opacity:1;transform:none}}
.ref-study{--bg:#0b0a0f;--fg:#f1eef3;--muted:#aaa4b2;--line:#38323e;--violet:#b9a4fa;--pad:clamp(22px,5.5vw,95px)}
.ref-study *{box-sizing:border-box}
.ref-study{scroll-behavior:smooth}
.ref-study{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.7 "DM Sans",sans-serif}
.ref-study a{color:inherit;text-decoration:none}
.ref-study button{font:inherit;cursor:pointer}
.ref-study a:focus-visible,.ref-study button:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.ref-study .wrap{max-width:1540px;margin:auto;padding-inline:var(--pad)}
.ref-study .header{height:84px;display:flex;align-items:center;justify-content:space-between}
.ref-study .header img,.ref-study .footer img{width:126px}
.ref-study .header button{background:none;border:0;color:white}
.ref-study .tag{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#a7a0b2;font-weight:600}
.ref-study .hero{padding-block:clamp(100px,12vw,180px) clamp(85px,9vw,130px);border-bottom:1px solid var(--line)}
.ref-study .hero h1{font-size:clamp(51px,6.5vw,104px);line-height:1.03;letter-spacing:-.075em;font-weight:500;max-width:1200px;margin:30px 0}
.ref-study .hero p{font-size:clamp(17px,1.45vw,21px);color:var(--muted);max-width:650px}
.ref-study .section{padding-block:clamp(80px,9vw,130px)}
.ref-study .section h2{font-size:clamp(34px,4.4vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.14;margin:22px 0}
.ref-study .lead{font-size:clamp(17px,1.5vw,21px);color:var(--muted);max-width:750px}
.ref-study .work-head{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:25px 0;margin:60px 0 0}
.ref-study .work-head p{margin:0;color:var(--muted);font-size:12px}
.ref-study .work-item{padding:clamp(55px,7vw,105px) 0;border-bottom:1px solid var(--line)}
.ref-study .work-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.ref-study .work-meta span{font-size:11px;letter-spacing:.15em;color:var(--muted)}
.ref-study .work-image{height:clamp(320px,48vw,710px);position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #393442;background:radial-gradient(ellipse at 55% 50%,var(--glow,#28223d),#101016 75%)}
.ref-study .work-image:before{content:"";width:45%;aspect-ratio:1;position:absolute;border:1px solid #85739b65;transform:rotate(30deg)}
.ref-study .work-image:after{content:"";width:30%;aspect-ratio:1;position:absolute;border:1px solid #85739b55;transform:rotate(-23deg)}
.ref-study .work-image strong{position:relative;font-size:clamp(30px,5vw,80px);font-weight:500;letter-spacing:-.06em;opacity:.65}
.ref-study .work-image small{position:absolute;bottom:24px;left:25px;font-size:10px;letter-spacing:.16em;color:#a8a0b1}
.ref-study .work-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:27px}
.ref-study .work-bottom h3{font-size:clamp(29px,3.4vw,50px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}
.ref-study .work-bottom p{color:var(--muted);font-size:13px;margin:0}
.ref-study .round-arrow{width:51px;height:51px;border:1px solid #706978;border-radius:50%;display:grid;place-items:center;font-size:21px;flex:none}
.ref-study .work-item:hover .round-arrow{background:var(--violet);color:#100e15}
.ref-study .footer{padding-block:48px 25px;border-top:1px solid var(--line)}
.ref-study .foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ref-study .foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-study .copyright{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:11px;color:#807987}
.ref-study .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-study .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-study .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-study .menu-top img{width:126px}
.ref-study .menu-top button{background:none;color:white;border:0}
.ref-study .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-study .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-study .menu-links a:hover{color:var(--violet)}
.ref-study .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-study .breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.ref-study .study-hero{padding-top:80px;padding-bottom:75px}
.ref-study .study-hero h1{font-size:clamp(55px,7.5vw,122px);font-weight:500;letter-spacing:-.07em;line-height:1.02;margin:32px 0}
.ref-study .study-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:55px}
.ref-study .study-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}
.ref-study .study-details dd{margin:10px 0;font-size:15px}
.ref-study .image-caption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;font-size:11px;color:var(--muted)}
.ref-study .story-header{margin-bottom:80px}
.ref-study .story-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;border-top:1px solid var(--line);padding:45px 0}
.ref-study .story-grid h3{font:400 clamp(31px,3vw,48px)/1.16 "Newsreader",serif;margin:0}
.ref-study .story-grid p{font:400 clamp(19px,1.65vw,24px)/1.65 "Newsreader",serif;color:#d9d3df;max-width:770px;margin:0}
.ref-study .draft{display:block;font:400 12px/1.6 "DM Sans",sans-serif;color:#a29aab;margin-top:24px}
.ref-study .showcase-block{margin:55px 0 110px}
.ref-study .showcase-block .work-image{height:clamp(290px,43vw,660px)}
.ref-study .showcase-split{display:grid;grid-template-columns:1.35fr .65fr;gap:25px}
.ref-study .showcase-split .work-image{height:clamp(300px,36vw,570px)}
.ref-study .showcase-split .vertical{height:clamp(360px,48vw,710px)}
.ref-study .end{background:#121017;padding-block:clamp(90px,10vw,145px)}
.ref-study .end h2{font-size:clamp(35px,4.4vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:22px 0}
.ref-study .end p{color:var(--muted);max-width:650px}
.ref-study .link{display:inline-flex;gap:15px;border-bottom:1px solid #99909e;padding-bottom:8px;margin-top:28px;font-size:13px;font-weight:600}
.ref-study .notice{border-left:2px solid #7b668f;padding:14px 23px;background:#17131c;color:#b8aebe;font-size:12px;max-width:850px;margin-top:28px}
@media (max-width:760px){.ref-study .header{height:72px}
.ref-study .work-image{height:360px}
.ref-study .study-details{grid-template-columns:1fr;gap:15px}
.ref-study .story-grid{grid-template-columns:1fr;gap:18px}
.ref-study .story-header{margin-bottom:35px}
.ref-study .showcase-split{grid-template-columns:1fr}
.ref-study .showcase-split .vertical{height:480px}
.ref-study .showcase-block{margin:30px 0 65px}
.ref-study .study-hero{padding-top:60px}}
@media (prefers-reduced-motion:reduce){.ref-study{scroll-behavior:auto}
.ref-study *,.ref-study *:before,.ref-study *:after{transition:none!important}}
.ref-study .work-editorial-hero{padding:clamp(90px,11vw,170px) 0 28px;border-bottom:1px solid var(--line)}
.ref-study .work-hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.65fr);gap:5%;align-items:end;margin-top:36px}
.ref-study .work-editorial-hero h1{font:400 clamp(67px,9.2vw,148px)/.98 "Newsreader",Georgia,serif;letter-spacing:-.072em;margin:0;white-space:nowrap}
.ref-study .hero-period{color:var(--violet)}
.ref-study .hero-aside{padding-bottom:12px}
.ref-study .hero-rule{display:block;width:45px;height:1px;background:var(--violet);margin-bottom:25px}
.ref-study .hero-aside p{font-size:clamp(15px,1.2vw,18px);line-height:1.7;color:#d0cad6;margin:0 0 22px}
.ref-study .hero-note{font-size:11px;color:var(--muted)}
.ref-study .work-hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(75px,10vw,145px);font-size:10px;letter-spacing:.16em;color:#a49aaf}
.ref-study .work-collection{padding:clamp(85px,9vw,135px) 0 100px}
.ref-study .collection-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}
.ref-study .collection-heading h2{font:400 clamp(43px,5.3vw,78px)/1.07 "Newsreader",Georgia,serif;letter-spacing:-.055em;margin:22px 0 0}
.ref-study .collection-count{display:flex;gap:13px;align-items:center}
.ref-study .collection-count strong{font:400 45px/1 "Newsreader",serif;color:var(--violet)}
.ref-study .collection-count span{font-size:10px;letter-spacing:.15em;color:var(--muted);max-width:65px;line-height:1.5}
.ref-study .collection-intro{max-width:620px;color:var(--muted);margin:24px 0 48px;font-size:15px}
.ref-study .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 22px}
.ref-study .project-link{display:block}
.ref-study .project-card{min-width:0}
.ref-study .project-visual{height:auto;aspect-ratio:1.55;position:relative;overflow:hidden;border:1px solid #48414c;background:radial-gradient(ellipse at 62% 45%,var(--project-tone),#101015 78%)}
.ref-study .project-visual-inner{position:absolute;inset:0;display:grid;place-items:center;transition:transform .4s ease}
.ref-study .project-visual-inner:before,.ref-study .project-visual-inner:after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid #aaa0bc4f;transform:rotate(28deg)}
.ref-study .project-visual-inner:after{width:27%;transform:rotate(-18deg)}
.ref-study .project-monogram{font:400 clamp(65px,9vw,130px)/1 "Newsreader",serif;letter-spacing:-.06em;color:#d6c8e4aa}
.ref-study .project-crosshair{position:absolute;right:20px;top:15px;color:#9d8eab;font-size:18px}
.ref-study .visual-caption{position:absolute;bottom:13px;left:15px;font-size:9px;letter-spacing:.14em;color:#b7aebe}
.ref-study .project-identifier{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#a49cad;margin-top:18px}
.ref-study .project-identifier span:last-child{text-align:right}
.ref-study .project-info h3{font:400 clamp(26px,2.5vw,36px)/1.12 "Newsreader",serif;letter-spacing:-.025em;margin:14px 0 5px}
.ref-study .project-info p{color:var(--muted);font-size:12px;margin:0}
.ref-study .project-action{font-size:11px;color:#d5c4ff;margin-top:17px;border-top:1px solid #39323f;padding-top:12px}
.ref-study .project-link:hover .project-visual-inner{transform:scale(1.055)}
.ref-study .project-link:hover h3{color:var(--violet)}
.ref-study .collection-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:75px;padding-top:25px;font-size:10px;letter-spacing:.15em;color:#a69cab}
.ref-study .collection-foot a:hover{color:white}
.ref-study .work-closing{background:#141119;padding:clamp(90px,10vw,145px) 0}
.ref-study .work-closing h2{font:400 clamp(47px,6vw,92px)/1.06 "Newsreader",serif;letter-spacing:-.055em;margin:28px 0}
.ref-study .work-closing h2 em{font-weight:400;color:var(--violet)}
.ref-study .work-closing p{color:var(--muted);max-width:570px;font-size:16px}
@media (max-width:1050px){.ref-study .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ref-study .work-hero-grid{grid-template-columns:1fr;gap:32px}
.ref-study .work-editorial-hero h1{white-space:normal}
.ref-study .hero-aside{max-width:550px}}
@media (max-width:620px){.ref-study .work-editorial-hero{padding-top:90px}
.ref-study .work-editorial-hero h1{font-size:clamp(58px,14vw,85px)}
.ref-study .work-hero-bottom{margin-top:70px;font-size:9px}
.ref-study .project-grid{grid-template-columns:1fr;gap:42px}
.ref-study .project-visual{aspect-ratio:1.65}
.ref-study .project-info h3{font-size:31px}
.ref-study .collection-count strong{font-size:37px}
.ref-study .collection-heading{align-items:center}
.ref-study .collection-heading h2{font-size:45px}
.ref-study .work-collection{padding-bottom:70px}
.ref-study .collection-foot{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.ref-study .project-visual-inner{transition:none}}
.ref-work .project-visual img{width:100%;height:100%;object-fit:cover}.ref-product .product-headline{font-size:clamp(19px,2.4vw,31px);line-height:1.4;color:var(--fg)}.ref-product .product-screenshot{width:100%;margin-top:55px;max-height:700px;object-fit:contain}.ref-products .art img{width:100%;height:100%;object-fit:cover}.ref-products .art:before,.ref-products .art:after{display:none}.ref-study .study-details dd span{display:block}.ref-study .real-study-hero{width:100%;height:auto}.ref-study figure{margin:60px 0}.ref-study figure img{width:100%;height:auto}.ref-study .image-caption{gap:25px}.ref-study .next-real-study{display:grid;grid-template-columns:minmax(160px,300px) 1fr;align-items:center;gap:35px;margin:50px 0}.ref-study .next-real-study strong{display:block;font-size:25px}.ref-service-index{max-width:1400px;margin:auto;padding:160px var(--gutter) 110px}.ref-service-index h1{font:500 clamp(38px,6vw,80px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin-bottom:70px}.service-index-row{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding:26px 0}.service-index-row h2{font:500 clamp(18px,3vw,30px)/1.3 Manrope,sans-serif;margin:0;letter-spacing:-.035em}.service-index-row>span{font-size:12px;color:var(--muted)}.service-index-row>span:last-child{margin-left:auto}.service-index-row:hover{color:var(--accent)}[class^="ref-"] .reveal{opacity:1;transform:none}.ref-category h1{font-size:clamp(35px,5vw,75px)}@media(max-width:700px){.ref-study .next-real-study{grid-template-columns:1fr}.ref-study .image-caption{flex-direction:column}}

.ref-experiment-detail{--bg:#0a0a0e;--fg:#efedf3;--muted:#9894a3;--line:#302d38;--pad:clamp(22px,5.4vw,90px);--accent:#b7a2fa}
.ref-experiment-detail *{box-sizing:border-box}
.ref-experiment-detail{scroll-behavior:smooth}
.ref-experiment-detail{margin:0;background:var(--bg);color:var(--fg);font:400 15px/1.65 "DM Sans",sans-serif}
.ref-experiment-detail a{color:inherit;text-decoration:none}
.ref-experiment-detail button{font:inherit;cursor:pointer}
.ref-experiment-detail .wrap{max-width:1490px;margin:auto;padding-inline:var(--pad)}
.ref-experiment-detail .tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#aaa4b5;font-weight:600}
.ref-experiment-detail .header{height:84px;display:flex;align-items:center;justify-content:space-between}
.ref-experiment-detail .header img,.ref-experiment-detail .footer img{width:126px}
.ref-experiment-detail .header button{border:0;background:none;color:white;font-size:13px}
.ref-experiment-detail .hero{padding-block:clamp(100px,12vw,180px) clamp(95px,11vw,155px);border-bottom:1px solid var(--line)}
.ref-experiment-detail h1,.ref-experiment-detail h2,.ref-experiment-detail h3,.ref-experiment-detail p{margin-top:0}
.ref-experiment-detail .hero h1{font-size:clamp(42px,5.5vw,84px);line-height:1.07;letter-spacing:-.065em;font-weight:500;max-width:1020px;margin:28px 0}
.ref-experiment-detail .hero p,.ref-experiment-detail .lead{font-size:clamp(16px,1.4vw,20px);color:var(--muted);max-width:630px}
.ref-experiment-detail .section{padding-block:clamp(80px,9vw,135px)}
.ref-experiment-detail .section h2{font-size:clamp(30px,3.5vw,54px);line-height:1.17;font-weight:500;letter-spacing:-.05em;margin:23px 0}
.ref-experiment-detail .directory-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:70px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.ref-experiment-detail .directory-meta p{margin:0;color:var(--muted);font-size:12px}
.ref-experiment-detail .exp-row{display:grid;grid-template-columns:110px 1fr 1.1fr 36px;gap:22px;align-items:center;padding:34px 5px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}
.ref-experiment-detail .exp-row:hover{background:#14121b;padding-inline:17px}
.ref-experiment-detail .exp-id{font-size:12px;color:#aba3b6;letter-spacing:.1em}
.ref-experiment-detail .exp-name{font-size:clamp(20px,2.2vw,33px);font-weight:500;letter-spacing:-.045em;line-height:1.2}
.ref-experiment-detail .exp-desc{font-size:13px;color:var(--muted);max-width:420px}
.ref-experiment-detail .arrow{font-size:21px;color:var(--accent);text-align:right}
.ref-experiment-detail .end{background:#101017}
.ref-experiment-detail .end h2{font-size:clamp(36px,4.5vw,66px);line-height:1.15;letter-spacing:-.055em;font-weight:500;margin:25px 0}
.ref-experiment-detail .end p{color:var(--muted);max-width:650px}
.ref-experiment-detail .link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #9c94aa;padding-bottom:9px;font-size:13px;font-weight:600;margin-top:25px}
.ref-experiment-detail .link:hover{color:var(--accent)}
.ref-experiment-detail .footer{padding-block:48px 25px;border-top:1px solid var(--line)}
.ref-experiment-detail .foot-grid{display:flex;gap:35px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.ref-experiment-detail .foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.ref-experiment-detail .copyright{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:#78717f;font-size:11px}
.ref-experiment-detail .menu{position:fixed;inset:0;background:#121019;z-index:100;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.76,0,.2,1),opacity .3s,visibility .6s;display:flex;flex-direction:column}
.ref-experiment-detail .menu.open{visibility:visible;opacity:1;clip-path:inset(0)}
.ref-experiment-detail .menu-top{padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #393440}
.ref-experiment-detail .menu-top img{width:126px}
.ref-experiment-detail .menu-top button{background:none;color:white;border:0}
.ref-experiment-detail .menu-links{display:grid;align-content:center;flex:1;padding:35px var(--pad);overflow:auto}
.ref-experiment-detail .menu-links a{font-size:clamp(25px,3.5vw,49px);letter-spacing:-.05em;line-height:1.2;border-bottom:1px solid #36313d;padding:12px 0}
.ref-experiment-detail .menu-links a:hover{color:var(--accent)}
.ref-experiment-detail .menu-bottom{padding:20px var(--pad);border-top:1px solid #393440;color:#99909e;font-size:12px}
.ref-experiment-detail .breadcrumb{display:flex;gap:10px;font-size:12px;color:var(--muted)}
.ref-experiment-detail .breadcrumb a:hover{color:white}
.ref-experiment-detail .detail-top{padding-block:70px 65px}
.ref-experiment-detail .detail-top h1{font-size:clamp(46px,6vw,88px);font-weight:500;letter-spacing:-.06em;line-height:1.08;margin:22px 0}
.ref-experiment-detail .detail-top .lead{margin-bottom:0}
.ref-experiment-detail .demo-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;color:#b8b1c0;font-size:11px;text-transform:uppercase;letter-spacing:.15em}
.ref-experiment-detail .browser{border:1px solid #45404c;border-radius:13px;overflow:hidden;background:#07080c;box-shadow:0 35px 100px #0009}
.ref-experiment-detail .chrome{height:47px;background:#171721;border-bottom:1px solid #363340;display:flex;gap:13px;align-items:center;padding:0 18px}
.ref-experiment-detail .dots{display:flex;gap:6px}
.ref-experiment-detail .dots i{display:block;width:8px;height:8px;border-radius:50%;background:#6b6571}
.ref-experiment-detail .dots i:first-child{background:#a26769}
.ref-experiment-detail .dots i:nth-child(2){background:#b39a69}
.ref-experiment-detail .dots i:nth-child(3){background:#648e7c}
.ref-experiment-detail .address{border:1px solid #373341;background:#0d0d15;color:#b3adbf;border-radius:6px;text-align:center;padding:4px 15px;font-size:11px;flex:1;max-width:480px;margin:auto}
.ref-experiment-detail .screen{--tone:#b7a2fa;aspect-ratio:16/9;min-height:270px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tone) 13%,transparent),transparent 65%),#09090f}
.ref-experiment-detail .screen:before,.ref-experiment-detail .screen:after{content:"";position:absolute;width:42%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);transform:rotate(30deg)}
.ref-experiment-detail .screen:after{width:27%;transform:rotate(-27deg)}
.ref-experiment-detail .placeholder{text-align:center;z-index:1;padding:20px}
.ref-experiment-detail .placeholder strong{display:block;font-size:clamp(22px,3.5vw,55px);line-height:1.1;font-weight:500;letter-spacing:-.055em;color:var(--tone)}
.ref-experiment-detail .placeholder span{display:block;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#a5a0af;margin-top:18px}
.ref-experiment-detail .mobile-section{display:grid;grid-template-columns:1fr 370px;gap:9%;align-items:center;padding-block:120px}
.ref-experiment-detail .mobile-section h2{font-size:clamp(31px,4vw,59px);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin:20px 0}
.ref-experiment-detail .mobile-section p{max-width:530px;color:var(--muted)}
.ref-experiment-detail .phone{max-width:355px;width:100%;margin:auto;background:#10111b;border:7px solid #353440;border-radius:37px;overflow:hidden;box-shadow:0 35px 90px #000a}
.ref-experiment-detail .phone-chrome{height:44px;border-bottom:1px solid #3b3544;display:flex;align-items:center;justify-content:center;padding:0 18px}
.ref-experiment-detail .phone-chrome .address{max-width:230px;border-radius:20px}
.ref-experiment-detail .phone .screen{aspect-ratio:390/700;min-height:0}
.ref-experiment-detail .phone .placeholder strong{font-size:clamp(23px,3vw,39px)}
.ref-experiment-detail .phone .screen:before{width:85%}
.ref-experiment-detail .phone .screen:after{width:60%}
.ref-experiment-detail .note{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;color:#8e8899;font-size:12px}
.ref-experiment-detail .more{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}
.ref-experiment-detail .more a{border:1px solid var(--line);padding:24px;font-size:18px;letter-spacing:-.03em}
.ref-experiment-detail .more a:hover{border-color:#b7a2fa}
.ref-experiment-detail .more small{display:block;color:var(--muted);font-size:11px;margin-top:9px}
.ref-experiment-detail .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}
.ref-experiment-detail .reveal.visible{opacity:1;transform:none}
@media (max-width:850px){.ref-experiment-detail .exp-row{grid-template-columns:72px 1fr 25px;gap:15px}
.ref-experiment-detail .exp-desc{grid-column:2;grid-row:2}
.ref-experiment-detail .exp-row .arrow{grid-column:3;grid-row:1}
.ref-experiment-detail .mobile-section{grid-template-columns:1fr;gap:40px}
.ref-experiment-detail .more{grid-template-columns:1fr}
.ref-experiment-detail .detail-top{padding-block:55px 45px}}
@media (max-width:500px){.ref-experiment-detail .header{height:70px}
.ref-experiment-detail .exp-row{grid-template-columns:56px 1fr 20px;padding:26px 0}
.ref-experiment-detail .exp-name{font-size:22px}
.ref-experiment-detail .exp-desc{font-size:12px}
.ref-experiment-detail .screen{min-height:230px}
.ref-experiment-detail .chrome{height:39px}
.ref-experiment-detail .mobile-section{padding-block:75px}
.ref-experiment-detail .phone{max-width:320px}}
@media (prefers-reduced-motion:reduce){.ref-experiment-detail{scroll-behavior:auto}
.ref-experiment-detail *,.ref-experiment-detail *:before,.ref-experiment-detail *:after{transition:none!important}
.ref-experiment-detail .reveal{opacity:1;transform:none}}
.ref-experiment-detail .portrait-player{min-width:0;width:100%;max-width:390px;margin:auto}.ref-experiment-detail .mobile-section{align-items:center}.ref-experiment-detail .mobile-section .note{max-width:42ch}.ref-experiment-detail .experiment-player .player-controls button{color:#eae9ed}



/* Listing-only adaptations for real content in the approved reference layout. */
.ref-work .project-grid{counter-reset:study}
.ref-work .project-card{counter-increment:study}
.ref-work .selected-number:after{content:counter(study,decimal-leading-zero)}
.ref-work .study-service+ .study-service:before{content:' / '}
.ref-work .project-visual-inner:before,.ref-work .project-visual-inner:after{display:none}
.ref-work .project-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.4em}
.ref-work .project-identifier>span:last-child{max-width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-experiments>.section{max-width:none;padding-inline:0;margin:0}
.ref-experiments .exp-row>*{min-width:0}
.ref-work .project-link{min-width:0}
@media(max-width:360px){.ref-work .collection-heading{flex-wrap:wrap}.ref-work .collection-count{flex-shrink:0}}


/* Typography and dimensions only. These scopes replace defaults that were
   isolated by the HTML reference's shadow roots or page stylesheets. */
.home-hero,.home-products,.home-technology,.home-experiments,.home-philosophy,
.home-insights,.home-invitation,.global-menu,.global-footer {
  font-size:16px;
  line-height:normal;
}
/* The shared utility must not add a second gutter or constrain full-bleed
   reference sections. Their own .wrap/.frame supplies the content constraint. */
.ref-contact .section,.ref-custom-websites .section,.ref-shopify .section,
.ref-google-business-profile .section,.ref-hosting-maintenance .section,
.ref-interactive-experiences .section,.ref-products .section,
.ref-product .section,.ref-insights .section,.ref-study .section,
.ref-experiment-detail .section {
  max-width:none;
  margin-inline:0;
  padding-inline:0;
}
/* A semantic h2 in CSC retains the reference h1's spacing and measurements. */
.home-insights .small h3{font-size:clamp(16px,1.55vw,21px)}
@media(max-width:850px){.home-insights .small h3{font-size:17px}}
@media(max-width:540px){.home-insights .small h3{font-size:16px}}
/* Native details retains its behavior; its answer matches the prototype. */
.ref-custom-websites details p,.ref-shopify details p,
.ref-google-business-profile details p,.ref-hosting-maintenance details p,
.ref-interactive-experiences details p{font-size:14px;line-height:1.8;margin:0}
.ref-404{font:400 15px/1.7 "DM Sans",sans-serif}
/* Services reference is a simple Arial index with an 8vw page gutter. */
/* Services page must not pad the entire body: that shrinks the shared header and footer. */
.ref-service-index{max-width:none;margin:0;padding:0;font:400 16px/1.6 Arial,sans-serif}
.ref-service-index h1{font:500 clamp(32px,5vw,65px)/1.6 Arial,sans-serif;letter-spacing:-.05em;margin:.67em 0}
.service-index-row{gap:24px;padding:22px 0}
.service-index-row h2{font:inherit;letter-spacing:normal;margin:0}
.service-index-row>span:last-child{margin-left:-24px}
.ref-product .detail-hero .lead{max-width:780px}
.ref-products .product .art{height:clamp(230px,26vw,340px)}
.ref-category .section{max-width:none;margin-inline:0;padding-inline:0}
.ref-category .story h2{font:400 clamp(23px,2.3vw,35px)/1.2 "Newsreader",serif;letter-spacing:-.02em;margin:0}
.ref-custom-websites .faq summary span,.ref-shopify .faq summary span,
.ref-google-business-profile .faq summary span,.ref-hosting-maintenance .faq summary span,
.ref-interactive-experiences .faq summary span{font-size:22px}
.ref-custom-websites details p,.ref-shopify details p,
.ref-google-business-profile details p,.ref-hosting-maintenance details p,
.ref-interactive-experiences details p{max-width:670px;padding:0 42px 25px 0}
/* Native article content retains its text, byline order and collapsible TOC.
   Type scales and column dimensions come from the reference article template. */
.insight-article{font:400 15px/1.7 "DM Sans",sans-serif;--article-pad:clamp(23px,5vw,86px)}
.insight-article .article-header{max-width:1560px;margin:auto;padding:85px var(--article-pad) 60px}
.insight-article .article-header h1{font:400 clamp(53px,6.6vw,104px)/1.05 "Newsreader",serif;letter-spacing:-.055em;max-width:1260px;margin:28px 0}
.insight-article .article-header .eyebrow{font-size:12px;line-height:1.7;letter-spacing:normal}
.insight-article .content-lead{font:400 clamp(22px,2.25vw,33px)/1.38 "Newsreader",serif;max-width:1050px}
.insight-article .article-byline{gap:15px;padding-top:22px;margin-top:45px;margin-bottom:0;font-size:12px}
.insight-article .reading-wrap{width:100%;max-width:1560px;padding:70px var(--article-pad) 125px;margin:0 auto;display:grid;grid-template-columns:minmax(190px,.6fr) minmax(0,1.75fr);gap:clamp(45px,7vw,130px);align-items:start}
.insight-article .article-toc{margin:0;padding:0}
.insight-article .article-toc summary{font-size:10px;letter-spacing:.18em;line-height:1.7}
.insight-article .article-toc nav{gap:12px;margin-top:23px}
.insight-article .article-toc nav a{font-size:12px;line-height:1.45}
.insight-article .article-body{max-width:990px;min-width:0}
.insight-article .article-body p,.insight-article .article-body li{font:400 clamp(18px,1.65vw,22px)/1.7 "Newsreader",serif;letter-spacing:.005em}
.insight-article .article-body p{margin:0 0 29px}
.insight-article .article-body h2{font:400 clamp(37px,3.4vw,55px)/1.13 "Newsreader",serif;letter-spacing:-.035em;margin:83px 0 28px}
.insight-article .article-body h3{font:500 clamp(26px,2.6vw,38px)/1.2 "Newsreader",serif;letter-spacing:-.025em;margin:49px 0 20px}
.insight-article .article-body ul{padding-left:28px;margin:30px 0 42px}
.insight-article .article-body li{padding-left:7px;margin:12px 0}
.related-reading{max-width:1560px;padding:35px clamp(23px,5vw,86px) 125px}
.related-reading>h2{font:400 clamp(35px,4vw,63px)/1.1 "Newsreader",serif;letter-spacing:-.04em;max-width:none;margin:22px 0}
.related-reading .editorial-card h3{font:400 clamp(23px,2.3vw,35px)/1.2 "Newsreader",serif;letter-spacing:-.02em}
@media(max-width:900px){
 .insight-article .reading-wrap{grid-template-columns:1fr;gap:35px}
 .insight-article .article-toc{padding-bottom:30px}
 .insight-article .article-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
 .insight-article .article-body{max-width:none}
}
@media(max-width:560px){
 .ref-category .story h2{grid-column:1}
 .insight-article .article-header{padding-top:60px}
 .insight-article .reading-wrap{padding-top:35px}
 .insight-article .article-toc nav{grid-template-columns:1fr}
 .insight-article .article-body p,.insight-article .article-body li{font-size:19px;line-height:1.65}
 .insight-article .article-body h2{margin-top:65px}
}
/* Match the reference header width while retaining the existing wordmark. */
.global-menu .site-header .brand img{width:116px}
/* CSC pretty-printing inserts whitespace before the nested period. Compensate
   its measured 0.372em advance without changing headline text or font size. */
.home-hero .headline .dot{margin-left:calc(-.372em + 5px)}
.ref-service-index .eyebrow{font:inherit;letter-spacing:normal;margin:1em 0}
.home-services .period,.home-insights .top h2>span{margin-left:-.29em}
.ref-work .hero-period{margin-left:-.117em}
@media(max-width:800px){.ref-work .hero-period{margin-left:-.112em}}
@media(max-width:560px){.ref-work .hero-period{margin-left:-.1005em}}

/* Services index: editorial full-width composition, scoped to this page. */
.ref-service-index{width:min(100%,1560px);max-width:none;margin:0 auto;padding:clamp(145px,16vw,230px) var(--gutter) clamp(110px,12vw,190px);font-family:"DM Sans",sans-serif}
.ref-service-index>.eyebrow{margin:0 0 clamp(35px,5vw,70px);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9994a5}
.ref-service-index h1{max-width:1100px;margin:0 0 clamp(70px,9vw,140px);font:500 clamp(48px,7.5vw,116px)/1.05 "Manrope","DM Sans",sans-serif;letter-spacing:-.075em;text-wrap:balance}
.ref-service-index .service-index-row{display:grid;grid-template-columns:clamp(38px,5vw,85px) minmax(0,1fr) 42px;gap:clamp(14px,2.4vw,35px);align-items:center;min-height:clamp(104px,11vw,166px);padding:22px 0;border-top:1px solid #33313c;color:#eae9ed;transition:padding .3s ease,color .3s ease,background .3s ease}
.ref-service-index .service-index-row:last-child{border-bottom:1px solid #33313c}
.ref-service-index .service-index-row>span:first-child{font:500 12px/1 "DM Sans",sans-serif;color:#898594;align-self:center}
.ref-service-index .service-index-row h2{font:500 clamp(23px,3.45vw,52px)/1.13 "Manrope","DM Sans",sans-serif;letter-spacing:-.055em;margin:0;max-width:1000px}
.ref-service-index .service-index-row>span:last-child{margin:0;justify-self:end;font-size:clamp(22px,2.5vw,35px);line-height:1;color:#a99dff;transition:transform .3s ease}
.ref-service-index .service-index-row:hover,.ref-service-index .service-index-row:focus-visible{padding-inline:clamp(8px,1.4vw,22px);background:#111019;color:#cfc5ff}
.ref-service-index .service-index-row:hover>span:last-child,.ref-service-index .service-index-row:focus-visible>span:last-child{transform:translate(4px,-4px)}
@media(max-width:700px){.ref-service-index{padding-top:clamp(125px,24vw,175px);padding-bottom:100px}.ref-service-index>.eyebrow{margin-bottom:36px}.ref-service-index h1{font-size:clamp(43px,10vw,70px);margin-bottom:65px}.ref-service-index .service-index-row{grid-template-columns:28px minmax(0,1fr) 24px;gap:13px;min-height:104px;padding:24px 0}.ref-service-index .service-index-row h2{font-size:clamp(21px,5.6vw,32px)}.ref-service-index .service-index-row>span:last-child{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ref-service-index .service-index-row,.ref-service-index .service-index-row>span:last-child{transition:none}}

/* Desktop service illustrations only. Keep the existing frame's layout box,
   aside, caption and 900px visibility rule in reference-pages.css. */
:is(.ref-custom-websites,.ref-shopify,.ref-google-business-profile,.ref-hosting-maintenance,.ref-interactive-experiences) .hero .aside .frame.service-art {
  transform:none;
  animation:none;
  border-color:transparent;
  border-radius:0;
  background:radial-gradient(ellipse at 50% 48%,#a176d00a,transparent 70%);
  perspective:800px;
  isolation:isolate;
  --art-x:0px;
  --art-y:0px;
  --art-rx:0deg;
  --art-ry:0deg;
}
.hero .aside .frame.service-art::before,
.hero .aside .frame.service-art::after {content:none}
.service-art-scene {
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  transform:rotateX(var(--art-rx)) rotateY(var(--art-ry));
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.service-art .art-plane {
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.service-art .art-plane-back {transform:translate(calc(var(--art-x) * -.35),calc(var(--art-y) * -.35))}
.service-art .art-plane-front {transform:translate(var(--art-x),var(--art-y))}
.service-art .art-plane-detail {transform:translate(calc(var(--art-x) * 1.7),calc(var(--art-y) * 1.7))}
.service-art .art-wire {opacity:.45;transition:opacity .7s}
.service-art[data-hover] .art-wire {opacity:.8}
.service-art[data-enter] .art-assemble {animation:art-assemble 1.15s cubic-bezier(.2,.7,.2,1) both}
.service-art[data-enter] .art-step-one {animation-delay:.08s}
.service-art[data-enter] .art-step-two {animation-delay:.24s}
.service-art[data-enter][data-service-visual="discovery"] .art-step-two {animation-delay:.9s}
/* Idle motion exists only while the desktop scene is visible and enhanced. */
.service-art[data-motion] .discovery-trace {animation:art-discover 7s linear infinite}
.service-art[data-motion] .discovery-ring {animation:art-signal 7s ease-out infinite;transform-origin:184px 168px}
.service-art[data-motion] .pulse-flow {animation:art-transmit 6s linear infinite}
.service-art[data-motion] .playground-flow path {animation:art-lustre 9s ease-in-out infinite alternate}
.service-art[data-hover] .pulse-flow {stroke:#f0dfff;stroke-width:2}
.service-art .pulse-links,.service-art .pulse-flow {transition:stroke .6s,stroke-width .6s}
.service-art .pulse-center>rect:first-child {transition:stroke .6s}
.service-art[data-hover] .pulse-center>rect:first-child {stroke:#e0c2fc}
.service-art .store-object {transform-origin:165px 165px;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.service-art[data-hover] .store-object {transform:translateY(-4px) rotate(-3deg)}
.service-art .store-swatches circle {stroke:transparent;stroke-width:6;paint-order:stroke fill;transition:stroke .35s}
.service-art .swatch-lavender {stroke:#786084}
.service-art[data-tone="pearl"] .swatch-pearl,
.service-art[data-tone="ink"] .swatch-ink {stroke:#a288b4}
.service-art[data-tone="pearl"] .swatch-lavender,
.service-art[data-tone="ink"] .swatch-lavender {stroke:transparent}
.service-art #store-object stop {transition:stop-color .65s}
.service-art[data-tone="pearl"] #store-object stop:nth-child(1) {stop-color:#f0e9f4}
.service-art[data-tone="pearl"] #store-object stop:nth-child(2) {stop-color:#c3b7ce}
.service-art[data-tone="pearl"] #store-object stop:nth-child(3) {stop-color:#72617e}
.service-art[data-tone="ink"] #store-object stop:nth-child(1) {stop-color:#a89ab7}
.service-art[data-tone="ink"] #store-object stop:nth-child(2) {stop-color:#736183}
.service-art[data-tone="ink"] #store-object stop:nth-child(3) {stop-color:#2b2238}
@keyframes art-assemble {from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes art-discover {0%{stroke-dashoffset:24;opacity:0}3%{opacity:1}18%{stroke-dashoffset:-170;opacity:1}25%,100%{stroke-dashoffset:-190;opacity:0}}
@keyframes art-signal {0%,18%{opacity:.15;transform:scale(.8)}25%{opacity:.6}60%,100%{opacity:0;transform:scale(1.65)}}
@keyframes art-transmit {from{stroke-dashoffset:199}to{stroke-dashoffset:0}}
@keyframes art-lustre {from{opacity:.55}to{opacity:1}}
@media (max-width:900px),(prefers-reduced-motion:reduce) {
  .service-art-scene,.service-art .art-plane,.service-art .store-object {transform:none;transition:none}
  .service-art .art-wire {opacity:.45}
  .service-art *, .service-art[data-enter] .art-assemble {animation:none!important;transition:none!important}
}

/* Interactive Experiences: dimensional silk sculpture, not a generic orbit. */
.service-art[data-service-visual="playground"] .playground-object{transform-origin:165px 165px;transition:transform .85s cubic-bezier(.2,.7,.2,1)}
.service-art[data-service-visual="playground"][data-hover] .playground-object{transform:rotate(-9deg) scale(1.055)}
.service-art[data-service-visual="playground"] .playground-ui{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.service-art[data-service-visual="playground"][data-hover] .playground-ui{transform:translate(3px,-5px)}
.service-art[data-service-visual="playground"] .playground-ribbon-main{transition:filter .65s}
.service-art[data-service-visual="playground"][data-hover] .playground-ribbon-main{filter:brightness(1.25)}
.service-art[data-service-visual="playground"][data-motion] .playground-thread{animation:playground-thread-drift 11s linear infinite}
.service-art[data-service-visual="playground"][data-motion] .playground-glow{animation:playground-breathe 6s ease-in-out infinite alternate}
@keyframes playground-thread-drift{to{stroke-dashoffset:-108}}
@keyframes playground-breathe{to{opacity:.65}}
@media (max-width:900px),(prefers-reduced-motion:reduce){
.service-art[data-service-visual="playground"] .playground-object,.service-art[data-service-visual="playground"] .playground-ui,.service-art[data-service-visual="playground"] .playground-ribbon-main{transition:none!important;transform:none!important;filter:none!important}
}

/* Miniature interactive world: a visible scene change, not decorative motion. */
.service-art[data-service-visual="playground"] .experience-demo{overflow:visible}
.service-art[data-service-visual="playground"] .experience-depth{transition:transform .85s cubic-bezier(.2,.7,.2,1),filter .85s}
.service-art[data-service-visual="playground"] .experience-depth-back{transform:translate(calc(var(--art-x) * -.65),calc(var(--art-y) * -.5))}
.service-art[data-service-visual="playground"] .experience-depth-front{transform:translate(calc(var(--art-x) * 1.2),calc(var(--art-y) * .8))}
.service-art[data-service-visual="playground"] .experience-reveal{opacity:0;transform:translateY(12px);transition:opacity .65s,transform .7s;pointer-events:none}
.service-art[data-service-visual="playground"][data-hover] .experience-reveal{opacity:1;transform:translateY(0)}
.service-art[data-service-visual="playground"][data-hover] .experience-depth-back{filter:brightness(1.5)}
.service-art[data-service-visual="playground"] .experience-trigger{transition:transform .45s,opacity .45s}
.service-art[data-service-visual="playground"][data-hover] .experience-trigger{transform:translateY(-3px);opacity:.35}
.service-art[data-service-visual="playground"][data-motion] .experience-trigger rect{animation:experience-invite 3.5s ease-in-out infinite alternate}
@keyframes experience-invite{to{fill:#f6eaff}}
@media (prefers-reduced-motion:reduce),(max-width:900px){
.service-art[data-service-visual="playground"] .experience-depth,.service-art[data-service-visual="playground"] .experience-reveal,.service-art[data-service-visual="playground"] .experience-trigger{transition:none!important;transform:none!important;filter:none!important}
}

/* Reality Shift replaces the decorative SVG only while enhanced on desktop. */
.service-art[data-service-visual="playground"] .reality-shift-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border:1px solid #67517f;border-radius:4px;cursor:crosshair;touch-action:pan-y}
.service-art[data-service-visual="playground"][data-reality-active] .experience-demo{visibility:hidden}
@media (prefers-reduced-motion:reduce),(max-width:900px){.service-art[data-service-visual="playground"] .reality-shift-canvas{display:none}}

/* Experiences-only: let the room occupy the available hero artwork column. */
@media (min-width:901px){
.ref-interactive-experiences .hero .aside{min-height:410px;align-content:center;padding-bottom:30px}
.ref-interactive-experiences .hero .aside .frame.service-art{width:min(100%,410px);aspect-ratio:1;border:0;background:transparent;overflow:hidden}
.ref-interactive-experiences .hero .aside .frame.service-art .reality-shift-canvas{inset:0;width:100%;height:100%;border:0;border-radius:8px}
.ref-interactive-experiences .hero .aside .frame-label{position:relative;bottom:auto;right:auto;justify-self:end;margin-top:12px;white-space:nowrap}
}


/* Insights directory: lightweight enhancement of the approved editorial layout. */
.ref-insights .insights-discovery{margin-top:clamp(55px,7vw,110px);scroll-margin-top:80px}
.ref-insights .insights-filters{display:none;flex-wrap:wrap;gap:10px 22px;padding:0 0 25px;border-bottom:1px solid var(--line)}
.ref-insights .insights-discovery.is-ready .insights-filters{display:flex}
.ref-insights .insights-filter{appearance:none;background:transparent;border:0;border-bottom:1px solid transparent;padding:12px 0;color:var(--muted);font:500 12px/1.5 "DM Sans",sans-serif;cursor:pointer;transition:color .2s,border-color .2s}
.ref-insights .insights-filter[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--accent)}
.ref-insights .insights-filter:hover{color:var(--fg)}
.ref-insights .insights-filter:focus-visible,.ref-insights .insights-pages button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.ref-insights .insights-count{color:var(--muted);font:400 11px/1.5 "DM Sans",sans-serif;margin:24px 0 12px}
.ref-insights .insights-story{display:grid;grid-template-columns:minmax(110px,175px) minmax(0,1fr) 24px;align-items:center;gap:clamp(12px,2vw,30px)}
.ref-insights .insights-story[hidden]{display:none}
.ref-insights .insights-story-meta{font:400 10px/1.5 "DM Sans",sans-serif;color:var(--muted)}
.ref-insights .insights-story h4{margin:0;min-width:0}
.ref-insights .insights-pages{display:flex;gap:12px;margin-top:32px}
.ref-insights .insights-pages[hidden]{display:none}
.ref-insights .insights-pages button{background:none;color:var(--muted);border:1px solid var(--line);min-width:44px;min-height:44px;cursor:pointer}
.ref-insights .insights-pages button[aria-current="page"]{color:var(--fg);border-color:var(--accent)}
@media(max-width:680px){
 .ref-insights .insights-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:22px}
 .ref-insights .insights-filter{flex-shrink:0}
 .ref-insights .insights-story{grid-template-columns:minmax(0,1fr) 20px;gap:8px 16px;padding-block:18px}
 .ref-insights .insights-story-meta{grid-column:1/-1}
 .ref-insights .insights-story h4{grid-column:1;grid-row:2}
 .ref-insights .insights-story .arrow{grid-column:2;grid-row:2}
}
@media(prefers-reduced-motion:reduce){.ref-insights .insights-filter{transition:none}}