:root{--ink:#19212b;--paper:#f1f0eb;--line:#d4d5d0;--blue:#315998;--muted:#606a70;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #5283d6;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;left:16px;top:-100px;z-index:30;background:white;padding:15px}.skip:focus{top:16px}.site-header{position:absolute;z-index:2;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;color:#fff}.wordmark{font-size:25px;font-weight:700;letter-spacing:-1.4px;display:inline-flex;gap:6px;align-items:center}.wordmark span{font-weight:400}.wordmark svg{width:18px;height:22px;margin-right:8px;fill:none;stroke:currentColor;stroke-width:1.4}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav-cta{padding:13px 18px;border:1px solid #ffffff70;border-radius:3px}.nav-cta span{margin-left:18px}.hero{height: min(900px,100svh);min-height:680px;position:relative;overflow:hidden;color:#fff;background:#0a121c}.hero-image{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07111bc2 0%,#07111b66 36%,transparent 70%),linear-gradient(0deg,#07111b88,transparent 24%)}.hero-content{position:relative;padding:185px 0 110px;margin-left:8%;width:48%;max-width:700px}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.6;font-weight:500}.status-dot{display:inline-block;width:5px;height:5px;background:#d1deee;border-radius:50%;margin:0 9px 2px 0}.hero h1{font-size:clamp(72px,8.2vw,130px);font-weight:400;letter-spacing:-6px;line-height:1.01;margin:36px 0 24px}em{font-family:var(--serif);font-weight:400}.hero-description{font-size:15px;line-height:1.8;color:#e0e6eb;margin:0 0 30px}.button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;border:0;padding:18px 22px;font-size:12px;font-weight:600;letter-spacing:.2px;border-radius:2px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px);text-decoration:none}.light{background:#eeeee6;color:var(--ink)}.light:hover{background:#fff}.dark{background:var(--ink);color:white}.dark:hover{background:#304864}.hero-note{display:block;font-size:10px;color:#c0cbd4;margin-top:16px}.hero-footer{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.3px;color:#cad1d7}.hero-footer span:nth-child(2){letter-spacing:.3px}.intro{padding:100px 8%;display:grid;grid-template-columns:1.2fr 1fr;gap:20px 8%;border-bottom:1px solid var(--line)}.intro>.eyebrow{grid-column:1/-1;margin:0 0 10px}h2{font-size:clamp(35px,4vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:0}p{line-height:1.8}.intro>div{max-width:420px}.intro>div p:first-child{margin-top:0}.muted{color:var(--muted);font-size:13px}.studio{padding:90px 8% 100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.small-label{font-size:9px;letter-spacing:1px;color:var(--muted)}.studio-grid{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid #c9ccc6;align-items:start}.preview-column{padding:25px 30px;background:#e7e8e2;position:sticky;top:20px}.preview-meta,.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:1px}.shirt-preview{display:block;width:100%;max-height:530px}.preview-bottom{letter-spacing:0;color:#5c6568}.text-button{font-size:11px;background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:8px;color:var(--ink)}.preview-disclaimer{font-size:10px;line-height:1.6;color:#606b6c;margin:17px 0 0;max-width:430px}.controls{padding:12px 32px 20px;background:#f7f7f2}.controls fieldset{border:0;border-bottom:1px solid var(--line);padding:22px 0;margin:0;min-width:0}.controls legend{float:left;width:100%;margin-bottom:18px;font-size:12px}.controls legend span{font-family:monospace;font-size:10px;margin-right:15px;color:#777}.swatches{display:flex;clear:both;gap:16px}.swatches label,.shape-options label{position:relative;cursor:pointer}.swatches input,.shape-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;inset:0;cursor:pointer}.swatches label>span{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:10px;color:#5e666a;min-width:41px}.swatches label>span:before{content:'';width:28px;height:28px;background:var(--swatch);border-radius:50%;border:1px solid #0002;outline:1px solid transparent;outline-offset:4px;transition:outline-color .15s}.swatches input:checked+span:before{outline-color:var(--ink)}.swatches input:focus-visible+span:before{outline:3px solid #5283d6}.swatches input:checked+span{color:var(--ink)}.shape-options{display:flex;clear:both;gap:10px}.shape-options label{flex:1}.shape-options span{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:12px 8px;font-size:11px}.shape-options svg{height:26px;width:24px;fill:none;stroke:currentColor;stroke-width:1.3}.shape-options input:checked+span{border-color:var(--ink);background:#e9eae5}.shape-options input:focus-visible+span{outline:3px solid #5283d6;outline-offset:2px}.range-label{clear:both;display:flex;justify-content:space-between;font-size:11px;margin:14px 0 8px}.controls input[type=range]{width:100%;accent-color:var(--ink);height:22px;cursor:pointer}.field-note,.price-note{font-size:10px;line-height:1.6;color:var(--muted)}.design-summary{padding:10px 0 0}.design-summary p{font-size:10px;color:var(--muted)}.design-summary strong{display:block;font-size:12px;color:var(--ink);font-weight:400}.design-summary .button{width:100%;margin-top:9px}.price-note{text-align:center;margin:12px 0 0}.parcel{padding:80px 8%;background:#dce1e0;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:9%}.parcel-object{min-height:360px;display:grid;place-items:center;background:radial-gradient(ellipse,#c3cbca,transparent 68%)}.design-card{background:#f6f3e8;width:220px;min-height:280px;padding:25px;display:flex;flex-direction:column;align-items:center;gap:25px;box-shadow:12px 25px 40px #172c3720;transform:rotate(-9deg)}.design-card span{font-size:7px;letter-spacing:1.6px}.design-card svg{width:70px;height:80px}.design-card strong{font-family:var(--serif);font-style:italic;font-size:25px;font-weight:400}.parcel-copy h2{font-size:clamp(34px,3.3vw,47px);margin:23px 0}.parcel-copy>p:not(.eyebrow){max-width:470px}.questions{padding:95px 8%;display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.questions h2{margin-top:25px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:13px;padding:24px 30px 24px 0;position:relative;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:20px;top:20px}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);margin:0 0 23px}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:11px;color:var(--muted)}footer>span{font-size:9px;letter-spacing:1px}dialog{border:0;background:#f1f0eb;color:var(--ink);padding:35px;max-width:500px;width:calc(100% - 32px);max-height:90svh;overflow-y:auto}dialog::backdrop{background:#07111bba}.close-button{position:absolute;right:14px;top:8px;background:none;border:0;font-size:30px;color:var(--ink);padding:8px}dialog h2{font-size:40px}#review-preview .shirt-preview{max-height:280px}dialog .button{width:100%;justify-content:center}#review-summary{font-size:13px}#save-status{font-size:11px;min-height:18px;margin-bottom:0}@media(min-width:1700px){.hero-image{object-position:50% 45%}.hero-content{padding-top:190px}}@media(max-width:1000px){.hero{min-height:660px}.hero h1{letter-spacing:-4px}.hero-content{padding-top:175px}.intro,.studio,.parcel,.questions{padding-left:5%;padding-right:5%}.controls{padding-left:20px;padding-right:20px}.swatches{gap:12px}.preview-column{padding:20px}.shape-options{gap:6px}.shape-options span{gap:5px}.hero-footer span:nth-child(2){display:none}}@media(max-width:650px){.site-header{padding:23px 6%}.wordmark{font-size:23px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 12px;font-size:10px}.nav-cta span{margin-left:10px}.hero{height:850px;height:100svh;min-height:740px;max-height:960px}.hero-image{height:69%;top:4%;object-position:center 40%;opacity:.92}.hero-shade{background:linear-gradient(0deg,#09131d 0%,#09131df5 17%,#09131d80 39%,transparent 68%,#09131d44 100%)}.hero-content{position:absolute;bottom:70px;left:0;margin-left:7%;padding:0;width:86%}.hero-content>.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:66px;line-height:1;letter-spacing:-3px;margin:21px 0 16px}.hero h1 br{display:none}.hero h1 em{display:block}.hero-description{font-size:13px;margin-bottom:20px}.hero-note{font-size:9px}.hero-footer{left:7%;right:7%;font-size:7px;bottom:24px;letter-spacing:1px}.hero-footer>a{font-size:7px}.button{padding:16px 20px}.intro{display:block;padding:55px 7%}.intro h2{margin:25px 0}.intro p{font-size:13px}.intro .eyebrow{font-size:9px}.studio{padding:55px 5%}.section-heading{display:block;margin-bottom:25px;padding:0 2%}.section-heading h2{margin:15px 0}.small-label{font-size:8px}.studio-grid{display:block}.preview-column{position:relative;top:auto;padding:18px 20px}.shirt-preview{height:315px}.preview-disclaimer{font-size:9px}.controls{padding:0 22px 20px}.controls fieldset{padding:22px 0}.swatches{gap:24px}.swatches label>span{font-size:11px}.swatches label>span:before{width:30px;height:30px}.shape-options{gap:10px}.shape-options span{padding:14px}.parcel{padding:40px 7% 60px;display:flex;flex-direction:column;gap:20px}.parcel-object{min-height:330px;width:100%}.parcel-copy h2{font-size:35px}.parcel-copy>p{font-size:13px}.questions{padding:60px 7%;display:block}.questions h2{margin:20px 0 30px}.questions h2 br{display:none}summary{font-size:12px}footer{padding:30px 7%;flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;margin:0}footer>span{font-size:8px}dialog{padding:28px 22px}dialog h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.button:hover{transform:none}}
@media(max-width:650px){.hero-image{height:78%;top:0;mask-image:linear-gradient(#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(#000 65%,transparent 100%)}}
/* Interactive garment panels */
.panel-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:22px 0 16px;border-bottom:1px solid #bcc4be;padding-bottom:10px}.panel-tabs button{padding:11px 3px;font-size:10px;border:0;background:transparent;color:#545f63;line-height:1.4;border-radius:2px}.panel-tabs button[aria-pressed=true]{background:#19212b;color:#fff}.panel-tabs button span{font-size:8px;opacity:.7;margin-left:3px}.pocket-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-height:38px}.pocket-toolbar>.text-button{white-space:nowrap;font-size:10px}.pocket-toolbar .text-button:disabled{opacity:.5;text-decoration:none;cursor:default}#pocket-list{display:flex;gap:5px;flex-wrap:wrap}#pocket-list button{display:flex;gap:5px;align-items:center;padding:7px 9px;border:1px solid #bdc3bc;border-radius:2px;font-size:10px;background:none;color:var(--ink)}#pocket-list button[aria-pressed=true]{border-color:#19212b;background:#f7f7f2}#pocket-list button>span{width:8px;height:8px;border-radius:50%;border:1px solid #0002}#pocket-list small{font-size:8px;color:#616a70}#design-stage{touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:-5px}#design-stage:focus-visible{outline:2px solid #315998}.placed-pocket{cursor:grab;touch-action:none}.placed-pocket path,.placed-pocket rect{touch-action:none}.is-dragging,.is-dragging .placed-pocket{cursor:grabbing}.selection-outline{fill:none;stroke:#315998;stroke-width:1.4;stroke-dasharray:4 3;pointer-events:none;vector-effect:non-scaling-stroke}.invalid .selection-outline{stroke:#a84434}.resize-handle{fill:#fff;stroke:#315998;stroke-width:1.5;cursor:nwse-resize;vector-effect:non-scaling-stroke}.pocket-number{fill:#315998;font-family:monospace;font-size:11px;pointer-events:none}.placement-zone{fill:none;stroke:#5c757e;stroke-width:1;stroke-dasharray:4 5;opacity:.25;pointer-events:none}.sleeve-caption{font-family:Arial,sans-serif;fill:#586568;font-size:11px;letter-spacing:1px}.drag-help{font-size:10px;color:#48585e;text-align:center;line-height:1.6;margin:0 0 16px}#empty-panel{font-size:12px;text-align:center;padding:10px 14px;background:#f7f7f2;margin:0 0 12px;line-height:1.6}#placement-status{min-height:30px;margin:12px 0 0;font-size:10px}.move-label{display:block;clear:both;font-size:11px;margin:0 0 8px}#panel-target{width:100%;background:transparent;padding:11px 10px;border:1px solid #bcc3bc;border-radius:2px;font:inherit;font-size:12px;color:var(--ink)}.position-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.position-inputs label{font-size:10px;color:#535f65}.position-inputs input{display:block;width:100%;margin-top:7px;padding:10px 8px;background:transparent;border:1px solid #bcc3bc;border-radius:2px;font-size:12px;color:var(--ink)}.position-actions{display:flex;justify-content:space-between;gap:10px;margin:9px -8px 0}.position-actions .text-button{font-size:10px}fieldset:disabled{opacity:.4}.placement-issues{font-size:11px;line-height:1.6;color:#775327;background:#f1e9db;padding:12px;margin-top:15px}.placement-issues.has-error{color:#873527;background:#f3e2dc}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}#review-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}#review-preview:has(figure:only-child){grid-template-columns:1fr}.review-panel{margin:0;background:#e7e8e2;padding:10px}.review-panel figcaption{font-size:10px;text-align:center}.review-panel .shirt-preview{height:auto!important;max-height:280px}#review-summary{line-height:1.9}dialog{max-width:620px}#design-stage .placed-pocket:not(.selected):hover .pocket-fill{stroke:#315998;stroke-width:2}.preview-column{top:15px}.preview-meta{gap:10px}
@media(max-width:1100px){#pocket-list small{display:none}.panel-tabs button{font-size:9px}}@media(max-width:650px){.panel-tabs{gap:3px;margin-top:17px}.panel-tabs button{font-size:9px;padding:12px 2px;min-height:44px}.panel-tabs button span{display:none}.pocket-toolbar{gap:6px}.pocket-toolbar>.text-button{min-height:40px}#pocket-list button{min-height:36px;padding:7px 10px}.drag-help{font-size:9px}#design-stage{height:330px}.position-inputs input,#panel-target{font-size:16px}.preview-column{top:auto}#placement-status{min-height:32px;font-size:9px}.preview-bottom{font-size:9px}.preview-bottom .text-button{font-size:10px}.selection-outline{stroke-width:1.2}.resize-handle{stroke-width:1.3}.review-panel{padding:6px}.review-panel .sleeve-caption{font-size:14px}}@media(pointer:coarse){.resize-handle{stroke-width:5;stroke-opacity:.6}}
#design-stage:focus:not(:focus-visible){outline:none}

/* Silhouette editorial: preserve the wearer and garment framing. */
.hero{background:#111319}.hero-shade{background:linear-gradient(90deg,#10131ac2 0%,#10131a55 36%,transparent 70%),linear-gradient(0deg,#10131a66,transparent 24%)}
@media(min-width:1000px){.hero-image{object-fit:contain;object-position:right center}}
@media(max-width:650px){.hero-image{object-position:center top}.hero-shade{background:linear-gradient(0deg,#111319 0%,#111319f5 17%,#11131980 39%,transparent 68%,#11131933 100%)}}

/* Compact language switch; changing language keeps the current design. */
.site-header{gap:20px}.site-header nav{margin-left:auto;gap:24px}.language-switch{display:flex;gap:2px;border:1px solid #ffffff66;border-radius:3px;padding:3px;flex-shrink:0}.language-switch button{border:0;background:none;color:#e1e5ea;padding:9px 8px;font-size:10px;line-height:1;min-width:28px;border-radius:1px}.language-switch button[aria-pressed=true]{background:#eeeee6;color:#19212b}.language-switch button:hover{background:#ffffff25}.language-switch button[aria-pressed=true]:hover{background:white}html[lang=id] .hero h1{font-size:clamp(70px,7.6vw,120px)}html[lang=id] .hero-content>.eyebrow{letter-spacing:1.5px}
@media(max-width:800px){.site-header{gap:12px}.site-header nav{gap:14px}}@media(max-width:650px){.site-header{padding:20px 5%;gap:10px}.site-header .wordmark{font-size:20px}.language-switch button{padding:10px 7px}.site-header nav{gap:0}.nav-cta{padding:10px;font-size:9px}.nav-cta span{margin-left:5px}html[lang=id] .hero h1{font-size:64px}.hero-content>.eyebrow{font-size:7px}.hero-footer{font-size:6px;letter-spacing:.6px}.hero-footer>a{font-size:6px}html[lang=en] .shape-options span{gap:5px;font-size:10px}.shape-options svg{flex-shrink:0}.panel-tabs button{font-size:9px}}@media(max-width:360px){.site-header nav{display:none}.language-switch{margin-left:auto}.hero-footer{letter-spacing:.2px}html[lang=id] .hero h1{font-size:58px}}
@media(max-width:650px){.shape-options label{min-width:0}.shape-options span{flex-direction:column;gap:7px;padding:12px 4px;font-size:11px}.shape-options svg{height:27px;width:25px}html[lang=en] .shape-options span{font-size:11px;gap:7px}}