@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 8% 0,#fffc,#fff0 45%),radial-gradient(circle at 92% 15%,#ffffff9e,#fff0 38%),var(--background-color);color:var(--default-text-color);font-family:Montserrat,sans-serif;letter-spacing:.01em;line-height:1.55;margin:0}#root{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--background-color);color:var(--default-text-color);display:flex;flex-direction:column;min-height:100vh;padding-top:var(--topbar-height);place-items:center;text-align:left;width:100%}@media(max-width:700px){.App{padding-top:68px}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--background-color:#f2f2ef;--surface-color:#fbfbf9;--surface-color-soft:#f6f6f3;--bar-color:#2f3130;--bar-color-soft:#3a3d3b;--bar-text-color:#e8e8e3;--default-text-color:#232625;--muted-text-color:#5f635f;--border-color:#2326251f;--border-color-strong:#2326253d;--shadow-soft:0 12px 32px #00000014;--shadow-hover:0 20px 44px #00000024;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:72px;--topbar-height:82px;--content-max-width:1040px}.topBar{background:linear-gradient(180deg,var(--bar-color),var(--bar-color-soft));border-bottom:1px solid #ffffff1f;display:flex;flex-direction:row;height:var(--topbar-height);padding-inline:clamp(20px,8vw,120px);place-items:center;position:fixed;top:0;width:100%;z-index:5}.logo{filter:drop-shadow(0 4px 10px rgba(0,0,0,.18));height:122%;margin-left:0;width:auto}.buttonsNavigate{display:flex;gap:clamp(14px,2.4vw,36px);margin-left:auto;margin-right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button{color:var(--bar-text-color);font-size:.92rem;font-weight:600;letter-spacing:.08em;opacity:.82;text-decoration:none;transition-duration:.18s;transition-property:color,opacity;transition-timing-function:ease-in-out}.button.active,.button:hover{color:#fff;opacity:1}@media(max-width:700px){.topBar{height:68px;padding-inline:14px}.logo{height:112%;margin-left:0}.buttonsNavigate{gap:8px;margin-right:0;max-width:78%}.button{font-size:.63rem;letter-spacing:.045em}}.floatingBtn{background-color:var(--default-text-color);border:none;bottom:28px;box-shadow:0 8px 28px #00000038;color:var(--background-color);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.1em;padding:13px 22px;position:fixed;right:28px;transition:transform .16s ease,box-shadow .16s ease;z-index:18}.floatingBtn:hover{box-shadow:0 14px 38px #00000047;transform:translateY(-2px)}.floatingBackdrop{align-items:center;background-color:#00000070;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20}.floatingModal{background:linear-gradient(180deg,var(--bar-color-soft),var(--bar-color));border:1px solid #ffffff21;box-shadow:0 24px 64px #00000061;color:var(--bar-text-color);display:flex;flex-direction:column;height:80vh;padding:clamp(20px,3vw,34px);width:min(900px,100%)}.floatingModalHeader{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}.floatingEyebrow{font-size:.82rem;letter-spacing:.12em;margin:0 0 6px;opacity:.68}.floatingModalHeader h3{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:600;line-height:1;margin:0}.floatingCloseBtn{background:#0000;border:1px solid #ffffff38;color:var(--bar-text-color);cursor:pointer;font-family:Montserrat,sans-serif;padding:9px 14px;white-space:nowrap}.floatingModalBody{display:flex;flex:1 1;gap:0;min-height:0}.floatingInfoCol{display:flex;flex:0 0 clamp(200px,30%,260px);flex-direction:column;gap:20px;padding-right:28px}.floatingInfoCol>h4{font-size:.96rem;letter-spacing:.06em;margin:0;opacity:.78}.floatingInfoList{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.floatingInfoList li{align-items:flex-start;display:flex;font-size:.9rem;gap:10px;line-height:1.4;opacity:.86}.floatingInfoList li svg{flex-shrink:0;height:17px;margin-top:2px;opacity:.7;width:17px}.floatingInfoList a{color:var(--bar-text-color);text-decoration:none}.floatingInfoList a:hover{text-decoration:underline}.floatingInfoSocials{display:flex;gap:14px;margin-top:auto;padding-top:8px}.floatingInfoSocials a{color:var(--bar-text-color);opacity:.7;transition:opacity .14s ease}.floatingInfoSocials a:hover{opacity:1}.floatingInfoSocials svg{height:20px;width:20px}.floatingDivider{background-color:#ffffff1f;flex-shrink:0;margin:0 28px;width:1px}.floatingFormCol{display:flex;flex:1 1;flex-direction:column;min-height:0}.floatingFormCol>h4{font-size:.96rem;letter-spacing:.06em;margin:0 0 16px;opacity:.78}.floatingForm{display:flex;flex:1 1;flex-direction:column;gap:14px;min-height:0}.floatingField{display:flex;flex-direction:column;gap:4px}.floatingFieldGrow{flex:1 1;min-height:0}.floatingField label{font-size:.88rem;opacity:.82}.floatingField input,.floatingField textarea{background-color:#ffffff0a;border:1px solid #e8e8e34d;color:var(--bar-text-color);font-family:Montserrat,sans-serif;font-size:.96rem;outline:none;padding:10px;transition:border .16s ease}.floatingField input:focus,.floatingField textarea:focus{border-color:#ffffffb8;box-shadow:0 0 0 3px #ffffff12}.floatingField textarea{flex:1 1;min-height:80px;resize:none}.floatingSubmit{background-color:var(--bar-text-color);border:none;color:var(--bar-color);cursor:pointer;font-family:Montserrat,sans-serif;font-size:.92rem;font-weight:700;letter-spacing:.04em;padding:11px 20px;transition:filter .16s ease,transform .16s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.floatingSubmit:hover{filter:brightness(.96);transform:translateY(-1px)}@media (max-width:700px){.floatingBtn{bottom:18px;display:none;font-size:.74rem;padding:11px 16px;right:18px}.floatingBackdrop{align-items:flex-end;padding:12px}.floatingModal{height:auto;max-height:80vh;overflow-y:auto;width:100%}.floatingModalBody{flex-direction:column;gap:0}.floatingInfoCol{flex:none;padding-bottom:22px;padding-right:0}.floatingDivider{height:1px;margin:0 0 22px;width:100%}}.home{background-color:var(--background-color);display:flex;flex-direction:column;min-height:68vh;overflow-y:auto;padding:0 clamp(16px,4vw,32px) clamp(46px,6vw,64px);place-content:flex-start;place-items:center;width:100%}.homeImage{box-shadow:0 10px 26px #00000014;object-fit:cover}.homeImage,.projectsWidgets{width:min(var(--content-max-width),100%)}.projectsWidgets{display:flex;flex-direction:column;gap:24px;margin-bottom:0;margin-top:clamp(32px,5vw,56px);place-items:stretch}.projectsWidgets>h2{color:var(--muted-text-color);font-size:clamp(1.1rem,1.4vw,1.28rem);letter-spacing:.09em;margin:0}.projectWidget{color:var(--default-text-color);cursor:pointer;display:flex;gap:clamp(18px,4vw,42px);padding:10px 0;place-items:center;position:relative;text-decoration:none;transition-duration:.18s;transition-property:transform,box-shadow;transition-timing-function:ease-in-out;width:100%}.projectWidget:hover{box-shadow:0 14px 30px #00000017;transform:translateY(-2px)}.projectWidget>img{aspect-ratio:4/3;max-width:450px;object-fit:cover;width:45%}.projectWidgetInfo>h4{font-size:clamp(1.05rem,1.4vw,1.3rem);margin:0 0 var(--space-2)}.projectWidgetInfo>p{color:var(--muted-text-color);margin:0}@media(max-width:700px){.homeImage{display:none}.home{min-height:70vh;padding:0 14px 34px}.projectWidget{flex-direction:column;gap:12px;padding:8px 0;place-items:center;width:100%}.projectWidget>img{max-width:100%;width:100%}.projectWidget>div{max-height:none;pointer-events:none;width:100%}.projectWidget>div>h4{margin-block:4px 10px}.projectWidgetInfo{min-width:100%}.projectsWidgets{gap:16px;margin-top:28px}}.bottomBar{background:linear-gradient(0deg,var(--bar-color),var(--bar-color-soft));border-top:1px solid #ffffff1a;color:var(--bar-text-color);display:flex;flex-direction:row;gap:clamp(24px,8vw,90px);margin-bottom:0;margin-top:auto;max-width:100vw;min-height:280px;overflow:hidden;padding:clamp(28px,4vw,46px) clamp(22px,6vw,80px);place-content:center;width:100%}.bottomBar.fixed{bottom:0;position:fixed}.bottomBar>*{flex:1 1;margin-block:0;max-width:460px}.contactInfo{display:flex;gap:26px}.contactInfo>p{margin-top:4px;opacity:.86}.contactInfo>div>*{margin-block:8px}.linkText{opacity:.88;text-decoration:none}.linkText,.socialImage{color:var(--bar-text-color)}.socialImage{height:22px;width:22px}.emailZone{display:flex;flex-direction:column}.contactForm{display:flex;gap:26px}.nameEmail{gap:18px}.nameEmail,.nameEmail>div{display:flex;flex-direction:column;margin-top:0}.nameEmail>div{gap:4px}.formField>label{margin-top:0;opacity:.88}.messageLabel{opacity:.7}.input{background-color:#ffffff05;border:1px solid #e8e8e357;color:var(--bar-text-color);font-size:.96rem;margin-top:2px;max-width:200px;padding:8px 10px}.input.area{height:96px;min-height:96px;min-width:97%;resize:vertical}.formField>input:focus,.formField>textarea:focus{border:1px solid #ffffffc7;box-shadow:0 0 0 3px #ffffff14;outline:none}.sendButton{background-color:var(--bar-text-color);border:none;color:var(--bar-color);cursor:pointer;font-size:.92rem;font-weight:600;letter-spacing:.03em;margin-left:auto;padding:10px 18px;transition:transform .16s ease,filter .16s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sendButton:hover{filter:brightness(.97);transform:translateY(-1px)}@media(max-width:900px){.contactHighlight{align-items:flex-start;flex-direction:column;gap:18px;margin-top:28px;padding:24px 0 28px;width:calc(100% - 28px)}.contactHighlightActions{align-items:stretch;flex-direction:column;width:100%}.contactCta,.ghostButton{justify-content:center;width:100%}.bottomBar{color:var(--bar-text-color);display:flex;flex-direction:column;gap:24px;margin-top:auto;max-width:100%;min-height:540px;overflow:hidden;padding:28px 20px;place-content:center;place-items:flex-start;width:100%}.bottomBar>*{max-width:100%;width:100%}.contactForm{display:flex;flex-direction:column;gap:16px;place-items:flex-start;width:100%}.input{max-width:100%;width:100%}.input.area{max-width:97%}.nameEmail{width:100%}.contactInfo{flex-direction:column;gap:10px}.sendButton{margin-left:0}.contactModalBackdrop{padding:14px}.contactModalHeader{flex-direction:column}.closeButton{width:100%}}.projectView{margin-top:2vh;max-height:1000vh;min-height:82vh;padding:0;place-content:center;place-items:center;width:90%}.projectView,.projectViewBox{display:flex;flex-direction:column}.projectViewBox{gap:30px;max-height:100%;place-content:center;place-items:center;width:min(60vh,100%)}.projectViewImage{box-shadow:none;height:auto;width:100%}.projectViewInfo{display:flex;gap:20px;max-height:38vh;width:100%}.projectViewInfoMobile{display:none}.projectViewInfoBasic{display:flex;flex-direction:column;flex-shrink:0;max-width:45%;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectViewInfoBasic>*{margin-bottom:10px;margin-top:0}.projectViewInfoDescription{margin-bottom:0;margin-top:0;overflow-y:auto}.back{color:var(--default-text-color);font-weight:600;margin-bottom:0;margin-top:auto;text-decoration:none}.backMobile{display:none}@media(max-width:700px){.projectView{margin-top:0;min-height:86vh;padding:0}.projectViewInfoMobile{display:flex;flex-direction:column;max-height:40vh;width:100%}.projectViewBox{display:flex;flex-direction:column;gap:20px;height:100%;margin-bottom:auto;margin-top:0;width:90%}.projectViewInfo{display:none}.projectViewInfoDescription{flex-grow:1;margin-top:0;overflow-y:auto}.projectViewInfoBasic{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:0}.projectViewInfoBasic>div{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;margin-top:0}.projectViewInfoBasic>h4{margin-block:0}.backMobile{color:var(--default-text-color);display:block;font-weight:600;margin-bottom:auto;margin-left:5%;margin-right:auto;text-decoration:none}}.about{background-color:var(--background-color);display:flex;flex-direction:column;min-height:92vh;padding-bottom:clamp(34px,5vw,62px);place-content:flex-start;place-items:center;width:100%}.aboutSamuraBack{background:linear-gradient(0deg,var(--bar-color),var(--bar-color-soft));border-bottom:1px solid #ffffff17;color:var(--bar-text-color);display:flex;place-content:center;width:100%}.aboutSamura{display:flex;gap:clamp(20px,4vw,44px);padding:clamp(28px,4vw,40px) clamp(16px,3vw,24px);place-items:center;width:min(var(--content-max-width),100%)}.aboutSamura>img{width:min(22%,190px)}.profiles{display:flex;flex-direction:column;gap:22px;margin-bottom:0;margin-top:clamp(24px,4vw,46px);max-width:100%;padding-inline:clamp(16px,4vw,32px);place-content:center;place-items:stretch;width:min(var(--content-max-width),100%)}.profile{background-color:initial;border:none;display:flex;gap:24px;padding:14px;place-items:center;width:100%}.profile>img{aspect-ratio:1/1;max-width:220px;object-fit:cover;width:36%}.profile>div>h5{margin-block:0}.profile>div>h3{margin-top:0}.profile>div>a{color:var(--muted-text-color)}.profileInfo{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:100%;min-width:0;overflow-y:visible}.profileInfo>p{color:var(--muted-text-color);margin-bottom:0;max-height:none;overflow-y:visible}@media(max-width:700px){.about{min-height:94vh}.aboutSamura{align-items:flex-start;flex-direction:column;margin-block:0;padding:26px 14px}.aboutSamura>img{margin-block:0;width:min(50%,200px)}.profile{box-shadow:none;display:flex;gap:12px;max-height:none;place-items:center;width:100%}.profile>img{flex-grow:0;max-height:100%;max-width:min(25vh,34vw);width:50%}.profileInfo{max-height:100%;width:auto}.profile>div>h3{margin-bottom:0}.profileInfo>p{margin-bottom:5px;max-height:none;overflow-y:visible}.profiles{padding-inline:14px}}.fullContainer{display:flex;flex-direction:column;place-content:center;place-items:center;width:100%}.portfolio{background-color:var(--background-color);display:flex;flex-direction:column;min-height:68vh;overflow-y:auto;padding:clamp(24px,4vw,44px) clamp(16px,4vw,32px) clamp(46px,6vw,64px);place-items:center;width:100%}.projectsWidgetsPortfolio{column-count:2;column-gap:16px;margin-bottom:0;margin-top:0;width:min(var(--content-max-width),100%)}.projectWidgetPortfolio{background-color:#000;box-shadow:0 10px 24px #0000001a;break-inside:avoid;color:var(--default-text-color);cursor:pointer;display:inline-block;margin-bottom:16px;overflow:hidden;page-break-inside:avoid;position:relative;text-decoration:none;width:100%}.projectWidgetPortfolio>h3{display:none}.projectWidgetPortfolio>img{display:block;height:auto;transition:filter .22s ease,transform .22s ease;width:100%}.projectWidgetViewPortfolio{background:radial-gradient(circle at 50% 50%,#00000029,#00000014 48%,#0000 78%),linear-gradient(180deg,#00000029,#0000001f);color:#fff;display:flex;flex-direction:column;font-size:clamp(1.1rem,2vw,1.8rem);font-weight:600;inset:0;opacity:0;place-content:center;place-items:center;pointer-events:none;position:absolute;text-shadow:0 2px 10px #000000b8,0 1px 2px #282828cc;transition-duration:.22s;transition-property:box-shadow,opacity;transition-timing-function:ease-in-out;z-index:1}.projectWidgetPortfolio:hover .projectWidgetViewPortfolio{box-shadow:inset 0 0 80px #0003,inset 0 0 120px #0000001f;opacity:1}.projectWidgetPortfolio:hover>img{filter:blur(2px) brightness(.9);transform:scale(1.02)}@media (max-width:960px){.projectsWidgetsPortfolio{column-gap:12px}.projectWidgetPortfolio{margin-bottom:12px}}.projectWidget>div{pointer-events:none;width:45%}@media(max-width:700px){.portfolio{padding:18px 14px 40px}.projectsWidgetsPortfolio{column-count:1;column-gap:0}.projectWidgetPortfolio{background-color:initial}.projectWidgetPortfolio>h3{display:block;font-size:.98rem;margin:10px 12px 14px;width:calc(100% - 24px)}.projectWidgetViewPortfolio{display:none}}.contactPage{background-color:var(--background-color);display:flex;flex-direction:column;min-height:72vh;width:100%}.contactHero{margin:0 auto;padding:clamp(24px,4vw,42px) clamp(16px,4vw,32px) 10px;width:min(var(--content-max-width),100%)}.contactHeroEyebrow{color:var(--muted-text-color);font-size:.88rem;letter-spacing:.12em;margin:0}.contactHero>h1{font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.15;margin:6px 0 12px}.contactHeroText{color:var(--muted-text-color);margin:0;max-width:72ch}.contactLayout{grid-gap:clamp(24px,4vw,44px);display:grid;gap:clamp(24px,4vw,44px);grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);margin:0 auto;padding:clamp(18px,4vw,28px) clamp(16px,4vw,32px) clamp(36px,6vw,56px);width:min(var(--content-max-width),100%)}.contactFormPanel,.contactInfoPanel{background:#0000}.contactFormPanel>h2,.contactInfoPanel>h2{font-size:1.28rem;margin-bottom:16px;margin-top:0}.contactInfoRows{color:var(--muted-text-color);display:flex;flex-direction:column;gap:10px}.contactInfoRows p{margin:0}.contactInfoRows a{color:var(--default-text-color);text-decoration:none}.contactSocials{display:flex;gap:14px;margin-bottom:28px;margin-top:22px}.socialIcon{color:var(--default-text-color);height:24px;width:24px}.contactEmailAction{color:var(--default-text-color);display:inline-block;font-weight:600;text-decoration:none}.contactBigForm{display:flex;flex-direction:column;gap:10px}.contactBigForm label{color:var(--muted-text-color);font-size:.92rem}.contactBigForm input,.contactBigForm textarea{background-color:#ffffff59;border:1px solid var(--border-color-strong);color:var(--default-text-color);font-size:.98rem;outline:none;padding:12px;width:100%}.contactBigForm textarea{min-height:180px;resize:vertical}.contactBigForm button{background-color:var(--default-text-color);border:1px solid var(--default-text-color);color:var(--background-color);cursor:pointer;font-weight:600;margin-top:8px;padding:11px 18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:900px){.contactHero{padding:20px 14px 6px}.contactLayout{gap:24px;grid-template-columns:1fr;padding:16px 14px 36px}.contactBigForm textarea{min-height:150px}}
/*# sourceMappingURL=main.99d33434.css.map*/