@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-tight-cyrillic-400.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-tight-latin-400.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:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-tight-cyrillic-500.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-tight-latin-500.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:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-tight-cyrillic-600.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-tight-latin-600.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:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-cyrillic-500.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500.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:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-cyrillic-700.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700.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}
body{margin:0;background:#0E0E0E}
a{color:#0E0E0E}a:hover{color:#0E0E0E}
html{scroll-behavior:smooth}
.root{--ink:#0E0E0E;--bg:#ECECE8;--paper:#F8F8F5;--mut:#5A5A56;--line:rgba(14,14,14,.16)}
.acc-orange{--acc:#FF4A1C;--acc-ink:#0E0E0E;--acc-t:#C2300A}
.acc-blue{--acc:#2B3BFF;--acc-ink:#FFFFFF;--acc-t:#2B3BFF}
.acc-lime{--acc:#C6F432;--acc-ink:#0E0E0E;--acc-t:#0E0E0E}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;font-weight:500}
.mut{color:var(--mut)}

@keyframes up{from{transform:translateY(112%)}to{transform:none}}
@keyframes fade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:.15}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes drawerIn{from{transform:translateY(120px) scale(.94)}to{transform:none}}
@keyframes sheetIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pull{
0%{transform:translateY(var(--fy)) scale(var(--fs));z-index:var(--fz)}
28%{transform:translateY(calc(var(--fy) - 40px)) scale(var(--fs));z-index:var(--fz)}
29%{z-index:6}
60%{transform:translateY(calc(var(--fy) - 40px)) scale(1.03);z-index:6}
100%{transform:translateY(248px) scale(1);z-index:6}
}
@keyframes gout{
0%{transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r));z-index:20}
45%{transform:translate(-50%,-50%) translate(calc(var(--x) + 54%),calc(var(--y) - 6%)) rotate(calc(var(--r) + 7deg));z-index:20}
55%{transform:translate(-50%,-50%) translate(calc(var(--x) + 54%),calc(var(--y) - 6%)) rotate(calc(var(--r) + 7deg));z-index:0}
100%{transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r));z-index:0}
}
@keyframes gin{
0%{transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r));z-index:0}
45%{transform:translate(-50%,-50%) translate(calc(var(--x) + 54%),calc(var(--y) - 6%)) rotate(calc(var(--r) + 7deg));z-index:0}
55%{transform:translate(-50%,-50%) translate(calc(var(--x) + 54%),calc(var(--y) - 6%)) rotate(calc(var(--r) + 7deg));z-index:20}
100%{transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r));z-index:20}
}

.ln{display:block;overflow:hidden;padding:.04em 0 .14em;margin-bottom:-.1em}
.li{display:block;animation:up 1s cubic-bezier(.16,1,.3,1) both}
.fi{animation:fade .9s cubic-bezier(.16,1,.3,1) both}
.d1{animation-delay:.12s}.d2{animation-delay:.28s}.d3{animation-delay:.42s}
.blink{animation:blink 1.4s steps(1) infinite}
.spin{animation:spin 18s linear infinite;transform-origin:50% 50%}
.mq{display:flex;width:max-content;animation:mq 46s linear infinite}

.nl{color:var(--ink);text-decoration:none;position:relative}
.nl::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.nl:hover::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#F4F4F1;background-color:var(--ink);background-image:linear-gradient(var(--acc),var(--acc));background-repeat:no-repeat;background-size:0% 100%;transition:background-size .45s cubic-bezier(.2,.8,.2,1),color .3s}
.btn:hover{background-size:100% 100%;color:var(--acc-ink)}
.px{position:absolute;inset:0;opacity:0;transition:opacity .5s steps(5)}
.phw:hover .px{opacity:1}
.hero{display:grid;grid-template-columns:minmax(0,1fr) clamp(132px,27vw,360px);gap:clamp(18px,3vw,40px) clamp(16px,4vw,56px);align-items:start}
.hero-h{grid-column:1;grid-row:1}
.hero-t{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}
.hero-p{grid-column:2;grid-row:1 / span 2}
.hero .spin{width:clamp(54px,8.4vw,104px);height:clamp(54px,8.4vw,104px)}
@media (max-width:700px){
.hero-p{grid-row:1}
.hero-t{grid-column:1 / -1}
.hero .cap2{display:none}
}

