@font-face{font-display:swap;font-family:Int;font-style:normal;font-weight:100 900;src:url(/static/media/Inter.1a6637707f1f349e23bb.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter-Italic;font-style:italic;font-weight:100 900;src:url(/static/media/Italic.1c018f34d310f70c6492.ttf) format("truetype")}button,h1,h2,h3,h4,h5,h6,li,p{font-family:Int,sans-serif}:root{--step--2:clamp(0.7035rem,0.8273rem + -0.23vw,0.7813rem);--step--1:clamp(0.9375rem,0.9374rem + 0.0007vw,0.9377rem);--step-0:clamp(1.125rem,1.0511rem + 0.3697vw,1.25rem);--step-1:clamp(1.35rem,1.1629rem + 0.9353vw,1.6663rem);--step-2:clamp(1.62rem,1.2644rem + 1.7778vw,2.2211rem);--step-3:clamp(1.944rem,1.3426rem + 3.007vw,2.9607rem);--step-4:clamp(2.3328rem,1.3782rem + 4.773vw,3.9467rem);--step-5:clamp(2.7994rem,1.3434rem + 7.28vw,5.2609rem);--step-6:clamp(3.3592rem,1.1982rem + 10.8054vw,7.0128rem);--step-7:clamp(4.0311rem,0.8861rem + 15.7249vw,9.3481rem);--weight-h1-huge:650;--weight-h1:700;--weight-h2:700;--weight-h3:600;--weight-h4:600;--weight-h5:600;--weight-h6:600;--weight-p:400;--weight-p-md:350;--weight-p-lg:350;--weight-button:500;--letter-h1-huge:-0.045em;--letter-h1:-0.02em;--letter-h2:-0.02em;--letter-h3:-0.01em;--letter-h4:-0.005em;--letter-h5:-0.00em;--letter-h6:0.3em;--letter-p:-0.00em;--letter-p-md:-0.00em;--letter-p-lg:-0.03em;--letter-button:0.055rem}h1.huge{color:var(--color-h1-huge);font-size:clamp(3.3592rem,1.1982rem + 10.8054vw,7.0128rem);font-size:var(--step-6);font-weight:650;font-weight:var(--weight-h1-huge);letter-spacing:-.045em;letter-spacing:var(--letter-h1-huge);line-height:100%}h1{color:var(--color-h1);font-size:clamp(2.7994rem,1.3434rem + 7.28vw,5.2609rem);font-size:var(--step-5);font-weight:700;font-weight:var(--weight-h1);letter-spacing:-.02em;letter-spacing:var(--letter-h1)}h1,h2{line-height:100%}h2{color:var(--color-h2);font-size:clamp(2.3328rem,1.3782rem + 4.773vw,3.9467rem);font-size:var(--step-4);font-weight:700;font-weight:var(--weight-h2);letter-spacing:-.02em;letter-spacing:var(--letter-h2)}h3{color:var(--color-h3);font-size:clamp(1.944rem,1.3426rem + 3.007vw,2.9607rem);font-size:var(--step-3);font-weight:600;font-weight:var(--weight-h3);letter-spacing:-.01em;letter-spacing:var(--letter-h3);line-height:100%}h4{color:var(--color-h4);font-size:clamp(1.62rem,1.2644rem + 1.7778vw,2.2211rem);font-size:var(--step-2);font-weight:600;font-weight:var(--weight-h4);letter-spacing:-.005em;letter-spacing:var(--letter-h4)}h5{color:var(--color-h5);font-size:clamp(1.35rem,1.1629rem + .9353vw,1.6663rem);font-size:var(--step-1);font-weight:600;font-weight:var(--weight-h5);letter-spacing:0;letter-spacing:var(--letter-h5)}h6{color:var(--color-h6);font-size:clamp(.7035rem,.8273rem + -.23vw,.7813rem);font-size:var(--step--2);font-weight:600;font-weight:var(--weight-h6);letter-spacing:.3em;letter-spacing:var(--letter-h6)}li{list-style-position:inside;margin-bottom:.4em;padding-left:.2em}h1,h2,h3,h4,h5{color:var(--color-gray-800)}li.lg,p.lg{font-size:clamp(1.62rem,1.2644rem + 1.7778vw,2.2211rem);font-size:var(--step-2);font-weight:350;font-weight:var(--weight-p-lg);letter-spacing:-.03em;letter-spacing:var(--letter-p-lg);line-height:135%!important}li.lg,li.md,p.lg,p.md{color:var(--color-gray-600)}li.md,p.md{font-size:clamp(1.35rem,1.1629rem + .9353vw,1.6663rem);font-size:var(--step-1);font-weight:350;font-weight:var(--weight-p-md);letter-spacing:0;letter-spacing:var(--letter-p-md);line-height:150%!important}li,p{color:var(--color-gray-600);font-size:clamp(1.125rem,1.0511rem + .3697vw,1.25rem);font-size:var(--step-0);font-weight:400;font-weight:var(--weight-p);line-height:160%}button{color:var(--color-gray-500);font-size:clamp(1.125rem,1.0511rem + .3697vw,1.25rem)!important;font-size:var(--step-0)!important;font-weight:500;font-weight:var(--weight-button);letter-spacing:.055rem;letter-spacing:var(--letter-button)}.whitetext{color:var(--color-gray-900)}:root{--bg:var(--color-gray-50);--bg-master-wrapper:var(--color-gray-200);--primary:#0171e3;--color-gray-50:oklch(0.985 0 0);--color-gray-100:oklch(0.967 0.001 286.375);--color-gray-200:oklch(0.92 0.004 286.32);--color-gray-300:oklch(0.871 0.006 286.286);--color-gray-400:oklch(0.705 0.015 286.067);--color-gray-500:oklch(0.552 0.016 285.938);--color-gray-600:oklch(0.442 0.017 285.786);--color-gray-700:oklch(0.37 0.013 285.805);--color-gray-800:oklch(0.274 0.006 286.033);--color-gray-900:oklch(0.21 0.006 285.885);--color-gray-950:oklch(0.141 0.005 285.823)}html.dark{--bg:#000;--bg-master-wrapper:var(--color-gray-100);--color-gray-50:oklch(0.141 0.005 285.823);--color-gray-100:oklch(0.21 0.006 285.885);--color-gray-200:oklch(0.274 0.006 286.033);--color-gray-300:oklch(0.37 0.013 285.805);--color-gray-400:oklch(0.442 0.017 285.786);--color-gray-500:oklch(0.552 0.016 285.938);--color-gray-600:oklch(0.705 0.015 286.067);--color-gray-700:oklch(0.871 0.006 286.286);--color-gray-800:oklch(0.92 0.004 286.32);--color-gray-900:oklch(0.967 0.001 286.375);--color-gray-950:oklch(0.985 0 0)}.icon{color:oklch(.552 .016 285.938);color:var(--color-gray-500)}h1{color:oklch(.21 .006 285.885);color:var(--color-gray-900)}h1.huge,h2,h3,h4,h5{color:oklch(.274 .006 286.033);color:var(--color-gray-800)}h6,p.p-lg,p.p-md{color:oklch(.37 .013 285.805);color:var(--color-gray-700);transition:color 1s ease-in-out}body{background-color:oklch(.985 0 0);background-color:var(--bg)}:root{--space-3xs:clamp(0.3125rem,0.2411rem + 0.3571vw,0.375rem);--space-2xs:clamp(0.5625rem,0.4196rem + 0.7143vw,0.6875rem);--space-xs:clamp(0.875rem,0.6607rem + 1.0714vw,1.0625rem);--space-s:clamp(1.125rem,0.8393rem + 1.4286vw,1.375rem);--space-m:clamp(1.6875rem,1.2589rem + 2.1429vw,2.0625rem);--space-l:clamp(2.25rem,1.6786rem + 2.8571vw,2.75rem);--space-xl:clamp(3.375rem,2.5179rem + 4.2857vw,4.125rem);--space-2xl:clamp(4.5rem,3.3571rem + 5.7143vw,5.5rem);--space-3xl:clamp(6.75rem,5.0357rem + 8.5714vw,8.25rem);--space-3xs-2xs:clamp(0.3125rem,-0.1161rem + 2.1429vw,0.6875rem);--space-2xs-xs:clamp(0.5625rem,-0.0089rem + 2.8571vw,1.0625rem);--space-xs-s:clamp(0.875rem,0.3036rem + 2.8571vw,1.375rem);--space-s-m:clamp(1.125rem,0.0536rem + 5.3571vw,2.0625rem);--space-m-l:clamp(1.6875rem,0.4732rem + 6.0714vw,2.75rem);--space-l-xl:clamp(2.25rem,0.1071rem + 10.7143vw,4.125rem);--space-xl-2xl:clamp(3.375rem,0.9464rem + 12.1429vw,5.5rem);--space-2xl-3xl:clamp(4.5rem,0.2143rem + 21.4286vw,8.25rem);--space-s-l:clamp(1.125rem,-0.7321rem + 9.2857vw,2.75rem)}.bottom-3xs{margin-bottom:clamp(.3125rem,.2411rem + .3571vw,.375rem);margin-bottom:var(--space-3xs)}.bottom-2xs{margin-bottom:clamp(.5625rem,.4196rem + .7143vw,.6875rem);margin-bottom:var(--space-2xs)}.bottom-xs{margin-bottom:clamp(.875rem,.6607rem + 1.0714vw,1.0625rem);margin-bottom:var(--space-xs)}.bottom-s{margin-bottom:clamp(1.125rem,.8393rem + 1.4286vw,1.375rem);margin-bottom:var(--space-s)}.bottom-m{margin-bottom:clamp(1.6875rem,1.2589rem + 2.1429vw,2.0625rem);margin-bottom:var(--space-m)}.bottom-l{margin-bottom:clamp(2.25rem,1.6786rem + 2.8571vw,2.75rem);margin-bottom:var(--space-l)}.bottom-xl{margin-bottom:clamp(3.375rem,2.5179rem + 4.2857vw,4.125rem);margin-bottom:var(--space-xl)}.bottom-2xl{margin-bottom:clamp(4.5rem,3.3571rem + 5.7143vw,5.5rem);margin-bottom:var(--space-2xl)}.bottom-3xl{margin-bottom:clamp(6.75rem,5.0357rem + 8.5714vw,8.25rem);margin-bottom:var(--space-3xl)}.top-3xs{margin-top:clamp(.3125rem,.2411rem + .3571vw,.375rem);margin-top:var(--space-3xs)}.top-2xs{margin-top:clamp(.5625rem,.4196rem + .7143vw,.6875rem);margin-top:var(--space-2xs)}.top-xs{margin-top:clamp(.875rem,.6607rem + 1.0714vw,1.0625rem);margin-top:var(--space-xs)}.top-s{margin-top:clamp(1.125rem,.8393rem + 1.4286vw,1.375rem);margin-top:var(--space-s)}.top-m{margin-top:clamp(1.6875rem,1.2589rem + 2.1429vw,2.0625rem);margin-top:var(--space-m)}.top-l{margin-top:clamp(2.25rem,1.6786rem + 2.8571vw,2.75rem);margin-top:var(--space-l)}.top-xl{margin-top:clamp(3.375rem,2.5179rem + 4.2857vw,4.125rem);margin-top:var(--space-xl)}.top-2xl{margin-top:clamp(4.5rem,3.3571rem + 5.7143vw,5.5rem);margin-top:var(--space-2xl)}.top-3xl{margin-top:clamp(6.75rem,5.0357rem + 8.5714vw,8.25rem);margin-top:var(--space-3xl)}.bottom-3xs-2xs{margin-bottom:clamp(.3125rem,-.1161rem + 2.1429vw,.6875rem);margin-bottom:var(--space-3xs-2xs)}.bottom-2xs-xs{margin-bottom:clamp(.5625rem,-.0089rem + 2.8571vw,1.0625rem);margin-bottom:var(--space-2xs-xs)}.bottom-xs-s{margin-bottom:clamp(.875rem,.3036rem + 2.8571vw,1.375rem);margin-bottom:var(--space-xs-s)}.bottom-s-m{margin-bottom:clamp(1.125rem,.0536rem + 5.3571vw,2.0625rem);margin-bottom:var(--space-s-m)}.bottom-m-l{margin-bottom:clamp(1.6875rem,.4732rem + 6.0714vw,2.75rem);margin-bottom:var(--space-m-l)}.bottom-l-xl{margin-bottom:clamp(2.25rem,.1071rem + 10.7143vw,4.125rem);margin-bottom:var(--space-l-xl)}.bottom-xl-2xl{margin-bottom:clamp(3.375rem,.9464rem + 12.1429vw,5.5rem);margin-bottom:var(--space-xl-2xl)}.bottom-2xl-3xl{margin-bottom:clamp(4.5rem,.2143rem + 21.4286vw,8.25rem);margin-bottom:var(--space-2xl-3xl)}.top-3xs-2xs{margin-top:clamp(.3125rem,-.1161rem + 2.1429vw,.6875rem);margin-top:var(--space-3xs-2xs)}.top-2xs-xs{margin-top:clamp(.5625rem,-.0089rem + 2.8571vw,1.0625rem);margin-top:var(--space-2xs-xs)}.top-xs-s{margin-top:clamp(.875rem,.3036rem + 2.8571vw,1.375rem);margin-top:var(--space-xs-s)}.top-s-m{margin-top:clamp(1.125rem,.0536rem + 5.3571vw,2.0625rem);margin-top:var(--space-s-m)}.top-m-l{margin-top:clamp(1.6875rem,.4732rem + 6.0714vw,2.75rem);margin-top:var(--space-m-l)}.top-l-xl{margin-top:clamp(2.25rem,.1071rem + 10.7143vw,4.125rem);margin-top:var(--space-l-xl)}.top-xl-2xl{margin-top:clamp(3.375rem,.9464rem + 12.1429vw,5.5rem);margin-top:var(--space-xl-2xl)}.top-2xl-3xl{margin-top:clamp(4.5rem,.2143rem + 21.4286vw,8.25rem);margin-top:var(--space-2xl-3xl)}.block{display:flex;flex-direction:column;gap:clamp(1.125rem,-.7321rem + 9.2857vw,2.75rem);gap:var(--space-s-l);margin-bottom:5rem}:root{--radius-md:0.5rem;--radius-lg:1rem;--img-radius:2rem}.master-wrapper{background-color:var(--bg-master-wrapper);transition:background-color 1s ease-in-out,color 1s ease-in-out}.wrapper{background-color:var(--bg);padding:1.5rem;transform:scale(1);transform-origin:bottom center;transition:background-color 1s ease-in-out,color 1s ease-in-out,transform .2s ease-out}.max-width{margin:0 auto;max-width:1000px}.max-width-wider{margin:0 auto;max-width:1500px;padding:0 var(--space-s-m)}*{margin:0;padding:0}a,h1,h2,h3,h4,h5,h6,li,p,ul{transition:color 1s ease-in-out}a{text-decoration:none}Button,Button.secondary{background-color:var(--primary);border:none;border-radius:3rem;color:#fff;font-family:Inter Tight,sans-serif;font-size:var(--step-p-l);font-weight:var(--button-weight);letter-spacing:var(--letter-button);padding:.9rem 2rem;transition:background-color 1s ease-in-out,color .2s ease-in-out,border .2s ease-in-out,transform .2s ease-in-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}Button.secondary{background-color:var(--bg);border:1.5px solid var(--color-gray-300);color:var(--color-gray-700)}@media(min-width:768px){Button:hover{background-color:#0062c5;transform:scale(.95)}Button:active{background-color:#005fbe;transform:scale(.9)}Button.secondary:hover{background-color:var(--bg);border:1.5px solid var(--color-gray-700)}}.tight{border-radius:0 0 4rem 4rem;cursor:pointer;cursor:default;transform:scale(.85)}.footer-section{gap:3rem;justify-content:space-between;max-width:100%;overflow:hidden;padding:0 0 3rem}.box3_footer,.footer-section{align-items:center;display:flex;flex-direction:column}.box3_footer{gap:1rem;min-width:100%}.text-cover{align-items:center;background-color:var(--color-gray-200);border-radius:100rem;display:flex;flex-direction:row;justify-content:center;margin:auto;padding:var(--space-s) var(--space-m)}.copyemailbutton{font-size:1rem!important;padding:.3rem 1.3rem!important;transform:rotate(-4deg) translateY(-1.5rem)}.footer-text{color:var(--color-gray-600);font-size:1.3rem;font-weight:500;letter-spacing:.03rem}.lowerbox{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto;padding:2rem}.copy-success{color:var(--primary);font-family:Int;font-size:1rem;padding-left:.5rem}.copyright{font-size:1rem;text-align:center}@media screen and (min-width:375px){.footer-text{font-size:1.5rem}}@media screen and (min-width:425px){.footer-text{font-size:2rem}}@media screen and (min-width:768px){.footer-text{font-size:3.4rem}}@media screen and (min-width:1024px){.footer-text{font-size:var(--step-5)}.copyemailbutton{padding:.8rem 2rem!important;transform:rotate(-4deg) translateY(-1.5rem)}.copyemailbutton:hover{transform:translate(0) scale(1.1)}}.header-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 2.5rem 2rem}.headerlinks{color:var(--color-gray-700)!important}.backarrow{width:1.7rem}#back-master-container{align-items:flex-start;display:flex;flex-direction:column;gap:1rem}.back-container{background-color:var(--color-gray-100);border:.5px solid var(--color-gray-200);border-radius:2rem;display:inline-flex;flex-direction:row;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-xs) var(--space-3xs) var(--space-xs);transition:transform .3s ease;width:fit-content}.back-container:hover{transform:scale(105%)}.back-container:active{transform:scale(97%)}.header-title{color:var(--color-gray-700)}.header-link-container{display:none}.cover-img{border-radius:var(--space-s);margin:0 2rem;width:calc(100% - 4rem)}@media screen and (min-width:1000px){#back-master-container{align-items:center;display:flex;flex-direction:row;gap:1rem}.header-link-container{display:flex;flex-direction:row;gap:2rem}}.hero{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.bigtext,.hero-subtext{text-align:left}.hero-subtext{font-size:var(--step-0)!important;max-width:4000rem}.hero-button-container{display:flex;flex-direction:column;gap:1rem;width:100%}.hero-content-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-l);justify-content:center;width:100%}#designing-for-container{display:flex}@media(min-width:768px){.bigtext,.hero-subtext{text-align:center}.hero-subtext{max-width:50rem}.hero-button-container{display:inline-flex;flex-direction:row;gap:1.5rem;justify-content:center}.hero-content-container{padding-top:var(--space-3xl)}#designing-for-container{align-items:center;display:flex;flex-direction:row;gap:var(--space-xs);justify-content:center}#duiconbigbox,.duiconbigbox{width:var(--space-l)}}@media screen and (min-width:500px){.hero-subtext{font-size:var(--step-2)!important}}.project-grid{display:flex;flex-direction:column;gap:3rem;margin:auto}.projectcard{aspect-ratio:9/11;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2rem;opacity:1;transition:transform .3s ease,opacity .3s ease}#card1{background-image:url(/static/media/ducover.4e3a9bd6322373b60a2f.webp)}#card2{background-image:url(/static/media/digitalmenucover.dccb8a226b0ddb0973be.webp)}#card3{background-image:url(/static/media/designsystemcover.5574c493a58996704eec.webp)}#card4{background-image:url(/static/media/erpcover.0ca0e96eb8b2227543c8.webp)}@media screen and (min-width:1000px){.project-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(12,1fr);margin:auto}.projectcard{aspect-ratio:9/11;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2rem;opacity:.9;transition:transform .3s ease,opacity .3s ease}.projectcard:hover{opacity:1;transform:scale(1.03) rotate(1deg) translateY(-10px)}#card1{background-image:url(/static/media/ducover.4e3a9bd6322373b60a2f.webp);grid-column:1/7}#card2{background-image:url(/static/media/digitalmenucover.dccb8a226b0ddb0973be.webp);grid-column:7/13;margin-top:5rem}#card3{background-image:url(/static/media/designsystemcover.5574c493a58996704eec.webp);grid-column:1/7}#card4{background-image:url(/static/media/erpcover.0ca0e96eb8b2227543c8.webp);grid-column:7/13;margin-top:5rem}.max-width-projectgrid{margin:0 auto;max-width:1300px;padding-top:var(--space-3xl)}}@media screen and (min-width:2000px){.max-width-projectgrid{margin:0 auto;max-width:1500px}}.abtme-mastercontainer{display:none}.HomeAboutme{display:flex;flex-direction:column;gap:2rem}.max-width-aboutmehome{margin:0 auto;max-width:1700px;padding:0 var(--space-s-m)}#textaboutme{align-self:center;grid-column:5/span 5}@media screen and (min-width:1000px){.abtme-mastercontainer{align-items:center;display:flex;height:65rem;justify-content:center}.HomeAboutme{grid-gap:0;grid-row-gap:4rem;align-items:center;display:grid;gap:0;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);row-gap:4rem}#imgleft{aspect-ratio:1/1.5;border-radius:0;grid-column:1/span 3;max-width:65%;object-fit:cover;transform:rotate(-2deg)!important}#imgright{align-self:center;grid-column:11/span 2;max-width:70%;transform:translateY(5rem) rotate(2deg)}#imgbottom{grid-column:5/span 4;grid-row:2/span 1;max-width:80%;object-fit:cover;transform:translateY(-2rem) rotate(-1deg);width:100%}#textaboutme{align-self:center;grid-column:5/span 5}}.toc-container{border-left:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem;height:20rem;max-width:250px;position:sticky;top:1rem}.toc-container a{color:blue!important}*{box-sizing:border-box}.cs-content{display:flex;flex-direction:column;gap:var(--space-m);margin:0 auto;max-width:750px;padding:var(--space-s-m)}.cover-img{margin:auto;width:100%}.cs-content>img{border-radius:var(--img-radius);margin:var(--space-s-m) 0;position:relative}@media screen and (min-width:1200px){.cs-content>img{left:-12.5%;position:relative;width:130%}.cover-container{display:flex;flex-direction:column;row-gap:1rem;width:100%}}
/*# sourceMappingURL=main.8faa384f.css.map*/