.refs{--gutter:clamp(1.25rem, 5vw, 5.5rem);background:var(--color-bg);min-height:100vh;padding:9vh var(--gutter) clamp(12rem, 18vw, 22rem);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.refs--bare{background:0 0}.refs-word{z-index:6;pointer-events:none;justify-content:center;margin-bottom:clamp(1.75rem,5vh,4rem);display:flex;position:relative}.refs-word__text{font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);white-space:nowrap;font-size:clamp(2.5rem,13vw,18rem);font-weight:400;line-height:.85}.refs-body{flex-direction:column;flex:1;justify-content:center;display:flex}.refs-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.refs-bg picture{display:block;position:absolute;inset:0}.refs-bg__img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.refs-bg:after{content:"";background:linear-gradient(to bottom, var(--color-bg) 0, var(--color-bg) 7%, color-mix(in srgb, var(--color-bg) 82%, transparent) 16%, color-mix(in srgb, var(--color-bg) 45%, transparent) 28%, transparent 42%), linear-gradient(to bottom, transparent 34%, color-mix(in srgb, var(--color-bg) 42%, transparent) 48%, color-mix(in srgb, var(--color-bg) 68%, transparent) 62%, color-mix(in srgb, var(--color-bg) 76%, transparent) 100%), radial-gradient(125% 100% at 50% 45%, transparent 42%, #0009 100%), color-mix(in srgb, var(--color-bg) 60%, transparent);position:absolute;inset:0}.refs:before{content:"";z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0;mask-image:linear-gradient(#0000 0,#000 16%)}.refs:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(55% 42% at 50% 10%, color-mix(in srgb, var(--color-accent) 5%, transparent), transparent 72%);position:absolute;inset:0;mask-image:linear-gradient(#0000 0,#000 16%)}.refs-stage{aspect-ratio:16/10;z-index:5;pointer-events:none;width:clamp(32rem,52vw,64rem);transition:top .45s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ref-mockup{border:1px solid var(--color-border);opacity:0;border-radius:14px;transition:opacity .45s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden;transform:scale(.97);box-shadow:0 40px 90px #0009}.ref-mockup img{object-fit:cover;object-position:center;width:100%;height:100%}.ref-mockup.is-active{opacity:1;transform:scale(1)}.ref-mockup--text{background:color-mix(in srgb, var(--color-bg) 92%, var(--color-accent));justify-content:center;align-items:center;padding:clamp(1.5rem,3vw,3.5rem);display:flex}.ref-mockup--text p{max-width:34ch;font-family:var(--font-heading);letter-spacing:.02em;text-align:center;color:var(--color-foreground);font-size:clamp(1rem,1.6vw,1.5rem);line-height:1.45}.ref-row,.ref-group{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.ref-group,.ref-client,.ref-detail{text-shadow:0 1px 3px #000000b8, 0 2px 26px color-mix(in srgb, var(--color-bg) 76%, transparent)}.refs-table{z-index:6;margin-top:.5rem;position:relative}.ref-group{padding:.4rem var(--gutter);margin-top:1.3rem;margin-inline:calc(-1 * var(--gutter));color:var(--color-accent);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(.95rem,1.3vw,1.2rem)}.ref-row{padding:.45rem var(--gutter);margin-inline:calc(-1 * var(--gutter));border-bottom:1px solid color-mix(in srgb, var(--color-foreground) 16%, transparent);color:var(--color-foreground);cursor:pointer;transition:background-color .35s,box-shadow .35s}.ref-row:hover,.ref-row:focus-visible{background:color-mix(in srgb, var(--color-foreground) 14%, transparent);box-shadow:inset 4px 0 0 var(--color-accent);outline:none}a.ref-row{color:inherit;text-decoration:none}.ref-arrow{vertical-align:middle;opacity:.55;margin-left:.6rem;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s}.ref-row:hover .ref-arrow,.ref-row:focus-visible .ref-arrow{opacity:1;transform:translate(4px)}.ref-client{letter-spacing:.05em;text-transform:uppercase;font-size:clamp(.85rem,1vw,1.02rem)}.ref-detail{text-align:right;letter-spacing:.08em;text-transform:uppercase;max-width:30%;color:color-mix(in srgb, var(--color-foreground) 62%, var(--color-muted));font-size:.82rem}.ref-thumb{display:none}@media (width<=768px){.refs{min-height:auto;padding:12vh var(--gutter) 18vh}.refs-stage{display:none}.refs-word__text{font-size:clamp(1.8rem,11vw,5rem)}.ref-chapter{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1rem;display:grid}.ref-group{margin-top:1.6rem;grid-column:1/-1;margin-inline:0;padding:0}.ref-row{border-bottom:0;flex-direction:column;align-items:flex-start;gap:.55rem;margin-inline:0;padding:0}.ref-row:hover,.ref-row:focus-visible{background:0 0}.ref-thumb{aspect-ratio:3/4;border:1px solid var(--color-border);border-radius:10px;width:100%;display:block;overflow:hidden;box-shadow:0 14px 34px #00000073}.ref-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%}.ref-client{font-size:.9rem}.ref-detail{text-align:left;max-width:none;margin-top:-.25rem;font-size:.72rem}}