.site{--c-col: calc(696 * var(--u));--c-gap: calc(16 * var(--u));--c-info: calc(276 * var(--u));--c-peek: calc(88 * var(--u));--c-space: calc(200 * var(--u))}.c-page{display:grid;grid-template-columns:minmax(0,1fr) var(--c-col) minmax(0,1fr);align-items:start;padding-inline:var(--pad-page)}.c-small{font-size:var(--fs-small);line-height:1.3}.site .c-small,.site .c-small *{letter-spacing:-.02em}.c-info{position:sticky;top:var(--pad-top);display:grid;gap:calc(24 * var(--u));width:var(--c-info);max-width:100%}.c-info-group{display:grid;gap:calc(12 * var(--u))}.c-label{color:var(--muted)}.c-main{grid-column:2;min-width:0}.c-hero{--above: calc(var(--header-h) + var(--gap-section));display:grid;place-items:center;height:calc(100svh - var(--above));min-height:calc(360 * var(--u));padding-bottom:var(--above);text-align:center}.c-hero .t-display{text-wrap:balance}.c-gallery{display:grid;gap:var(--c-gap);margin-top:calc(var(--c-peek) * -1)}.c-row{display:grid;grid-template-columns:repeat(var(--cols, 2),minmax(0,1fr));gap:var(--c-gap)}.c-item{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--ground, rgb(0 0 0 / 5%))}.c-item--43{aspect-ratio:4 / 3}.c-item>video,.c-item>img{width:100%;height:100%;object-fit:cover;object-position:top}.c-item>video{cursor:pointer}.c-item--contain>video{object-fit:contain;object-position:center}.c-motion:focus-visible{outline-offset:-2px}.c-motion>video{cursor:default}.c-hint{position:absolute;right:calc(12 * var(--u));bottom:calc(12 * var(--u));display:grid;place-items:center;width:calc(32 * var(--u));height:calc(32 * var(--u));border-radius:50%;background:var(--block);color:var(--paper);transition:opacity var(--dur-s) ease,transform var(--dur-s) var(--ease-out)}.c-hint svg{width:24%;margin-left:6%;fill:currentColor}.c-motion-fab .c-hint{top:calc(12 * var(--u));bottom:auto}.c-motion:hover .c-hint,.c-motion:focus-visible .c-hint{opacity:0;transform:scale(.6)}@media(hover:none){.c-hint{display:none}}.c-phones{display:flex;justify-content:center;align-items:center;gap:5%;background:var(--block)}.c-phone{width:20%;aspect-ratio:390 / 844;overflow:hidden;border-radius:9%/4.16%;background:var(--ground, var(--placeholder))}.c-phone>video,.c-phone>img{width:100%;height:100%;object-fit:cover}.c-stage{display:grid;place-items:center;container-type:inline-size;background:#f6f6f6;color:#1a1a1a}.c-swatches{display:grid;grid-template-columns:repeat(2,19cqw);gap:3cqw}.c-swatches span{height:19cqw;border-radius:25%;box-shadow:inset 0 0 0 1px #1a1a1a14}.c-type-sample{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11.5cqw;font-weight:500;white-space:nowrap}.c-shapes{display:flex;gap:8cqw}.c-shapes figure{display:grid;gap:3cqw;justify-items:center;color:#9f9f9f;font-size:max(11px,4.2cqw)}.c-shape-round,.c-shapes svg{width:23cqw;height:23cqw}.c-shape-round{border-radius:28%;background:#d9d9d9}.c-shapes svg{fill:#0035ec}.c-stage>img{width:56%;height:auto}.c-end{display:grid;gap:calc(64 * var(--u));padding:var(--c-space) var(--pad-page) calc(var(--c-space) - var(--gap-section))}.c-covers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--c-gap)}.c-cover{display:grid;gap:calc(12 * var(--u));color:inherit}.c-cover .c-item>img{object-position:center}.c-cover-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-s)}.c-cover .h-arrow{--circle: calc(32 * var(--u))}@media(hover:hover)and (pointer:fine){.c-cover:hover .h-arrow svg:first-child{transform:translate(var(--circle))}.c-cover:hover .h-arrow svg:last-child{transform:none}}.c-back{color:inherit;text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.1em}@media(max-width:767px){.site{--c-space: calc(104 * var(--u))}.c-page{display:block}.c-info{position:static;width:auto;max-width:calc(280 * var(--u))}.c-hero{height:auto;min-height:0;padding:calc(120 * var(--u)) 0}.c-gallery{margin-top:0}.c-row{grid-template-columns:repeat(var(--cols-m, 1),minmax(0,1fr))}.c-covers{grid-template-columns:minmax(0,1fr)}.c-phone{width:24%}}
