@font-face{font-family:Outfit;src:url('fonts/outfit-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url('fonts/outfit-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Outfit;src:url('fonts/outfit-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Outfit;src:url('fonts/outfit-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--paper:#f1f0eb;--ink:#131413;--muted:#a2a49e;--line:#343631;--accent:#fc8c74;--ease:cubic-bezier(.22,1,.36,1);--preview-scale:.35}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--ink);color:var(--paper);font:400 16px/1.6 Outfit,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}::selection{background:var(--accent);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{background:none;border:0}button:disabled{cursor:default}img,svg{display:block}button svg,a svg{width:22px;height:22px;flex:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:hover:disabled{transform:none}[hidden]{display:none!important}.shell{width:calc(100% - 88px);max-width:1680px;margin-inline:auto}.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:24px;z-index:120;padding:12px 22px;background:var(--accent);color:var(--ink);border-radius:8px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:60;background:rgba(19,20,19,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:background .3s}.nav-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;gap:12px;align-items:center;font-size:25px;letter-spacing:-.055em;font-weight:500;line-height:1}.brand-mark{width:31px!important;height:31px!important;color:var(--accent);transition:transform .6s var(--ease)}.brand:hover .brand-mark{transform:rotate(-12deg)}.nav-links{display:flex;gap:32px;align-items:center;font-size:13px}.nav-link{position:relative;overflow:hidden;padding:5px 0}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.nav-link:hover::after{transform:scaleX(1);transform-origin:left}.nav-link sup{margin-left:6px;font-size:9px;color:var(--accent)}.nav-cta{border:1px solid #65665e;border-radius:999px;padding:12px 19px;display:flex;align-items:center;gap:26px;transition:background .3s,color .3s,border-color .3s}.nav-cta:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.menu-toggle{display:none}
.hero{padding-top:59px;padding-bottom:59px}.hero-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.hero-top .eyebrow:last-child{display:flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(252,140,116,.07)}.hero-grid{display:grid;grid-template-columns:1fr 245px;gap:32px;align-items:end;padding-top:44px}.hero h1{margin:0;font-size:clamp(74px,8.9vw,157px);font-weight:500;line-height:.99;letter-spacing:-.075em}.hero h1 .hero-line{display:block;overflow:hidden;padding:3px 5px 12px 0}.hero h1 .hero-line>span{display:block;animation:titleIn 1.15s var(--ease) both}.hero h1 .hero-line:nth-child(2)>span{animation-delay:.14s}.hero h1 em{font-style:normal;color:var(--accent)}.hero-mark{display:flex;justify-content:center;align-items:center;height:245px;position:relative;overflow:hidden;contain:layout paint}.hero-mark::before,.hero-mark::after{content:'';position:absolute;width:150px;height:150px;border:1px solid #55564f;border-radius:20px;transform:rotate(30deg);animation:slowOrbit 30s linear infinite}.hero-mark::after{width:110px;height:110px;border-color:var(--accent);animation-direction:reverse;border-radius:14px}.hero-mark svg{width:65px;height:65px;color:var(--paper);transform:rotate(-12deg)}.hero-mark .coordinate{position:absolute;bottom:0;right:9px;font-size:9px;color:var(--muted);letter-spacing:.12em}.hero-bottom{margin-top:27px;display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-copy{margin:0;color:var(--muted);font-size:17px;line-height:1.65;max-width:450px}.scroll-link{display:flex;gap:16px;align-items:center;font-size:12px}.circle-arrow{border:1px solid #575a52;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;transition:background .4s,border-color .4s,transform .4s var(--ease)}.scroll-link:hover .circle-arrow{background:var(--accent);color:var(--ink);border-color:var(--accent);transform:rotate(-45deg)}
.index-divider{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:42px}.index-divider .eyebrow{color:var(--muted)}.index-divider .index-number{font-size:10px;color:var(--accent)}.index-divider .index-rule{flex:1;height:1px;background:var(--line)}.index-divider .index-note{font-size:11px;color:var(--muted)}.collection{padding-top:10px;padding-bottom:108px;scroll-margin-top:110px}.collection-layout{display:grid;grid-template-columns:186px minmax(0,1fr);gap:50px;align-items:start}.collection-sidebar{position:sticky;top:122px;padding-top:9px}.filter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.filter-heading .eyebrow{color:var(--muted)}.filter-heading svg{width:16px;height:16px;color:var(--muted)}.filter-list{display:flex;flex-direction:column;gap:6px}.filter{padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border-bottom:1px solid transparent;font-size:13px;color:#a6a8a0;transition:color .25s,padding .4s var(--ease),border-color .3s}.filter-count{font-size:10px;font-weight:400;line-height:1;color:var(--muted);border:1px solid #42453d;border-radius:999px;min-width:26px;padding:5px 6px;text-align:center;transition:background .25s,color .25s,border-color .25s}.filter:hover{color:var(--paper);padding-left:7px}.filter[aria-pressed=true]{color:var(--paper);border-bottom-color:var(--paper)}.filter[aria-pressed=true] .filter-count{background:var(--paper);color:var(--ink);border-color:var(--paper)}.sidebar-note{margin-top:37px;border-left:1px solid #55574f;padding-left:13px;color:var(--muted);font-size:11px;line-height:1.8;max-width:155px}.collection-topbar{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px}.result-count{font-size:12px;color:var(--muted)}.result-count strong{font-weight:400;color:var(--paper)}.view-controls{display:flex;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px}.view-button{width:32px;height:28px;display:grid;place-items:center;border-radius:999px;color:var(--muted);transition:background .25s,color .25s}.view-button svg{width:14px;height:14px}.view-button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.toolbar-actions{display:flex;align-items:center;gap:14px}.search-form{position:relative;display:flex;align-items:center;gap:8px}.search-form svg{width:15px;height:15px;color:var(--muted)}.search-input{width:164px;color:var(--paper);background:transparent;border:0;border-bottom:1px solid var(--line);padding:6px 5px;font-size:12px;transition:border-color .25s}.search-input:focus{outline:none;border-color:var(--accent)}.search-input::placeholder{color:var(--muted)}.search-clear{padding:3px;color:var(--muted);position:absolute;right:0;font-size:16px}.search-input:not(:placeholder-shown){padding-right:24px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 26px}.project-card{min-width:0;animation:cardIn .65s var(--ease) both;animation-delay:var(--entry-delay,0ms)}.card-visual{display:block;position:relative;isolation:isolate;aspect-ratio:1.31;overflow:hidden;border-radius:12px;background:var(--mat,#292b27);padding:9.4% 6.1%;border:1px solid rgba(255,255,255,.03)}.card-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.07),transparent 44%,rgba(0,0,0,.1));pointer-events:none;z-index:1}.card-visual:focus-visible{outline-offset:5px}.browser-shell{width:100%;height:100%;border-radius:7px;overflow:hidden;position:relative;background:var(--preview-background,#f6f5f2);box-shadow:0 19px 50px rgba(0,0,0,.27);transition:transform .75s var(--ease),box-shadow .75s var(--ease);pointer-events:none}.browser-chrome{height:20px;display:flex;align-items:center;gap:3px;padding:0 9px;background:#e7e7e4;color:#868980;border-bottom:1px solid #d5d5d0;position:relative;z-index:1}.browser-dot{width:4px;height:4px;background:#b4b6ae;border-radius:50%}.browser-label{position:absolute;left:50%;transform:translateX(-50%);font-size:6px;letter-spacing:.07em;line-height:1;white-space:nowrap}.browser-screen{height:calc(100% - 20px);width:100%;position:relative;overflow:hidden}.preview-iframe{position:absolute;inset:0;border:0;width:1440px;height:1100px;transform:scale(var(--preview-scale));transform-origin:0 0;pointer-events:none;user-select:none;background:var(--preview-background,#f6f5f2)}.preview-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#797b73;font-size:11px;pointer-events:none}.preview-iframe{z-index:1}.project-card:hover .browser-shell{transform:translateY(-7px) rotate(-.7deg);box-shadow:0 28px 62px rgba(0,0,0,.32)}.card-visual .card-number{position:absolute;top:12px;left:15px;font-size:9px;letter-spacing:.13em;color:var(--mat-ink,#d4d5cf);z-index:3}.card-visual .card-stamp{position:absolute;bottom:12px;right:14px;font-size:9px;letter-spacing:.08em;color:var(--mat-ink,#d4d5cf);z-index:3;opacity:.7}.card-enter{position:absolute;top:50%;left:50%;display:flex;gap:9px;align-items:center;padding:12px 17px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:12px;transform:translate(-50%,-50%) scale(.85);opacity:0;pointer-events:none;transition:opacity .25s,transform .5s var(--ease);z-index:4;box-shadow:0 5px 20px #0002}.card-enter svg{width:16px;height:16px}.card-visual:hover .card-enter,.card-visual:focus-visible .card-enter{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-info{padding-top:16px;display:flex;align-items:start;justify-content:space-between;gap:12px}.project-name{font-size:21px;letter-spacing:-.025em;font-weight:500;line-height:1.25;display:inline-flex;align-items:center;gap:11px;margin:0}.project-name svg{width:16px;height:16px;opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .3s var(--ease)}.project-name:hover svg{opacity:1;transform:none}.project-category{font-size:11px;color:var(--muted);margin:5px 0 0}.info-button{width:30px;height:30px;border:1px solid #4c4e47;display:grid;place-items:center;border-radius:50%;font-size:12px;transition:background .3s,color .3s,border-color .3s;flex:none}.info-button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.card-description{display:none;color:var(--muted);font-size:13px;margin:10px 0 0;max-width:350px}.empty-state{padding:74px 22px;text-align:center;border:1px solid var(--line);border-radius:12px}.empty-state p{color:var(--muted);margin:8px 0 25px}.empty-state h3{font-weight:500;font-size:28px;letter-spacing:-.04em}.text-button{padding-bottom:4px;border-bottom:1px solid currentColor;font-size:13px}.project-grid[data-view=list]{grid-template-columns:1fr;gap:25px}.project-grid[data-view=list] .project-card{display:grid;grid-template-columns:285px 1fr;gap:34px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.project-grid[data-view=list] .card-info{padding:0;align-items:center}.project-grid[data-view=list] .project-name{font-size:28px}.project-grid[data-view=list] .card-description{display:block}
.perspective{background:var(--paper);color:var(--ink);padding:93px 0 100px;position:relative;border-radius:22px 22px 0 0}.perspective-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cacbc3;padding-bottom:22px}.perspective-top .eyebrow{color:#676b5f}.perspective-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:56px}.perspective h2{font-size:clamp(42px,4.5vw,74px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:0 0 20px;max-width:650px}.perspective h2 span{color:#858a7c}.perspective-copy{font-size:15px;max-width:430px;color:#61655b;line-height:1.8;margin:23px 0}.perspective-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;padding:12px 0;border-bottom:1px solid #66695e}.perspective-link svg{transition:transform .4s var(--ease)}.perspective-link:hover svg{transform:rotate(45deg)}.perspective-detail{display:grid;grid-template-columns:30px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid #cacbc3}.perspective-detail:first-child{padding-top:0}.perspective-detail>span{font-size:10px;color:#6b6f64;padding-top:4px}.perspective-detail h3{font-size:20px;letter-spacing:-.02em;font-weight:500;margin:0 0 7px}.perspective-detail p{font-size:13px;line-height:1.8;color:#666a61;margin:0;max-width:430px}
.site-footer{padding-top:79px;padding-bottom:25px;background:#dce0d4;color:var(--ink)}.footer-top{display:flex;align-items:center;justify-content:space-between;color:#64685d}.footer-main{display:flex;gap:38px;align-items:end;justify-content:space-between;padding-top:36px;padding-bottom:59px}.footer-title{font-size:clamp(54px,6.4vw,106px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0}.footer-title span{color:#7e8773}.surprise-button{border-radius:50%;width:156px;height:156px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:12px;line-height:1.4;flex:none;transition:background .4s,color .4s,transform .6s var(--ease)}.surprise-button svg{width:32px;height:32px;transition:transform .5s var(--ease)}.surprise-button:hover{background:var(--accent);color:var(--ink);transform:rotate(-7deg)}.surprise-button:hover svg{transform:rotate(7deg)}.footer-bottom{border-top:1px solid #b8beb0;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;color:#51564b}.footer-bottom .brand{font-size:21px}.footer-bottom .brand-mark{width:24px!important;height:24px!important;color:var(--ink)}.back-top{display:flex;gap:11px;align-items:center}.back-top svg{width:15px;height:15px}.scroll-progress{position:fixed;left:0;top:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:80}.page-transition{position:fixed;inset:0;background:var(--accent);z-index:100;transform:translateY(101%);display:grid;place-items:center;pointer-events:none;transition:transform .5s var(--ease)}.page-transition svg{width:78px;height:78px;color:var(--ink)}.is-leaving .page-transition{transform:translateY(0)}
.project-dialog{background:var(--paper);color:var(--ink);border:0;border-radius:16px;max-width:620px;width:calc(100% - 36px);padding:0;overflow:hidden;max-height:calc(100dvh - 48px);box-shadow:0 25px 100px #0005}.project-dialog::backdrop{background:#080909bc;backdrop-filter:blur(8px)}.dialog-content{padding:42px}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:25px;color:#696e60;margin-bottom:38px}.dialog-close{width:34px;height:34px;border:1px solid #c3c8b9;border-radius:50%;display:grid;place-items:center;color:var(--ink)}.dialog-close svg{width:16px;height:16px}.dialog-close:hover{background:#dce0d4}.dialog-title{font-size:49px;font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:0 0 19px}.dialog-description{color:#626858;font-size:16px;line-height:1.8;margin:0 0 28px}.dialog-features{list-style:none;padding:0;margin:0 0 35px;border-top:1px solid #c7ccbd}.dialog-features li{font-size:13px;padding:14px 0;border-bottom:1px solid #c7ccbd;display:flex;gap:15px;align-items:center}.dialog-features li::before{content:'↗';color:#7e8872;font-size:15px}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.dialog-page-count{color:#68715d;font-size:11px}.dialog-open-link{display:inline-flex;gap:25px;align-items:center;padding:13px 20px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;transition:background .3s,color .3s}.dialog-open-link:hover{background:var(--accent);color:var(--ink)}.reveal{transition:opacity .8s var(--ease),transform .9s var(--ease)}.js .reveal:not(.is-visible){opacity:0;transform:translateY(28px)}
@keyframes titleIn{from{transform:translateY(115%);opacity:.2}to{transform:none;opacity:1}}@keyframes cardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slowOrbit{to{transform:rotate(390deg)}}
@media(min-width:1800px){.hero-grid{grid-template-columns:1fr 310px}.hero-mark{height:280px}.collection-layout{grid-template-columns:205px minmax(0,1fr);gap:75px}.project-grid{gap:60px 32px}.card-info{padding-top:20px}}
@media(max-width:1150px){.shell{width:calc(100% - 56px)}.collection-layout{grid-template-columns:155px minmax(0,1fr);gap:28px}.project-grid{gap:35px 20px}.hero-grid{grid-template-columns:1fr 180px}.hero-mark{height:185px}.hero-mark::before{width:120px;height:120px}.hero-mark::after{width:90px;height:90px}.hero h1{font-size:9.4vw}.perspective-grid{gap:55px}.project-grid[data-view=list] .project-card{grid-template-columns:225px 1fr}.nav-links{gap:25px}.card-visual{padding:10% 5%}}
@media(max-width:950px){.collection-layout{grid-template-columns:1fr;gap:23px}.collection-sidebar{position:static;padding-top:0}.filter-heading{margin-bottom:12px}.filter-list{flex-direction:row;flex-wrap:wrap;gap:9px}.filter{border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:11px;gap:12px}.filter:hover{padding-left:12px}.filter[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.filter-count{min-width:20px;font-size:9px;padding:3px 5px}.filter[aria-pressed=true] .filter-count{border-color:#aeb2a4}.sidebar-note{display:none}.collection-topbar{margin-bottom:19px}.hero-mark .coordinate{display:none}.hero-top .eyebrow{font-size:9px}.perspective-grid{gap:35px}.nav-cta{gap:13px}.project-grid[data-view=list] .project-name{font-size:24px}}
@media(max-width:680px){html{scroll-padding-top:89px}.shell{width:calc(100% - 36px)}.nav-inner{min-height:74px;gap:15px}.brand{font-size:24px}.brand-mark{width:29px!important;height:29px!important}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px 0 12px 16px;width:38px}.menu-toggle span{height:1px;width:23px;background:var(--paper);transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;padding:25px 20px;background:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav-links[data-open=true]{display:flex}.nav-link{font-size:18px}.nav-cta{justify-content:space-between;padding:12px 18px;margin-top:5px}.hero{padding-top:35px;padding-bottom:40px}.hero-top .eyebrow:last-child{display:none}.hero-grid{grid-template-columns:1fr;padding-top:30px;gap:0}.hero h1{font-size:clamp(48px,12.7vw,87px);letter-spacing:-.064em}.hero-mark{display:none}.hero-bottom{margin-top:18px;gap:20px;align-items:start}.hero-copy{font-size:13px;max-width:270px}.scroll-link{font-size:0;gap:0}.circle-arrow{width:41px;height:41px}.index-divider{margin-bottom:25px;gap:13px;padding-top:19px}.index-divider .index-note{font-size:9px}.index-divider .eyebrow{font-size:9px}.collection{padding-top:5px;padding-bottom:63px;scroll-margin-top:90px}.collection-layout{gap:16px}.filter-heading{margin-bottom:13px}.filter-list{gap:8px}.filter{font-size:10px;padding:7px 10px;gap:8px}.filter:hover{padding-left:10px}.collection-topbar{gap:10px;flex-wrap:wrap;margin-bottom:16px}.result-count{font-size:10px}.toolbar-actions{gap:8px}.search-input{width:109px;font-size:10px}.search-form svg{width:12px;height:12px}.view-controls{gap:0}.view-button{width:26px;height:24px}.project-grid{grid-template-columns:1fr;gap:33px}.card-visual{border-radius:10px;padding:9% 6%}.project-name{font-size:22px}.project-category{font-size:11px}.card-info{padding-top:14px}.card-enter{font-size:11px;padding:10px 14px}.project-grid[data-view=list]{gap:18px}.project-grid[data-view=list] .project-card{grid-template-columns:115px minmax(0,1fr);gap:15px;padding-bottom:18px}.project-grid[data-view=list] .card-visual{aspect-ratio:1}.project-grid[data-view=list] .project-name{font-size:18px;gap:5px}.project-grid[data-view=list] .card-description{display:none}.project-grid[data-view=list] .card-number,.project-grid[data-view=list] .card-stamp,.project-grid[data-view=list] .card-enter{display:none}.project-grid[data-view=list] .card-info{gap:7px}.project-grid[data-view=list] .info-button{width:25px;height:25px;font-size:10px}.project-grid[data-view=list] .browser-chrome{height:8px;padding:0 4px}.project-grid[data-view=list] .browser-dot{width:2px;height:2px}.project-grid[data-view=list] .browser-label{display:none}.project-grid[data-view=list] .browser-screen{height:calc(100% - 8px)}.perspective{padding:49px 0 54px;border-radius:16px 16px 0 0}.perspective-top{padding-bottom:18px}.perspective-top .eyebrow{font-size:9px}.perspective-grid{grid-template-columns:1fr;gap:35px;padding-top:30px}.perspective h2{font-size:43px;margin-bottom:15px}.perspective-copy{font-size:13px;margin-top:18px}.perspective-detail{gap:15px;padding:20px 0}.perspective-detail h3{font-size:19px}.site-footer{padding-top:45px;padding-bottom:22px}.footer-top .eyebrow{font-size:9px}.footer-main{align-items:center;gap:18px;padding-top:29px;padding-bottom:38px}.footer-title{font-size:clamp(39px,8.9vw,59px)}.surprise-button{width:95px;height:95px;font-size:9px;gap:8px}.surprise-button svg{width:23px;height:23px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:9px;padding-top:20px}.footer-bottom .brand{font-size:20px}.dialog-content{padding:25px}.dialog-top{margin-bottom:28px}.dialog-title{font-size:38px}.dialog-description{font-size:14px}.dialog-features{margin-bottom:26px}.dialog-bottom{align-items:start;flex-direction:column-reverse;gap:17px}.dialog-open-link{justify-content:space-between;width:100%}.dialog-page-count{font-size:10px}}
.dialog-open-link{display:inline-flex;gap:25px;align-items:center;padding:13px 20px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;transition:background .3s,color .3s}.dialog-open-link:hover{background:var(--accent);color:var(--ink)}.hero-mark .brand-mark{width:65px!important;height:65px!important}.page-transition .brand-mark{width:78px!important;height:78px!important}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.browser-screen{--preview-scale:.35}
@media(max-width:680px){.hero h1{font-size:clamp(37px,12.5vw,85px)}.dialog-open-link{justify-content:space-between;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}.page-transition{display:none}.project-card:hover .browser-shell{transform:none}.hero-mark::before{transform:rotate(30deg)}.hero-mark::after{transform:rotate(-30deg)}}

.card-link{position:absolute;inset:0;z-index:5;border-radius:inherit}.card-link:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.card-link:hover .card-enter,.card-link:focus-visible .card-enter{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:360px){.footer-title{font-size:35px}.surprise-button{width:80px;height:80px}.footer-main{gap:14px}}