*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh}:root{font-size:clamp(10px,1vw + 1px,16px);--border: .625rem;--thin-border: .3125rem;--ultra-thin-border: .15625rem}@font-face{font-family:Kanit;font-weight:100;font-style:normal;src:url(/fonts/Kanit/Kanit-Thin.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:100;font-style:italic;src:url(/fonts/Kanit/Kanit-ThinItalic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:200;font-style:normal;src:url(/fonts/Kanit/Kanit-ExtraLight.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:200;font-style:italic;src:url(/fonts/Kanit/Kanit-ExtraLightItalic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:300;font-style:normal;src:url(/fonts/Kanit/Kanit-Light.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:300;font-style:italic;src:url(/fonts/Kanit/Kanit-LightItalic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:400;font-style:normal;src:url(/fonts/Kanit/Kanit-Regular.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:400;font-style:italic;src:url(/fonts/Kanit/Kanit-Italic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:500;font-style:normal;src:url(/fonts/Kanit/Kanit-Medium.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:500;font-style:italic;src:url(/fonts/Kanit/Kanit-MediumItalic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:600;font-style:normal;src:url(/fonts/Kanit/Kanit-SemiBold.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:600;font-style:italic;src:url(/fonts/Kanit/Kanit-SemiBoldItalic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:700;font-style:normal;src:url(/fonts/Kanit/Kanit-Bold.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:700;font-style:italic;src:url(/fonts/Kanit/Kanit-BoldItalic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:800;font-style:normal;src:url(/fonts/Kanit/Kanit-ExtraBold.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:800;font-style:italic;src:url(/fonts/Kanit/Kanit-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:900;font-style:normal;src:url(/fonts/Kanit/Kanit-Black.ttf) format("truetype")}@font-face{font-family:Kanit;font-weight:900;font-style:italic;src:url(/fonts/Kanit/Kanit-BlackItalic.ttf) format("truetype")}@font-face{font-family:Raleway;src:url(/fonts/Raleway/Raleway-VariableFont_wght.ttf) format("truetype"),url(/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal,italic}@font-face{font-family:Qwigley;src:url(/fonts/Qwigley/Qwigley-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.thin{font-weight:100}.extra-light{font-weight:200}.light{font-weight:300}.normal{font-weight:400}.medium{font-weight:500}.semi-bold{font-weight:600}.bold{font-weight:700}.extra-bold{font-weight:800}.black{font-weight:900}h3[data-v-4edcba45],div[data-v-4edcba45]{transition:color .3s ease-in-out,border .3s ease-in-out,fill .3s ease-in-out}.colour[data-v-4edcba45]{--color: #000}.colour[data-v-4edcba45]:hover{--color: var(--e5b3b7f0)}.card[data-v-4edcba45]{border:var(--border) solid var(--color);position:relative}[data-v-4edcba45] .slash{color:var(--color);transition:all .3s ease-in-out}h3[data-v-4edcba45]{font-size:4rem;line-height:.8;color:color-mix(in srgb,#000 50%,var(--color) 50%)}.content[data-v-4edcba45],h3[data-v-4edcba45]{padding:.5rem}.content[data-v-4edcba45]{font-size:1.1rem;line-height:1.2;font-family:Raleway;text-align:justify}.logo[data-v-4edcba45]{float:right;height:100%;display:flex;flex-direction:column;justify-content:flex-end;shape-outside:linear-gradient(-45deg,#000 70.7px,#0000 0)}.icon[data-v-4edcba45]{position:absolute;right:-2px;bottom:-5px;z-index:1}.triangle[data-v-4edcba45]{position:absolute;right:-1px;bottom:-1px;height:100px;fill:var(--color)}.icon[data-v-4edcba45] svg,.icon svg[data-v-4edcba45]{width:50px;height:auto}.icon[data-v-4edcba45] path{fill:#fff}.logo img[data-v-4edcba45]{clip-path:polygon(100% 0,100% 100%,0 100%);width:100px;height:100px}.card[data-v-4edcba45]:after{content:"";clear:both;display:table}.text[data-v-4edcba45]{display:flex}.card_contain[data-v-4edcba45]{display:flex;justify-content:center}.extra[data-v-4edcba45]{writing-mode:vertical-rl;text-orientation:mixed;font-size:2.2rem;line-height:1.2}main[data-v-27bcee10]{width:min(100ch,100vw);background-color:#d9d9d9;padding:1rem;font-family:Kanit}hr[data-v-27bcee10]{margin:2rem -1rem;border:#000 solid var(--ultra-thin-border)}.name h1[data-v-27bcee10]{font-size:6em;letter-spacing:-3px}.name[data-v-27bcee10] *{margin:0;padding:0;line-height:.75}.icon-grid[data-v-27bcee10]{display:inline grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:1rem}.icon-grid svg[data-v-27bcee10]{height:6rem;width:auto}.label[data-v-27bcee10]{border:#000 solid var(--border);font-size:4em;line-height:1;display:inline grid;grid-template-columns:repeat(2,auto);text-align:center}.shipping[data-v-27bcee10]{display:inline grid;padding:1rem;background:#7c3535;transform:skew(-10deg);margin-top:3rem;margin-left:1rem}.signature p[data-v-27bcee10]{font-family:Qwigley;font-size:3rem;text-align:end;border-bottom:#000 solid 1px;line-height:.6;padding-right:20rem;-webkit-user-select:none;user-select:none}.signature[data-v-27bcee10]{display:grid;justify-content:end}.title[data-v-27bcee10]{font-size:5em}.portfolio[data-v-27bcee10]{display:flex;justify-content:space-between;align-items:end;margin-bottom:1rem}.portfolio .title[data-v-27bcee10]{line-height:1}.gh[data-v-27bcee10]{position:relative;--size: 4rem;width:var(--size);height:auto;--main: #181717;--sub: #8f3a9d}.gh[data-v-27bcee10] *{transition:fill .1s ease-in-out}.gh_icon[data-v-27bcee10]{fill:var(--main)}.gh[data-v-27bcee10]:hover{--main: #8f3a9d;--sub: #181717}.h[data-v-27bcee10]{width:calc(var(--size) * .5);fill:var(--sub);height:auto;position:absolute;bottom:0;right:0}.subtitle-block[data-v-27bcee10]{display:flex;align-items:center;gap:1rem}.declaration-contain[data-v-27bcee10]{display:flex;gap:3rem;flex-wrap:wrap}.declaration h3[data-v-27bcee10]{font-size:4rem;line-height:1}.declaration p[data-v-27bcee10]{line-height:1.5;font-size:1.35rem;max-width:45ch;font-family:Raleway}.shipping h2[data-v-27bcee10]{font-size:4rem;line-height:.8}.pri[data-v-27bcee10]{color:#fff;letter-spacing:-.25rem}.https[data-v-27bcee10]{color:#ffca74;letter-spacing:-.5rem}.label[data-v-27bcee10] *{padding:0 .5rem}.aus[data-v-27bcee10]{font-weight:500}.label-black[data-v-27bcee10]{color:#fff;background:#000}.j[data-v-27bcee10]{border-left:#000 solid var(--border)}.four[data-v-27bcee10]{border-right:#000 solid var(--border)}.first-block[data-v-27bcee10]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.right-block[data-v-27bcee10]{justify-self:end}.dev[data-v-27bcee10]{font-weight:500;font-stretch:50%;transform:scaleX(.7);transform-origin:right}.right-block h1[data-v-27bcee10]{text-align:end;line-height:.8;font-size:6em}.vue[data-v-27bcee10]{color:#2e7856;font-weight:900;font-style:italic}.port-grid[data-v-27bcee10]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 800px){.declaration-contain[data-v-27bcee10]{gap:1rem}.declaration p[data-v-27bcee10]{max-width:100%;line-height:1.25}.signature p[data-v-27bcee10]{padding-right:10vw}.port-grid[data-v-27bcee10]{grid-template-columns:1fr}.subtitle-block[data-v-27bcee10]{font-size:.8rem;gap:.5rem}.first-block[data-v-27bcee10]{font-size:.9rem}.icon-grid[data-v-27bcee10]{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));width:100%;place-items:center;gap:1rem}.icon-grid svg[data-v-27bcee10]{height:4.5rem;width:auto}}.mailing h1[data-v-27bcee10]{font-size:4rem}.mailing p[data-v-27bcee10]{font-size:2rem}#app{display:grid;place-items:center}
