mirror of
https://github.com/Kugelschieber/schnittfest.git
synced 2026-11-12 09:02:01 +01:00
2 lines
25 KiB
CSS
2 lines
25 KiB
CSS
html,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,input,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,button,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;text-decoration:none;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--beige: #f7eee0;--yellow: #febb28;--orange: #fe6732;--red: #f5303c;--pink: #ce2867;--purple: #571b47;--ink: #0e0c0b}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{counter-reset:section;min-height:100vh;color:#0e0c0b;background:#f7eee0;font-family:"Manrope",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.6;font-weight:500;overflow-x:hidden;overflow-x:clip}body::after{content:"";position:fixed;inset:-50%;z-index:9999;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain .8s steps(4) infinite}@keyframes grain{0%{transform:translate(0, 0)}25%{transform:translate(-3%, 2%)}50%{transform:translate(2%, -3%)}75%{transform:translate(-2%, -1%)}100%{transform:translate(1%, 3%)}}img,video,iframe{display:block;max-width:100%}a{color:inherit}strong,b{font-weight:700}em,i{font-style:italic}::selection{background:#febb28;color:#0e0c0b}:focus-visible{outline:3px solid #fe6732;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.section-title{display:flex;align-items:flex-start;gap:16px;font-size:clamp(36px,6vw,76px);line-height:1;font-weight:800;letter-spacing:-0.03em;counter-increment:section}.section-title__nr{flex:none;margin-top:.35em;padding:4px 10px;border:2px solid currentColor;border-radius:999px;font-size:14px;line-height:1;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}.section-title__nr::before{content:counter(section, decimal-leading-zero)}.section-title--light{color:#f7eee0}.button{display:inline-flex;align-items:center;gap:12px;padding:16px 28px 16px 18px;border:3px solid #0e0c0b;border-radius:999px;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 #0e0c0b;transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .25s cubic-bezier(0.34, 1.56, 0.64, 1)}.button:hover{transform:translate(-2px, -2px) rotate(-1.5deg);box-shadow:7px 7px 0 #0e0c0b}.button:active{transform:translate(3px, 3px);box-shadow:0 0 0 #0e0c0b}.button--yellow{background:#febb28;color:#0e0c0b}.button--outline{background:rgba(0,0,0,0);padding:12px 22px;font-size:16px}.button__play{position:relative;width:32px;height:32px;flex:none;border-radius:50%;background:#0e0c0b;transition:transform .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.button__play::after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%, -50%);border-style:solid;border-width:6px 0 6px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #febb28}.button:hover .button__play{transform:rotate(360deg) scale(1.1)}.js [data-component~=reveal]{opacity:0;transform:translateY(40px) rotate(1deg);transition:opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}.js [data-component~=reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.js [data-component~=reveal]{opacity:1;transform:none}}.nav{position:sticky;top:0;z-index:100;padding:12px 0;transition:padding .3s cubic-bezier(0.22, 1, 0.36, 1)}.nav__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.nav__inner{padding:0 48px}}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__brand{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:3px solid #0e0c0b;border-radius:999px;background:#fff8ec;box-shadow:4px 4px 0 #0e0c0b;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-0.02em;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__brand:hover{transform:rotate(-3deg) scale(1.04)}.nav__rec{width:12px;height:12px;border-radius:50%;background:#f5303c;box-shadow:0 0 0 0 rgba(245,48,60,.6);animation:rec-pulse 1.6s infinite}.nav__word{display:inline-flex;align-items:center}.nav__cut{display:inline-block;margin:0 1px;color:#fe6732;font-size:.75em;transform:rotate(-90deg);transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__brand:hover .nav__cut{transform:rotate(-90deg) translateY(-3px) scaleX(0.6)}.nav__toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:52px;height:52px;padding:0 14px;border:3px solid #0e0c0b;border-radius:50%;background:#febb28;box-shadow:4px 4px 0 #0e0c0b;cursor:pointer}@media(min-width: 900px){.nav__toggle{display:none}}.nav__toggle-bar{display:block;height:3px;border-radius:3px;background:#0e0c0b;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav--open .nav__toggle-bar:first-child{transform:translateY(4.5px) rotate(45deg)}.nav--open .nav__toggle-bar:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}.nav__links{display:none;gap:8px;padding:6px;border:3px solid #0e0c0b;border-radius:999px;background:#fff8ec;box-shadow:4px 4px 0 #0e0c0b}@media(min-width: 900px){.nav__links{display:flex}}.nav__link{position:relative;padding:8px 18px;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav__link:hover{background:#0e0c0b;color:#f7eee0;transform:rotate(-2deg)}.nav__link--cta{background:#f5303c;color:#fff8ec}.nav--open .nav__links{position:fixed;inset:84px 16px auto;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:32px;animation:menu-pop .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.nav--open .nav__links .nav__link{padding:16px 20px;font-size:28px;font-weight:800}.nav--open .nav__links .nav__link::before{content:attr(data-nr);margin-right:12px;font-size:14px;vertical-align:middle;opacity:.5}@keyframes rec-pulse{0%{box-shadow:0 0 0 0 rgba(245,48,60,.6);opacity:1}50%{opacity:.35}70%{box-shadow:0 0 0 10px rgba(245,48,60,0)}100%{box-shadow:0 0 0 0 rgba(245,48,60,0);opacity:1}}@keyframes menu-pop{from{opacity:0;transform:scale(0.9) rotate(-2deg)}to{opacity:1;transform:none}}.intro{position:relative;overflow-x:clip;padding:48px 0 0}@media(min-width: 900px){.intro{padding-top:72px}}.intro__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.intro__inner{padding:0 48px}}.intro__inner{position:relative}.intro__kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:6px 14px;border-radius:999px;background:#0e0c0b;color:#f7eee0;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;rotate:-2deg}.intro__kicker-dot{width:8px;height:8px;border-radius:50%;background:#f5303c;animation:blink 1s steps(1) infinite}.intro__headline{max-width:16ch;font-size:clamp(34px,8.6vw,150px);hyphens:auto;line-height:.92;padding-bottom:.3em;margin-bottom:-0.3em;font-weight:800;letter-spacing:-0.045em;background:linear-gradient(100deg, #0e0c0b 0 48%, #f5303c 68%, #fe6732 88%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.intro__text{max-width:52ch;margin-top:28px;font-size:clamp(18px,1.6vw,22px);line-height:1.55}.intro__text strong{font-weight:800}.intro__cta{margin-top:32px}@media(min-width: 900px){.intro__cta{position:absolute;top:0;right:48px;margin:0;rotate:4deg;transition:rotate .4s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}.intro__cta:hover{rotate:-2deg}}@keyframes blink{50%{opacity:0}}.viewfinder{position:relative;margin-top:48px;overflow:hidden;border:3px solid #0e0c0b;border-radius:32px;background:#0e0c0b;box-shadow:10px 10px 0 #fe6732;width:100%;aspect-ratio:4/3}@media(min-width: 640px){.viewfinder{aspect-ratio:16/9}}@media(min-width: 900px){.viewfinder{margin-top:64px;box-shadow:16px 16px 0 #fe6732}}.viewfinder__video{width:100%;height:100%;object-fit:cover}.viewfinder__overlay{position:absolute;inset:0;pointer-events:none;color:#fff;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.6)}@media(min-width: 900px){.viewfinder__overlay{font-size:16px}}.viewfinder__corner{position:absolute;width:36px;height:36px;border:0 solid hsla(0,0%,100%,.9)}.viewfinder__corner--tl{top:20px;left:20px;border-top-width:3px;border-left-width:3px}.viewfinder__corner--tr{top:20px;right:20px;border-top-width:3px;border-right-width:3px}.viewfinder__corner--bl{bottom:20px;left:20px;border-bottom-width:3px;border-left-width:3px}.viewfinder__corner--br{bottom:20px;right:20px;border-bottom-width:3px;border-right-width:3px}.viewfinder__rec{position:absolute;top:30px;left:70px;display:flex;align-items:center;gap:8px}.viewfinder__rec::before{content:"";width:12px;height:12px;border-radius:50%;background:#f5303c;animation:blink 1s steps(1) infinite}.viewfinder__timecode{position:absolute;top:30px;right:70px;font-variant-numeric:tabular-nums}.viewfinder__meta{position:absolute;bottom:30px;left:70px;opacity:.85}.viewfinder__battery{position:absolute;right:74px;bottom:32px;width:30px;height:14px;border:2px solid #fff;border-radius:3px}.viewfinder__battery::before{content:"";position:absolute;inset:2px 30% 2px 2px;background:#fff}.viewfinder__battery::after{content:"";position:absolute;top:3px;right:-5px;width:3px;height:4px;background:#fff}.viewfinder__focus{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%, -50%);border:2px solid rgba(254,187,40,.9);animation:focus-hunt 5s cubic-bezier(0.34, 1.56, 0.64, 1) infinite}.viewfinder__focus::before,.viewfinder__focus::after{content:"";position:absolute;background:rgba(254,187,40,.9)}.viewfinder__focus::before{top:50%;left:50%;width:12px;height:2px;transform:translate(-50%, -50%)}.viewfinder__focus::after{top:50%;left:50%;width:2px;height:12px;transform:translate(-50%, -50%)}@media(max-width: 639px){.viewfinder__meta,.viewfinder__battery{display:none}.viewfinder__rec{left:32px;top:28px}.viewfinder__timecode{right:32px;top:28px}.viewfinder__corner{width:22px;height:22px}}@keyframes focus-hunt{0%,100%{transform:translate(-50%, -50%) scale(1)}10%{transform:translate(-50%, -50%) scale(1.25)}18%{transform:translate(-50%, -50%) scale(0.9)}24%{transform:translate(-50%, -50%) scale(1)}60%{transform:translate(-30%, -60%) scale(1)}70%{transform:translate(-30%, -60%) scale(1.2)}76%{transform:translate(-30%, -60%) scale(1)}}.ticker{position:relative;z-index:2;margin:72px -5vw 0;padding:18px 0;overflow:hidden;border-block:3px solid #0e0c0b;background:#febb28;transform:rotate(-2deg)}@media(min-width: 900px){.ticker{margin-top:96px}}.ticker__track{display:flex;width:max-content;animation:ticker 40s linear infinite}.ticker__track span{padding-right:.5em;white-space:nowrap;font-size:clamp(24px,4vw,44px);line-height:1;font-weight:800;letter-spacing:-0.02em;text-transform:uppercase}.ticker:hover .ticker__track{animation-play-state:paused}@keyframes ticker{to{transform:translateX(-50%)}}.service{padding:120px 0}@media(min-width: 900px){.service{padding:160px 0}}.service__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.service__inner{padding:0 48px}}.service__head{display:grid;gap:24px;margin-bottom:64px}@media(min-width: 900px){.service__head{grid-template-columns:1fr 1fr;align-items:end}}.service__text{max-width:46ch;font-size:20px}.service__grid{display:grid;gap:56px}@media(min-width: 900px){.service__grid{grid-template-columns:5fr 7fr;align-items:start;gap:64px}}.service__items{display:grid;gap:32px}.polaroid{position:relative;margin:0;padding:16px 16px 72px;border:3px solid #0e0c0b;background:#fff8ec;box-shadow:10px 10px 0 #0e0c0b;rotate:2.5deg;transition:rotate .5s cubic-bezier(0.34, 1.56, 0.64, 1),scale .5s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .8s cubic-bezier(0.22, 1, 0.36, 1),transform .9s cubic-bezier(0.22, 1, 0.36, 1)}@media(min-width: 900px){.polaroid{position:sticky;top:120px}}.polaroid:hover{rotate:-1deg;scale:1.02}.polaroid::before{content:"";position:absolute;top:-18px;left:50%;width:140px;height:36px;transform:translateX(-50%) rotate(-4deg);background:rgba(254,187,40,.85);border:2px dashed rgba(14,12,11,.25)}.polaroid__image{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 33%;border:3px solid #0e0c0b}.polaroid__caption{position:absolute;right:16px;bottom:18px;left:16px;font-size:18px;font-weight:700;font-style:italic;text-align:center;transform:rotate(-1deg)}.slate{--slate-color: #f5303c;position:relative;counter-increment:slate;padding-top:30px}.slate--red{--slate-color: #f5303c}.slate--orange{--slate-color: #fe6732}.slate--yellow{--slate-color: #febb28}.slate--pink{--slate-color: #ce2867}.slate--purple{--slate-color: #571b47}.slate__clapper{position:absolute;top:0;left:0;right:0;height:34px;border:3px solid #0e0c0b;border-radius:10px 10px 0 0;background:repeating-linear-gradient(-55deg, var(--slate-color) 0 20px, #0e0c0b 20px 40px);transform-origin:6px 100%;transform:rotate(-9deg);transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.slate__clapper::before{content:"";position:absolute;left:2px;bottom:-9px;width:12px;height:12px;border:3px solid #0e0c0b;border-radius:50%;background:#fff8ec}.slate:hover .slate__clapper{animation:clap .45s cubic-bezier(0.34, 1.56, 0.64, 1);transform:rotate(0)}.slate__body{position:relative;padding:28px 28px 28px;border:3px solid #0e0c0b;border-radius:0 0 20px 20px;background:#0e0c0b;color:#f7eee0;box-shadow:8px 8px 0 var(--slate-color);transition:transform .35s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .35s cubic-bezier(0.34, 1.56, 0.64, 1)}.slate__body::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(-55deg, var(--slate-color) 0 20px, #0e0c0b 20px 40px);border-bottom:3px solid #0e0c0b}.slate__body::after{content:"Szene 0" counter(slate);position:absolute;top:30px;right:24px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.slate:hover .slate__body{transform:translate(-3px, -3px);box-shadow:12px 12px 0 var(--slate-color)}.slate__title{margin-top:12px;font-size:clamp(32px,4vw,48px);line-height:1.1;font-weight:800;letter-spacing:-0.03em;color:var(--slate-color)}.slate__text{margin-top:8px;font-size:18px;color:rgba(247,238,224,.85)}.slate:nth-child(odd){rotate:-1deg}.slate:nth-child(even){rotate:1deg}.service__items{counter-reset:slate}@keyframes clap{0%{transform:rotate(-9deg)}40%{transform:rotate(-22deg)}70%{transform:rotate(1deg)}100%{transform:rotate(0)}}.process{padding:0 0 120px}@media(min-width: 900px){.process{padding-bottom:160px}}.process__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.process__inner{padding:0 48px}}.process__head{display:grid;gap:24px;margin-bottom:64px}@media(min-width: 900px){.process__head{grid-template-columns:1fr 1fr;align-items:end}}.process__text{max-width:46ch;font-size:20px}.process__steps{counter-reset:frame;display:grid;gap:28px;margin:0;padding:0;list-style:none}@media(min-width: 640px){.process__steps{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1200px){.process__steps{grid-template-columns:repeat(4, 1fr)}}.frame{--frame-color: #febb28;counter-increment:frame;position:relative;padding:28px 24px 32px;border:3px solid #0e0c0b;border-radius:20px;background:#fff8ec;box-shadow:8px 8px 0 var(--frame-color);transition:rotate .4s cubic-bezier(0.34, 1.56, 0.64, 1),translate .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.frame--red{--frame-color: #f5303c}.frame--orange{--frame-color: #fe6732}.frame--yellow{--frame-color: #febb28}.frame--pink{--frame-color: #ce2867}.frame--purple{--frame-color: #571b47}.frame:nth-child(odd){rotate:-1.2deg}.frame:nth-child(even){rotate:1.2deg}.frame:hover{rotate:0deg;translate:0 -6px}@media(min-width: 1200px){.frame:not(:last-child)::after{content:"";position:absolute;top:50%;right:-26px;width:22px;border-top:3px dashed #0e0c0b}}.frame__nr{display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border:3px solid #0e0c0b;border-radius:50%;background:var(--frame-color);font-size:22px;font-weight:800}.frame__nr::before{content:counter(frame)}.frame__title{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-0.02em}.frame__text{margin-top:10px;font-size:17px}.work{position:relative;padding:0;background:#0e0c0b;color:#f7eee0;counter-reset:take}.work__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.work__inner{padding:0 48px}}.work__inner{padding-top:120px;padding-bottom:120px}@media(min-width: 900px){.work__inner{padding-top:160px;padding-bottom:160px}}.work__head{display:grid;gap:24px;margin-bottom:80px}@media(min-width: 900px){.work__head{grid-template-columns:1fr 1fr;align-items:end}}.work__text{max-width:46ch;font-size:20px;color:rgba(247,238,224,.8)}.work__list{display:grid;gap:96px}@media(min-width: 900px){.work__list{gap:140px}}.filmstrip{height:44px;background-color:#0e0c0b;background-image:radial-gradient(ellipse 9px 8px at center, #f7eee0 96%, transparent 100%);background-size:40px 20px;background-position:0 12px;background-repeat:repeat-x;animation:filmstrip 2s linear infinite}@keyframes filmstrip{to{background-position:40px 12px}}.take{counter-increment:take;display:grid;gap:32px;align-items:center}@media(min-width: 900px){.take{grid-template-columns:4fr 8fr;gap:64px}.take:nth-child(even){grid-template-columns:8fr 4fr}.take:nth-child(even) .take__info{order:2}.take:nth-child(even) .take__screen{order:1;transform:rotate(1.5deg)}}.take__info{position:relative}.take__label{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:2px solid #f7eee0;border-radius:8px;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.take__label::after{content:counter(take, decimal-leading-zero);padding-left:8px;border-left:2px solid #f7eee0;color:#febb28}.take__title{margin-top:20px;font-size:clamp(32px,4.5vw,56px);line-height:1.05;font-weight:800;letter-spacing:-0.03em}.take__text{margin-top:16px;color:rgba(247,238,224,.75)}.take__screen{position:relative;aspect-ratio:16/9;border:3px solid #f7eee0;border-radius:20px;overflow:hidden;background:#000;transform:rotate(-1.5deg);transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1),box-shadow .5s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:10px 10px 0 var(--take-color, #f5303c)}.take:hover .take__screen{transform:rotate(0) scale(1.02);box-shadow:16px 16px 0 var(--take-color, #f5303c)}.take:nth-child(4n+1){--take-color: #ce2867}.take:nth-child(4n+2){--take-color: #f5303c}.take:nth-child(4n+3){--take-color: #fe6732}.take:nth-child(4n+4){--take-color: #febb28}.take:hover .take__title{color:var(--take-color)}.take__title{transition:color .3s}.take__video{position:absolute;inset:0;width:100%;height:100%;border:0}.faq{padding:120px 0 0}@media(min-width: 900px){.faq{padding-top:160px}}.faq__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.faq__inner{padding:0 48px}}.faq__inner{display:grid;gap:48px}@media(min-width: 900px){.faq__inner{grid-template-columns:5fr 7fr;gap:64px;align-items:start}}.faq__head{display:grid;gap:24px}@media(min-width: 900px){.faq__head{position:sticky;top:120px}}.faq__text{max-width:40ch;font-size:20px}.faq__text a{font-weight:700;text-decoration:underline wavy #f5303c;text-underline-offset:4px}.faq__list{display:grid;gap:16px}.faq-item{border:3px solid #0e0c0b;border-radius:20px;background:#fff8ec;box-shadow:5px 5px 0 #0e0c0b;transition:box-shadow .3s cubic-bezier(0.34, 1.56, 0.64, 1),translate .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.faq-item:hover{translate:-2px -2px;box-shadow:8px 8px 0 #0e0c0b}.faq-item[open]{background:#febb28}.faq-item__question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none}.faq-item__question::-webkit-details-marker{display:none}.faq-item__title{font-size:clamp(18px,2vw,22px);line-height:1.3;font-weight:800}.faq-item__icon{position:relative;flex:none;width:36px;height:36px;border:3px solid #0e0c0b;border-radius:50%;background:#fff8ec;transition:rotate .4s cubic-bezier(0.34, 1.56, 0.64, 1)}.faq-item__icon::before,.faq-item__icon::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:3px;background:#0e0c0b;translate:-50% -50%}.faq-item__icon::after{rotate:90deg}.faq-item[open] .faq-item__icon{rotate:135deg}.faq-item__answer{padding:0 24px 24px;font-size:17px}.faq-item__answer ul,.faq-item__answer ol{margin:8px 0 0 20px}.faq-item__answer ul{list-style:disc}.faq-item__answer ol{list-style:decimal}.insta{padding:120px 0}@media(min-width: 900px){.insta{padding:160px 0}}.insta__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.insta__inner{padding:0 48px}}.insta__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px}.insta__frame{padding:16px;border:3px solid #0e0c0b;border-radius:32px;background:#fff8ec;box-shadow:10px 10px 0 #ce2867;transform:rotate(-0.75deg)}.insta__widget{width:100%;border:0;overflow:hidden;border-radius:14px}.footer{position:relative;overflow:hidden;padding:120px 0 32px;background:#f5303c;color:#fff8ec;border-top:3px solid #0e0c0b}@media(min-width: 900px){.footer{padding-top:160px}}.footer::before{content:"";position:absolute;right:-160px;top:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 50% 50%, #f5303c 0 34px, transparent 35px),radial-gradient(circle at 50% 22%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 50% 78%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 22% 50%, #f5303c 0 46px, transparent 47px),radial-gradient(circle at 78% 50%, #f5303c 0 46px, transparent 47px),#0e0c0b;opacity:.25;animation:reel 18s linear infinite;pointer-events:none}.footer__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.footer__inner{padding:0 48px}}.footer__inner{position:relative}.footer__headline{font-size:clamp(56px,12vw,180px);line-height:.9;font-weight:800;letter-spacing:-0.05em;color:#fff8ec}.footer__text{max-width:32ch;margin-top:24px;font-size:clamp(20px,2.4vw,28px);font-weight:600}.footer__mail{margin-top:40px;font-size:clamp(16px,2vw,22px)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:96px;padding-top:24px;border-top:2px solid rgba(255,248,236,.35);font-size:15px}.footer__legal{display:flex;gap:24px}.footer__legal a{text-decoration:none}.footer__legal a:hover{text-decoration:underline wavy;text-underline-offset:4px}.credits{display:grid;gap:4px;max-width:640px;margin:96px 0 0}.credits__row{display:flex;align-items:baseline;gap:12px;font-size:clamp(18px,2vw,22px)}.credits__row::before{content:"";order:1;flex:1;border-bottom:2px dotted rgba(255,248,236,.5);transform:translateY(-5px)}.credits__row dt{order:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.credits__row dd{order:2;margin:0;font-weight:700}.credits__row dd a{text-decoration:none;background:linear-gradient(#febb28, #febb28) 0 100%/0 3px no-repeat;transition:background-size .3s cubic-bezier(0.22, 1, 0.36, 1)}.credits__row dd a:hover{background-size:100% 3px}@keyframes reel{to{transform:rotate(360deg)}}.text{padding:72px 0 120px}.text__inner{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}@media(min-width: 900px){.text__inner{padding:0 48px}}.text__inner{max-width:880px}.text h1{margin-bottom:40px;font-size:clamp(40px,6vw,72px);line-height:1;font-weight:800;letter-spacing:-0.03em}.text h2{display:inline-block;margin:40px 0 12px;padding:4px 12px;background:#febb28;border:2px solid #0e0c0b;border-radius:8px;font-size:18px;font-weight:800;transform:rotate(-1deg)}.text .text__date{margin-top:40px;font-weight:700}.text p{margin-bottom:16px;font-size:17px;line-height:1.7;hyphens:auto}/*# sourceMappingURL=main.css.map */
|