.portal{--name:min(15vw,26svh);--w:min(24vw,33svh);--logbook-paper:#fcfaf0;--logbook-ink:#0a0806;--logbook-kraft:#8a5f47;--dots:"Doto","Courier New",monospace;grid-template-rows:minmax(clamp(28px,6svh,120px),1fr) auto auto minmax(clamp(24px,4svh,90px),1fr);grid-template-columns:1fr 1fr;min-height:100svh;display:grid;position:relative}.portal-name{z-index:3;pointer-events:none;view-transition-name:portal-name;grid-area:2/1/auto/-1;grid-template-columns:1fr 1fr;align-items:baseline;line-height:.8;display:grid;position:relative}.portal-name-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.name-ink,.name-dots{transition:opacity .5s}.name-ink{font-family:var(--serif);font-size:var(--name);letter-spacing:-.065em;color:var(--paper);clip-path:inset(-30% -10%);justify-self:end;margin-right:.07em}.name-dots{font-family:var(--dots);font-weight:800;font-size:calc(var(--name)*.913);color:var(--logbook-ink);clip-path:inset(-30% 0);justify-self:start;margin-left:.06em}.side{grid-row:1/-1;grid-template-rows:subgrid;display:grid;position:relative}.side:focus-visible{outline-offset:-12px;outline:2px solid}.side-tattoo{background:var(--ink);color:var(--paper);grid-column:1}.side-logbook{background:var(--logbook-paper);color:var(--logbook-ink);grid-column:2}.side-body{width:var(--w);grid-row:3;align-self:start;transition:opacity .5s}.side-tattoo .side-body{margin:calc(var(--name)*-.22) 15% 0 0;justify-self:end}.side-logbook .side-body{margin:calc(var(--name)*.1) 0 0 19%;justify-self:start}.side picture{display:block}.side img{aspect-ratio:4/5;object-fit:cover;transition:transform 1.8s cubic-bezier(.2,.6,.2,1),filter .9s}.tattoo-window{outline-offset:11px;background:#272521;outline:1px solid #e6e2d833;position:relative;overflow:hidden;box-shadow:0 0 0 11px #171715}.side-tattoo picture{view-transition-name:tattoo-door;position:relative;overflow:clip}.side-tattoo picture:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #080808b3,inset 0 12px 36px -10px #000000bf,inset 0 0 64px #0000004d}.side-tattoo img{filter:grayscale()brightness(.7)contrast(1.12);object-position:50% 59%}.print-card{background:#fff;border:clamp(5px,.7vw,10px) solid #fff;overflow:hidden;rotate:2.5deg;box-shadow:0 26px 50px -26px #0a08068c,0 2px 5px #0a080624}.side-logbook img{object-position:46% 78%;view-transition-name:logbook-print}html:is([data-leaving=club],[data-sweep=close-right]) .side-tattoo picture,html:is([data-leaving=tattoo],[data-sweep=close-left]) .side-logbook img{view-transition-name:none}.side figcaption{gap:8px;margin-top:clamp(30px,3vw,46px);display:grid}.side .eyebrow{letter-spacing:.12em;font-size:11px}.side-tattoo .eyebrow{color:var(--muted)}.side-logbook .eyebrow{color:var(--logbook-kraft)}.side-name{justify-content:space-between;align-items:baseline;gap:14px;padding-bottom:10px;line-height:1.05;display:flex}.side-tattoo .side-name{font-family:var(--serif);border-bottom:1px solid var(--line);font-size:clamp(22px,2.5vw,40px)}.side-logbook .side-name{font-family:var(--dots);text-transform:uppercase;border-bottom:2px dashed var(--logbook-ink);font-size:clamp(17px,1.9vw,30px);font-weight:800}.side-name i{font-family:var(--sans);font-size:18px;font-style:normal;font-weight:400;transition:translate .3s}.side-tattoo .side-state:before{content:"";border:1px solid var(--muted);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:10px;display:inline-block;translate:0 -1px}.side-logbook .side-state{color:var(--logbook-ink)}.side-logbook .side-state:before{content:"★";color:var(--logbook-kraft);margin-right:8px}.portal-foot{z-index:4;pointer-events:none;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:absolute;bottom:clamp(2px,1.2svh,16px);left:0;right:0}.portal-foot>*{pointer-events:auto}.portal-instagram{letter-spacing:.11em;text-transform:uppercase;min-height:44px;color:var(--paper);justify-self:end;align-items:center;gap:8px;margin-right:18px;font-size:12px;display:inline-flex}.portal-instagram:hover{text-underline-offset:6px;text-decoration:underline}.portal-foot .language-switch{justify-self:start;margin-left:10px}.portal-foot .language-switch a{color:var(--logbook-kraft)}.portal-foot .language-switch a[aria-current]{color:var(--logbook-ink)}.portal-foot .language-switch a:focus-visible{outline-color:var(--logbook-ink);outline-offset:0}.portal-foot .language-switch>span{color:var(--logbook-ink)}@media (hover:hover){.side:hover img{transform:scale(1.06)}.side-tattoo:hover img{filter:grayscale(.6)brightness(.85)contrast(1.06)}.side:hover .side-name i{translate:5px}.portal:has(.side-tattoo:hover) :is(.side-logbook .side-body,.name-dots),.portal:has(.side-logbook:hover) :is(.side-tattoo .side-body,.name-ink){opacity:.35}}@media (prefers-reduced-motion:no-preference){.name-ink{animation:1.2s cubic-bezier(.2,.6,.2,1) .15s backwards name-rise}.name-dots{animation:.6s steps(5,end) .7s backwards name-type}.print-card{animation:1s cubic-bezier(.2,.7,.2,1) 1.1s backwards print-drop}.side-logbook figcaption{animation:.8s 1.6s backwards caption-in}}.arrived .portal :is(.name-ink,.name-dots,.print-card,.side-logbook figcaption){animation:none}.arrived .portal .side-tattoo .stipple :is(picture,figcaption){--stipple:1;opacity:1;transition:none;transform:none}@keyframes name-rise{0%{opacity:0;clip-path:inset(-30% -10% 100%);transform:translateY(.1em)}}@keyframes name-type{0%{clip-path:inset(-30% 100% -30% 0)}}@keyframes print-drop{0%{opacity:0;translate:0 -34px;rotate:-4deg}}@keyframes caption-in{0%{opacity:0;translate:0 12px}}@media (width<=700px){.portal{--w:37vw}.side-tattoo .side-body,.side-logbook .side-body{justify-self:center;margin-inline:0}.tattoo-window{outline-offset:6px;box-shadow:0 0 0 6px #171715}.side figcaption{margin-top:24px}.side .eyebrow{letter-spacing:.09em;font-size:10px}.side-name i{display:none}}