.row{width:100%;box-sizing:border-box;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .35s,color .35s,padding .35s}
.row:hover{background:var(--ink);color:#F4F4F1;padding-left:20px!important;padding-right:20px!important}
.rmut{color:var(--mut);transition:color .35s}
.row:hover .rmut{color:#BDBDB6}
.arr{opacity:0;transform:translateX(-12px);transition:transform .35s,opacity .35s}
.row:hover .arr{opacity:1;transform:none}
.stk{position:static}
@media (min-width:1000px){.stk{position:sticky;top:96px}}

/* ящик */
.stagewrap{max-height:4600px;overflow:hidden;padding:44px clamp(10px,2.4vw,34px) 0;transition:max-height .9s cubic-bezier(.6,0,.2,1),opacity .5s,padding .9s}
.closed .stagewrap{max-height:0!important;opacity:0;padding-top:0}
.stage{transition:transform .9s cubic-bezier(.6,0,.2,1)}
.closed .stage{transform:translateY(120px)}
.rig{display:grid;padding-bottom:262px}
.fd{grid-area:1/1;min-width:0;display:flex;flex-direction:column;pointer-events:none;transform-origin:50% 0;transition:transform .85s cubic-bezier(.2,.8,.2,1)}
.fd .tab,.fd .paper{pointer-events:auto}
.p0{transform:translateY(248px);z-index:5}
.p1{transform:translate(calc(var(--px,0px)*1),calc(178px + var(--py,0px)*1)) scale(.957);z-index:4}
.p2{transform:translate(calc(var(--px,0px)*2),calc(114px + var(--py,0px)*2)) scale(.918);z-index:3}
.p3{transform:translate(calc(var(--px,0px)*3),calc(55px + var(--py,0px)*3)) scale(.882);z-index:2}
.p4{transform:translate(calc(var(--px,0px)*4),calc(var(--py,0px)*4)) scale(.849);z-index:1}
.fp1{--fy:178px;--fs:.957;--fz:4}.fp2{--fy:114px;--fs:.918;--fz:3}.fp3{--fy:55px;--fs:.882;--fz:2}.fp4{--fy:0px;--fs:.849;--fz:1}
.pull{animation:pull 1s cubic-bezier(.3,.1,.2,1) both}
.pull .sin{animation:sheetIn .6s .55s both}
.tab{align-self:flex-start;position:relative;z-index:1;margin-bottom:-1px;min-height:52px;width:21%;min-width:0;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0;background:var(--paper);color:var(--ink);cursor:pointer;text-align:left;user-select:none;-webkit-user-select:none;transition:background .25s,color .25s}
.t1 .tab{margin-left:19.75%}.t2 .tab{margin-left:39.5%}.t3 .tab{margin-left:59.25%}.t4 .tab{margin-left:79%}
.tab .tn{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{flex:none;padding:1px 6px;border:1px solid currentColor;font-size:10px;line-height:1.4}
.paper{flex:1;position:relative;background:var(--paper);border:1px solid var(--ink);border-radius:14px;box-shadow:0 -16px 30px -22px rgba(14,14,14,.5)}
.t0 .paper{border-top-left-radius:0}
.p1 .paper,.p1 .tab{background:#F1F1ED}
.p2 .paper,.p2 .tab{background:#EAEAE5}
.p3 .paper,.p3 .tab{background:#E3E3DE}
.p4 .paper,.p4 .tab{background:#DCDCD6}
.fd .tab:hover{background:var(--acc);color:var(--acc-ink)}
.fd.p0 .tab,.fd.p0 .tab:hover{background:var(--ink);color:#F4F4F1}
.hole{position:absolute;left:18px;width:14px;height:14px;border-radius:50%;background:var(--bg);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.facewrap{position:relative;z-index:6;margin-top:-36px;transition:margin .9s cubic-bezier(.6,0,.2,1)}
.closed .facewrap{margin-top:0}
.handle{transition:background .3s,border-color .3s}
.face:hover .handle{background:var(--acc);border-color:var(--acc)!important}

/* стопка фото под скрепкой */
.pile{position:relative;isolation:isolate;height:clamp(220px,25vw,320px);user-select:none;-webkit-user-select:none}
.gp{position:absolute;left:50%;top:50%;max-width:78%;max-height:84%;border:8px solid #FFFFFF;box-shadow:0 10px 24px -10px rgba(14,14,14,.6);transform:translate(-50%,-50%) translate(var(--x),var(--y)) rotate(var(--r));-webkit-user-drag:none}
.r0{--x:-3%;--y:1%;--r:-3deg}.r1{--x:4%;--y:-2%;--r:2.5deg}.r2{--x:-1%;--y:3%;--r:-1.5deg}.r3{--x:3%;--y:2%;--r:4deg}
.r4{--x:-5%;--y:-1%;--r:-5deg}.r5{--x:2%;--y:-3%;--r:1.5deg}.r6{--x:-2%;--y:-2%;--r:3deg}.r7{--x:5%;--y:1%;--r:-2.5deg}
.z0{z-index:8}.z1{z-index:7}.z2{z-index:6}.z3{z-index:5}.z4{z-index:4}.z5{z-index:3}.z6{z-index:2}.z7{z-index:1}
.gout{animation:gout 1.15s cubic-bezier(.4,0,.2,1) both}
.gin{animation:gin 1.15s cubic-bezier(.4,0,.2,1) both}
.clip{position:absolute;left:12%;top:-18px;z-index:30;transform:rotate(-12deg);pointer-events:none}
.gbtn{width:48px;height:48px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:background .25s,color .25s}
.gbtn:hover{background:var(--ink);color:#F4F4F1}
.lnk{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .3s,color .3s,padding .3s}
.lnk:hover{background:var(--ink);color:#F4F4F1;padding-left:14px;padding-right:14px}
.lnk .lm{color:var(--mut);transition:color .3s}
.lnk:hover .lm{color:#BDBDB6}

/* обо мне */
.ab{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:26px 0;border-top:1px solid var(--line)}
.abq{all:unset;box-sizing:border-box;display:flex;gap:14px;align-items:baseline;font-size:clamp(24px,2.6vw,38px);line-height:1.12;letter-spacing:-.03em;font-weight:500;color:var(--ink);text-wrap:pretty}
.abq .pl{display:none}
.abd{display:flex;flex-direction:column;gap:8px;padding-top:8px}
@media (max-width:899px){
.ab{grid-template-columns:minmax(0,1fr);gap:0;padding:0}
.abq{cursor:pointer;padding:20px 0;min-height:44px;width:100%}
.abq .pl{display:inline-block;flex:none;margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:20px;transition:transform .35s}
.ab.on .abq .pl{transform:rotate(45deg)}
.abd{max-height:0;overflow:hidden;opacity:0;padding-top:0;transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .35s,padding .5s}
.ab.on .abd{max-height:420px;opacity:1;padding-bottom:22px}
.ab.on .abq{color:var(--acc-t)}
}

.crow{color:#F4F4F1;text-decoration:none;background-image:linear-gradient(var(--acc),var(--acc));background-repeat:no-repeat;background-position:0 100%;background-size:100% 0%;transition:background-size .45s cubic-bezier(.2,.8,.2,1),color .3s,padding .45s}
.crow:hover{background-size:100% 100%;color:var(--acc-ink);padding-left:20px!important;padding-right:20px!important}
.cmut{color:#A9A9A3;transition:color .3s}
.crow:hover .cmut{color:var(--acc-ink)}
.stretch{position:absolute;inset:0}
.mailbtn{position:relative;z-index:1;min-height:44px;padding:0 2px;border:0;border-bottom:1px dashed currentColor;background:transparent;color:inherit;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:clamp(15px,1.4vw,18px);letter-spacing:.02em;cursor:copy;user-select:text;-webkit-user-select:text}

.ov{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.ovbg{position:absolute;inset:0;border:0;background:rgba(14,14,14,.58);cursor:pointer;animation:ovIn .3s both}
.dlg{position:relative;box-sizing:border-box;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--paper);border:1px solid var(--ink);padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;gap:24px;animation:dlgIn .45s cubic-bezier(.2,.8,.2,1) both}
.xbtn{width:44px;height:44px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:22px;line-height:1;cursor:pointer;transition:background .25s,color .25s}
.xbtn:hover{background:var(--ink);color:#F4F4F1}
.fld{display:flex;flex-direction:column;gap:4px}
.inp{width:100%;box-sizing:border-box;min-height:46px;padding:8px 0;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font-family:inherit;font-size:19px}
.inp::placeholder{color:#8A8A85}
.inp:focus{outline:none;border-bottom:2px solid var(--acc-t)}
@keyframes ovIn{from{opacity:0}to{opacity:1}}
@keyframes dlgIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

button:focus-visible,a:focus-visible{outline:2px solid var(--acc-t);outline-offset:3px}

@supports (animation-timeline:view()){
.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
.enter{animation:drawerIn linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
.prog{animation:draw linear both;animation-timeline:scroll(root)}
}
@media (max-width:860px){
.nav-links{display:none}
.fd .tab{margin-left:0;width:auto;max-width:100%}
.fd .paper{border-top-left-radius:0}
.hole{display:none}
}
@media (prefers-reduced-motion:reduce){
.li,.fi,.blink,.spin,.mq,.pull,.pull .sin,.gout,.gin,.rv,.enter,.prog{animation:none}
.fd,.stage,.stagewrap,.row,.btn,.crow,.px,.abd{transition:none}
html{scroll-behavior:auto}
}

/* ---- добавлено при сборке сайта ---- */
[hidden]{display:none!important}
@media (max-width:860px){.nav-links{display:none!important}}
.lg{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;color:var(--ink)}
.lg:hover{background:rgba(14,14,14,.08)}
.lg.on,.lg.on:hover{background:var(--ink);color:#F4F4F1}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
[data-f="send"][disabled]{opacity:.6;cursor:progress}
.e404{min-height:100vh;box-sizing:border-box;padding:clamp(24px,6vw,72px);display:flex;flex-direction:column;justify-content:center;gap:28px;background:#ECECE8;color:#0E0E0E;font-family:'Inter Tight','Helvetica Neue',Arial,sans-serif}
.e404h{margin:0;font-size:clamp(40px,8vw,96px);line-height:.95;letter-spacing:-.045em;font-weight:500}
.e404l{margin:0;display:flex;flex-wrap:wrap;gap:12px}
.e404b{min-height:52px;padding:0 24px}

/* ---- стили элементов (в макете были в атрибутах style) ---- */
.s1{background: #ECECE8; color: #0E0E0E; font-family: 'Inter Tight', 'Helvetica Neue', Arial, sans-serif; font-size: 17px; line-height: 1.5; overflow-x: clip}
.s2{position: sticky; top: 0; z-index: 50; background: rgba(236,236,232,.84); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--line)}
.s3{position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--acc); transform: scaleX(0); transform-origin: 0 50%}
.s4{max-width: 1360px; margin: 0 auto; padding: 12px clamp(20px, 3vw, 40px); display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap}
.s5{font-weight: 600; font-size: 20px; letter-spacing: -.03em}
.s6{display: flex; gap: 32px}
.s7{display: flex; align-items: center; gap: 12px}
.s8{display: flex; border: 1px solid var(--ink)}
.s9{min-height: 46px; padding: 0 20px}
.s10{max-width: 1360px; margin: 0 auto; padding: clamp(28px, 4vw, 56px) clamp(20px, 3vw, 40px) clamp(40px, 5vw, 72px); display: flex; flex-direction: column; gap: clamp(28px, 4vw, 56px)}
.s11{display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap}
.s12{display: inline-flex; align-items: center; gap: 10px}
.s13{width: 8px; height: 8px; border-radius: 50%; background: var(--acc)}
.s14{margin: 0; font-weight: 500; font-size: clamp(30px, 6.9vw, 100px); line-height: .94; letter-spacing: -.045em}
.s15{margin: 0; max-width: 30em; font-size: clamp(18px, 1.7vw, 24px); line-height: 1.35; letter-spacing: -.01em; text-wrap: pretty}
.s16{display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px}
.s17{min-height: 56px; padding: 0 28px}
.s18{width: 8px; height: 8px; border-radius: 50%; background: currentColor}
.s19{display: inline-flex; align-items: center; min-height: 44px}
.s20{margin: 0; position: relative; display: flex; flex-direction: column; gap: 12px}
.s21{position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: #D8D8D3}
.s22{width: 100%; height: 100%; object-fit: cover; display: block}
.s23{position: absolute; left: -14px; top: -16px}
.s24{position: absolute; left: -14px; bottom: 26px}
.s25{position: absolute; right: -10px; top: -10px}
.s26{fill: var(--acc)}
.s27{font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: 1.6px; fill: var(--acc-ink)}
.s28{fill: var(--acc-ink)}
.s29{display: flex; justify-content: space-between; gap: 4px 12px; flex-wrap: wrap}
.s30{max-width: 1360px; margin: 0 auto; padding: 0 clamp(20px, 3vw, 40px) clamp(48px, 6vw, 88px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 32px clamp(20px, 3vw, 40px)}
.s31{display: flex; flex-direction: column; gap: 14px; padding-top: 16px; border-top: 1px solid var(--ink)}
.s32{font-size: clamp(44px, 5vw, 72px); line-height: .95; letter-spacing: -.045em; font-weight: 500}
.s33{font-size: 15px; color: var(--mut); max-width: 20em}
.s34{overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 15px 0}
.s35{display: flex; gap: 44px; padding-right: 44px; white-space: nowrap}
.s36{color: var(--acc-t)}
.s37{max-width: 1360px; margin: 0 auto; padding: clamp(56px, 7vw, 104px) clamp(20px, 3vw, 40px); display: flex; flex-direction: column; gap: clamp(32px, 4vw, 56px)}
.s38{display: flex; justify-content: space-between; gap: 16px; padding-top: 14px; border-top: 1px solid var(--ink)}
.s39{display: flex; flex-wrap: wrap; gap: clamp(32px, 4vw, 64px); align-items: flex-start}
.s40{flex: 1 1 300px; min-width: 0; margin: 0; font-weight: 500; font-size: clamp(34px, 4.4vw, 64px); line-height: 1; letter-spacing: -.04em}
.s41{flex: 2.2 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 44px}
.s42{display: flex; flex-direction: column}
.s43{display: flex; align-items: center; gap: 10px; padding-bottom: 14px}
.s44{width: 8px; height: 8px; background: var(--acc)}
.s45{display: flex; align-items: baseline; gap: clamp(12px, 2vw, 28px); padding: 22px 0; border-top: 1px solid var(--line)}
.s46{flex: none; width: 28px}
.s47{flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 6px}
.s48{font-size: clamp(22px, 2.2vw, 30px); line-height: 1.1; letter-spacing: -.025em; font-weight: 500}
.s49{font-size: 15px}
.s50{flex: none; font-size: 24px; line-height: 1}
.s51{display: flex; align-items: baseline; gap: clamp(12px, 2vw, 28px); padding: 22px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line)}
.s52{display: flex; flex-wrap: wrap; gap: 16px clamp(32px, 4vw, 64px); align-items: flex-end; justify-content: space-between}
.s53{margin: 0; font-weight: 500; font-size: clamp(34px, 4.4vw, 64px); line-height: 1; letter-spacing: -.04em}
.s54{margin: 0; max-width: 24em; color: var(--mut)}
.s55{font-weight: 700}
.s56{padding: clamp(22px, 3vw, 40px) clamp(22px, 3vw, 40px) clamp(56px, 6vw, 76px) clamp(26px, 5vw, 72px); display: flex; flex-direction: column; gap: 28px}
.s57{top: 30%}
.s58{top: 64%}
.s59{display: flex; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap; padding-bottom: 14px; border-bottom: 1px solid var(--line)}
.s60{display: flex; flex-direction: column; gap: 36px}
.s61{display: flex; flex-wrap: wrap; gap: clamp(24px, 4vw, 64px)}
.s62{flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 18px; align-items: flex-start}
.s63{margin: 0; font-weight: 500; font-size: clamp(28px, 3.2vw, 46px); line-height: 1; letter-spacing: -.04em}
.s64{margin: 0; color: var(--mut)}
.s65{display: flex; flex-direction: column; gap: 6px}
.s66{margin-top: 8px; transform: rotate(-5deg); border: 2px solid var(--acc-t); color: var(--acc-t); padding: 8px 14px; font-weight: 700; font-size: 14px; letter-spacing: .14em}
.s67{flex: 1.5 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 22px}
.s68{margin: 0; font-size: 19px; line-height: 1.35; letter-spacing: -.01em}
.s69{display: flex; flex-direction: column; gap: 10px}
.s70{display: flex; gap: 12px}
.s71{flex: none; width: 7px; height: 7px; margin-top: 9px; background: var(--acc)}
.s72{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); gap: 18px; padding-top: 18px; border-top: 1px solid var(--line)}
.s73{font-size: 32px; line-height: 1; letter-spacing: -.04em; font-weight: 500}
.s74{font-size: 14px; color: var(--mut)}
.s75{display: flex; flex-wrap: wrap; gap: 28px clamp(28px, 4vw, 64px); align-items: center; padding-top: 28px; border-top: 1px solid var(--line)}
.s76{flex: 1.5 1 320px; min-width: 0}
.s77{flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 16px; align-items: flex-start}
.s78{font-size: 24px; line-height: 1.15; letter-spacing: -.025em; font-weight: 500}
.s79{display: flex; gap: 8px}
.s80{display: flex; flex-direction: column; border-bottom: 1px solid var(--line)}
.s81{padding-bottom: 12px}
.s82{flex: 1 1 220px; min-width: 0; font-size: 22px; line-height: 1.15; letter-spacing: -.02em; font-weight: 500}
.s83{flex: 2 1 260px; min-width: 0; font-size: 15px}
.s84{flex: none}
.s85{padding: 30px 0 12px; border-top: 1px solid var(--line)}
.s86{height: 14px; background: #BEBEB8; clip-path: polygon(1.6% 0, 98.4% 0, 100% 100%, 0 100%)}
.s87{width: 100%; min-height: 96px; border: 0; background: #0E0E0E; color: #F4F4F1; display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; padding: 18px clamp(18px, 3vw, 36px); cursor: pointer; font: inherit; text-align: left}
.s88{display: flex; flex-direction: column; gap: 4px; padding: 10px 16px; background: #F8F8F5; color: #0E0E0E}
.s89{color: #5A5A56}
.s90{font-weight: 700; font-size: 14px}
.s91{flex: 0 1 240px; height: 14px; border: 1px solid #F4F4F1; border-radius: 8px}
.s92{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 44px clamp(20px, 3vw, 40px)}
.s93{display: flex; flex-direction: column; gap: 16px}
.s94{font-size: clamp(56px, 6vw, 88px); line-height: .9; letter-spacing: -.05em; font-weight: 500; color: var(--acc-t)}
.s95{margin: 0; font-weight: 500; font-size: 24px; letter-spacing: -.025em}
.s96{margin: 0; color: var(--mut); font-size: 16px}
.s97{font-size: clamp(56px, 6vw, 88px); line-height: .9; letter-spacing: -.05em; font-weight: 500; color: #B9B9B3}
.s98{font-size: 18px; line-height: 1.4}
.s99{color: var(--mut); font-size: 15px}
.s100{display: flex; flex-wrap: wrap; gap: 24px clamp(32px, 4vw, 56px); align-items: flex-end}
.s101{position: relative; width: 220px; aspect-ratio: 1 / 1; overflow: hidden; background: #D8D8D3}
.s102{flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 18px}
.s103{display: flex; flex-direction: column; gap: 8px}
.s104{display: flex; flex-wrap: wrap; gap: 8px}
.s105{padding: 7px 10px; border: 1px solid var(--line)}
.s106{background: #0E0E0E; color: #F4F4F1}
.s107{max-width: 1360px; margin: 0 auto; padding: clamp(56px, 7vw, 104px) clamp(20px, 3vw, 40px) clamp(40px, 5vw, 72px); display: flex; flex-direction: column; gap: clamp(32px, 4vw, 56px)}
.s108{display: flex; justify-content: space-between; gap: 16px; padding-top: 14px; border-top: 1px solid rgba(244,244,241,.35)}
.s109{color: #A9A9A3}
.s110{display: flex; flex-wrap: wrap; gap: 20px clamp(32px, 4vw, 64px); align-items: flex-end; justify-content: space-between}
.s111{margin: 0; font-weight: 500; font-size: clamp(56px, 11vw, 168px); line-height: .88; letter-spacing: -.055em}
.s112{margin: 0; max-width: 18em; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.35; color: #A9A9A3}
.s113{display: flex; align-items: baseline; gap: clamp(12px, 2vw, 28px); flex-wrap: wrap; padding: 24px 0; border-top: 1px solid rgba(244,244,241,.25)}
.s114{flex: 1 1 200px; font-size: clamp(26px, 3vw, 44px); line-height: 1; letter-spacing: -.035em; font-weight: 500}
.s115{text-transform: none}
.s116{font-size: 26px; line-height: 1}
.s117{position: relative; display: flex; align-items: center; gap: 14px clamp(12px, 2vw, 28px); flex-wrap: wrap; padding: 24px 0; border-top: 1px solid rgba(244,244,241,.25)}
.s118{display: flex; align-items: baseline; gap: clamp(12px, 2vw, 28px); flex-wrap: wrap; padding: 24px 0; border-top: 1px solid rgba(244,244,241,.25); border-bottom: 1px solid rgba(244,244,241,.25)}
.s119{flex: 1 1 200px; display: inline-flex; align-items: center; gap: 16px; font-size: clamp(26px, 3vw, 44px); line-height: 1; letter-spacing: -.035em; font-weight: 500}
.s120{display: flex; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding-top: 24px; color: #A9A9A3}
.s121{display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--line)}
.s122{display: flex; flex-direction: column; gap: 20px}
.s123{font-size: clamp(24px, 3vw, 34px); line-height: 1.05; letter-spacing: -.035em; font-weight: 500}
.s124{color: var(--acc-t); font-size: 15px; min-height: 1.3em}
.s125{min-height: 56px; padding: 0 24px; justify-content: center; border: 0; cursor: pointer; width: 100%}
.s126{display: flex; flex-direction: column; gap: 20px; align-items: flex-start; padding: 8px 0}
.s127{font-size: clamp(28px, 4vw, 44px); line-height: 1.02; letter-spacing: -.04em; font-weight: 500}
.s128{color: var(--mut)}
.s129{min-height: 52px; padding: 0 24px; border: 0; cursor: pointer}