.studio-main{padding:0 4.2vw 80px}.studio-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end;padding:58px 0 38px}.studio-heading h1{font:clamp(42px,5.2vw,76px)/.97 Georgia,serif;letter-spacing:-.045em;margin:14px 0 0}.studio-heading h1 em,.studio-look h2 em{font-weight:400}.studio-heading>div>p:not(.v2-eyebrow){max-width:430px;font-size:17px;line-height:1.6}.studio-heading .v2-small{font-size:12px!important}.studio-shell{display:grid;grid-template-columns:minmax(0,1fr) 285px;border:1px solid #bbc7cf}.studio-world{min-width:0;background:#dce8ef}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #bbc7cf;gap:8px}.studio-toolbar>div{display:flex;gap:5px}.studio-main button{cursor:pointer;color:inherit;font:inherit;border:0;background:transparent;min-height:44px}.studio-toolbar button{font-size:12px;padding:10px 14px;white-space:nowrap}.studio-toolbar button[aria-pressed=true]{background:#852b40;color:#ffffff}.studio-toolbar>#studio-flat{padding-right:0;text-decoration:underline;text-underline-offset:4px}#studio-canvas{height:530px;position:relative;overflow:hidden;isolation:isolate}#studio-canvas canvas{width:100%;height:100%;display:block;touch-action:pan-y pinch-zoom}.studio-world-label{position:absolute;top:18px;left:20px;z-index:2;font-size:11px;letter-spacing:.05em;color:#59636d;pointer-events:none}.studio-flat-art{display:none;position:absolute;inset:25px 15%;background:#f4f7f8}.is-flat canvas{display:none}.is-flat .studio-flat-art{display:block}.studio-flat-art .outfit-art{height:100%}.studio-camera{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 10px;gap:10px}.studio-camera>span{font-size:11px;color:#59636d}.studio-camera>div{display:flex;gap:5px}.studio-camera button{min-width:44px;font-size:12px}.studio-spread{border-top:1px solid #bbc7cf;padding:17px 20px;display:flex;align-items:center;gap:18px;font-size:12px}.studio-spread input{flex:1;min-width:40px;accent-color:#852b40;height:30px}.studio-spread output{width:34px;font-variant-numeric:tabular-nums}.studio-inspector{border-left:1px solid #bbc7cf;padding:24px;background:#f4f7f8;display:flex;flex-direction:column;min-width:0}.studio-inspector-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}.studio-inspector-top p{margin:0}.studio-inspector>.piece{width:100%;height:245px;display:block;margin:20px 0 0;mix-blend-mode:multiply}.studio-piece-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bbc7cf;border-bottom:1px solid #bbc7cf;font-size:11px}.studio-piece-nav button{min-width:44px}.studio-inspector h2{font:31px/1.08 Georgia,serif;margin:23px 0 12px;letter-spacing:-.03em}.studio-inspector>p{font-size:13px;line-height:1.6}.studio-inspector .v2-button{background:#852b40;color:#ffffff;padding:14px;margin-top:10px;font-size:12px;min-height:48px}.studio-material-note{font-size:10px!important;color:#59636d;margin-top:auto;padding-top:20px}.studio-main button:disabled{opacity:.6;cursor:default}#studio-status{font-size:12px;color:#59636d;min-height:32px;padding:13px 0 0;margin:0}.studio-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:43px 0 21px}.studio-section-title h2{font:29px/1.1 Georgia,serif;margin:0;letter-spacing:-.03em}.studio-section-title>span{font-size:11px}.studio-piece-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.studio-piece-list>button{background:#ffffff;padding:0 9px 13px;text-align:left;outline-offset:4px}.studio-piece-list>button[aria-pressed=true]{box-shadow:inset 0 -3px #852b40;background:#dce8ef}.studio-piece-list .piece{display:block;height:130px;width:100%;mix-blend-mode:multiply}.studio-piece-list>button>span:last-child{display:block;font-size:11px;line-height:1.5;min-height:49px}.studio-piece-list small{display:block;font-size:9px;color:#59636d;margin-bottom:6px}.studio-look{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid #bbc7cf;margin-top:65px;padding-top:55px}.studio-look h2{font:clamp(40px,4vw,57px)/1.01 Georgia,serif;letter-spacing:-.035em;margin:14px 0 20px}.studio-look>div>p:not(.v2-eyebrow){max-width:400px;font-size:14px;line-height:1.65}.studio-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.studio-presets button{border:1px solid #bbc7cf;padding:10px;font-size:12px}.studio-look-summary{padding:25px;background:#ffffff;align-self:start}.studio-look-summary>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.studio-look-summary h3{font:23px Georgia,serif;margin:0}.studio-look-summary>div button{text-decoration:underline;font-size:12px}.studio-look-summary ul{list-style:none;padding:0;margin:15px 0}.studio-look-summary li{border-top:1px solid #bbc7cf}.studio-look-summary li button{text-align:left;width:100%;font-size:14px;padding:10px 0}.studio-next{display:flex;justify-content:space-between;gap:25px;padding-top:55px;font-size:13px}.studio-main a{text-underline-offset:4px}.studio-main :is(button,a,input):focus-visible{outline:3px solid #852b40;outline-offset:3px}.studio-piece-list>button:hover,.studio-presets button:hover{background:#dce8ef}.studio-flat-art .outfit-item>span{font-size:11px}
@media(min-width:1450px){#studio-canvas{height:650px}.studio-shell{grid-template-columns:minmax(0,1fr) 340px}.studio-inspector>.piece{height:300px}}
@media(max-width:900px){.studio-heading{gap:40px;padding-top:40px}.studio-shell{grid-template-columns:minmax(0,1fr) 240px}.studio-inspector{padding:18px}.studio-inspector>.piece{height:185px}#studio-canvas{height:460px}.studio-camera{flex-direction:column;gap:0}.studio-spread{gap:8px;flex-wrap:wrap}.studio-spread label{width:100%}.studio-piece-list{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-piece-list .piece{height:170px}.studio-look{gap:35px}}
@media(max-width:600px){.studio-main{padding:0 20px 45px}.studio-heading{display:block;padding:31px 0 25px}.studio-heading h1{font-size:47px}.studio-heading>div>p:not(.v2-eyebrow){font-size:15px;margin:21px 0 10px}.studio-shell{display:block}.studio-toolbar{padding:10px}.studio-toolbar button{padding:10px;font-size:11px}#studio-canvas{height:390px}.studio-world-label{top:14px;left:14px;font-size:9px}.studio-camera{padding:5px 12px}.studio-camera>span{font-size:10px}.studio-spread{padding:10px 14px;flex-wrap:nowrap;font-size:11px}.studio-spread label{width:auto;max-width:76px;line-height:1.4}.studio-inspector{border-left:0;border-top:1px solid #bbc7cf;display:grid;grid-template-columns:120px 1fr;column-gap:20px;padding:20px}.studio-inspector-top{grid-column:1/-1}.studio-inspector>.piece{height:165px;margin:14px 0 0;grid-column:1;grid-row:2/5}.studio-piece-nav{grid-column:1;grid-row:5}.studio-inspector h2{grid-column:2;grid-row:2;font-size:26px;margin:19px 0 9px}.studio-inspector>p:not(.studio-material-note){grid-column:2;grid-row:3;font-size:12px;margin:0}.studio-inspector .v2-button{grid-column:2;grid-row:4/6;align-self:end;font-size:11px;padding:10px;margin-top:14px}.studio-material-note{grid-column:1/-1;margin:10px 0 0;padding-top:10px}.studio-section-title{margin-top:25px}.studio-section-title h2{font-size:25px}.studio-section-title>span{max-width:100px;text-align:right;font-size:10px;line-height:1.5}.studio-piece-list{gap:7px}.studio-piece-list .piece{height:96px}.studio-piece-list>button{padding:0 6px 10px}.studio-piece-list>button>span:last-child{font-size:10px;min-height:45px}.studio-look{display:block;margin-top:38px;padding-top:33px}.studio-look-summary{margin-top:28px;padding:20px}.studio-next{display:block;padding-top:30px;line-height:1.6}.studio-flat-art{inset:35px 6%}.studio-flat-art .outfit-item>span{font-size:9px}}
body.af-page .studio-heading h1{font-size:clamp(42px,5.2vw,76px);line-height:.97}
body.af-page .studio-inspector h2{font-size:31px;line-height:1.08}
body.af-page .studio-section-title h2{font-size:29px;line-height:1.1}
body.af-page .studio-look h2{font-size:clamp(40px,4vw,57px);line-height:1.01}
body.af-page .studio-look-summary h3{font-size:23px}
.af-page main .studio-piece-list>button[aria-pressed=true]{color:var(--ink)}
@media(max-width:600px){body.af-page .studio-heading h1{font-size:47px}body.af-page .studio-inspector h2{font-size:26px}body.af-page .studio-section-title h2{font-size:25px}}
.studio-world:has(.is-flat) .studio-camera,.studio-world:has(.is-flat) .studio-spread{display:none}