/* Marea: a quiet retail frame, with the clothes carrying the colour. */
.marea{--paper:#fff;--surface:#eeede9;--ink:#20211f;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.marea h1,.marea h2,.marea h3,.marea .logo,.marea .footer-word{font-family:InterTight,Arial,sans-serif;font-weight:500;letter-spacing:-.055em}
.marea .demo-bar{background:#f5f4f0;color:#565751;min-height:30px;padding:6px 3vw;font:12px/1.5 Arial,sans-serif}
.marea .nav{height:92px;padding:0 3vw;background:#fff}.marea .nav .logo{font-size:49px;font-weight:750;letter-spacing:-.075em;text-transform:uppercase}.marea .nav-links{gap:36px;font-size:14px}.bag-button{font:inherit;border:0;background:none;padding:10px 0}.bag-button span{margin-left:6px;font-size:12px}.bag-button span::before{content:'('}.bag-button span::after{content:')'}
.marea .studio{height:calc(100svh - 122px);min-height:700px;max-height:1000px;position:relative;isolation:isolate;background:#eeede9;overflow:hidden}
.studio-scenery{position:absolute;inset:0 370px 0 0;background:#eeede9;transition:background .6s ease}
.studio-scenery[data-light=golden]{background:#e5ddcb}.studio-room{display:none}
.studio-model{position:absolute;left:65%;bottom:20px;transform:translateX(-50%);width:55%;height:96%;pointer-events:none}
.studio-model img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:2;transition:filter .6s ease}
.studio-model .model-previous{z-index:3}.studio-scenery[data-light=golden] .studio-model img{filter:sepia(.16) saturate(.95)}
.studio-heading{position:absolute;top:52px;left:4.3vw;max-width:300px;z-index:4;pointer-events:none}
.marea .studio-heading h1{font-size:clamp(60px,5.5vw,86px);line-height:.95;font-weight:500;letter-spacing:-.06em}
.studio-heading p{font-size:15px;line-height:1.6;margin-top:25px;max-width:22ch;color:#555650}
.studio-panel{position:absolute;right:0;top:0;height:100%;width:370px;padding:34px;display:flex;flex-direction:column;justify-content:center;background:#fff;color:var(--ink)}
.studio-tabs{display:flex;gap:27px;border-bottom:1px solid #dddcd6;margin-bottom:23px}.studio-tabs button{position:relative;background:none;border:0;padding:0 0 16px;font-size:14px;font-weight:500;color:#70716c}.studio-tabs button[aria-selected=true]{color:var(--ink)}.studio-tabs button[aria-selected=true]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;background:var(--ink);height:2px}
.studio-panel .selector-label{font-size:12px;color:#6b6c66;line-height:1.5;margin-bottom:16px}.look-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 10px}.look-options button{border:0;border-bottom:2px solid transparent;background:#f2f1ee;padding:5px 4px 10px;min-width:0;transition:background .2s,border-color .2s}.look-options button img{height:115px;width:100%;object-fit:contain;transition:transform .35s cubic-bezier(.22,1,.36,1)}.look-options button span{display:block;font-size:12px;margin-top:6px}.look-options button[aria-pressed=true]{border-bottom-color:#20211f;background:#e6e5e0}.look-options button:hover img{transform:translateY(-3px) scale(1.025)}.look-options button:active img{transform:scale(.98)}
.studio-product{margin:28px 0 23px}.marea .studio-product h2{font-size:29px;line-height:1.1;letter-spacing:-.035em}.studio-product .price{font-size:16px;margin-top:9px;font-variant-numeric:tabular-nums}
.studio-panel .selection{display:flex;align-items:end;gap:12px;flex-direction:row}.studio-panel .selection label{display:grid;font-size:12px;gap:8px;min-width:65px}.studio-panel select{border:1px solid #d6d6ce;padding:12px 8px;height:48px;min-height:48px;background:#fff}.marea .action{background:#20211f;color:#fff;font-size:14px;min-height:48px;border-radius:0;transition:background .2s,transform .2s cubic-bezier(.22,1,.36,1)}.marea .action:hover{background:#42443d;transform:translateY(-1px)}.marea .action:active{transform:scale(.98)}.studio-panel .action{padding:13px 16px;gap:15px;flex:1}.studio-panel .action:disabled{opacity:.5}.studio-panel>.fine{font-size:11px;color:#787970;margin-top:15px}
.studio-tools{position:absolute;bottom:32px;left:4.3vw;display:grid;gap:10px;z-index:4}.light-options,.history-tools{display:flex;gap:18px;align-items:center}.studio-tools button{background:none;border:0;padding:9px 0;font-size:12px;min-height:36px;color:#6b6c66}.light-options button[aria-pressed=true]{color:#20211f;text-decoration:underline;text-underline-offset:6px}.history-tools button[data-undo],.history-tools button[data-redo]{font-size:22px;padding:0 3px}.history-tools button:disabled{opacity:.25}.history-tools button:not(:disabled):hover{color:#000}.history-tools button[data-reset]{margin-left:4px}
.studio-panel [role=tabpanel][hidden]{display:none}.studio-panel [role=tabpanel]{min-height:330px}.studio-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:14px;margin-top:28px}.studio-panel dd{margin:0;color:#6b6c66}.studio-panel dt{font-weight:500}.studio-panel [role=tabpanel]>p{font-size:15px;line-height:1.6}.size-guide{margin-top:24px;font-size:13px}.size-guide summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.size-guide table{border-collapse:collapse;width:100%;font-size:12px;margin-top:14px;text-align:left}.size-guide th,.size-guide td{padding:7px 2px;border-bottom:1px solid #deded8}.size-guide caption{font-size:11px;margin-bottom:8px}
.studio-status{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:13px;padding:10px 20px;background:#fff;z-index:6;max-width:420px}.studio-status:empty{display:none}
.marea .section{padding:100px 4.3vw}.marea .section-head{margin-bottom:48px;align-items:end}.marea .section-head h2,.marea .copy h2,.marea .faq h2{font-size:clamp(38px,4.5vw,66px);line-height:1.03}.marea .section-head p{font-size:15px;color:#6b6c66;max-width:31ch}.marea .gallery{gap:50px 22px}.marea .portrait-product{aspect-ratio:3/4;background:#eeede9;overflow:hidden}.portrait-product img{width:100%;height:100%;object-fit:contain;padding:24px 15px 0;transition:transform .65s cubic-bezier(.22,1,.36,1)}.marea .gallery figure{transform:none!important}.gallery figure:hover .portrait-product img{transform:scale(1.035)}.marea .gallery figcaption{margin-top:20px;align-items:baseline}.marea .gallery h3{font-size:23px;letter-spacing:-.035em}.marea .gallery figcaption p{font-size:13px;color:#6b6c66;margin-top:7px}.marea .gallery figcaption span{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.product-link{border:0;background:none;padding:12px 0 0;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.marea .care{background:#f3f2ee;gap:12vw}.marea .copy p{font-size:16px;color:#555650}.marea .detail-list{font-size:14px}.marea .detail-list b{font-weight:500}.marea .care .photo{max-height:580px;aspect-ratio:4/5}.marea .care a{font-size:14px}.marea .faq{display:grid;grid-template-columns:1fr 1fr;gap:12vw;background:#fff}.faq details{padding:21px 0;border-bottom:1px solid #dddcd5}.faq details:first-child{padding-top:0}.faq summary{list-style:none;font-size:18px;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq summary::after{content:'+';font-size:20px}.faq details[open] summary::after{content:'−'}.faq details p{font-size:15px;color:#64655f;margin-top:17px}
.marea .footer{padding:48px 4.3vw 25px;background:#20211f;color:#f5f4ef;gap:44px}.marea .footer-top{font-size:14px}.marea .footer-word{font-size:clamp(90px,24vw,370px);font-weight:650;text-transform:uppercase;line-height:.8;letter-spacing:-.075em;max-width:none}.marea .end-note{font-size:11px;color:#b7b9ad}.marea .footer a{text-decoration:none}.marea .footer a:hover{text-decoration:underline}
.marea dialog.bag{width:min(600px,calc(100% - 32px));padding:32px;background:#fff;color:#20211f}.marea dialog h2{font:500 35px/1.1 InterTight,Arial,sans-serif;letter-spacing:-.04em}.dialog-close{background:#f1f0eb;min-width:40px;min-height:40px}.bag-list{display:grid;gap:22px;margin:26px 0}.bag-item{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center}.bag-item img{width:80px;height:110px;object-fit:contain;background:#eeede9}.bag-item h3{font-size:22px!important;font-family:InterTight,Arial,sans-serif!important;letter-spacing:-.03em}.bag-item p{font-size:13px;margin:8px 0}.bag-item button{font-size:13px;border:0;background:#f1f0eb;padding:7px 10px}.bag-quantity{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:13px}.bag-quantity button{min-width:32px;min-height:32px}.bag-item .remove{padding:10px 0 0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:12px}.bag-total{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:20px}.bag-total strong{font-weight:500}.bag .dialog-note{font-size:13px;color:#6b6c66}.bag-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.bag-actions a{font-size:13px}.bag-empty{font-size:15px;padding:20px 0}.item-price{font-weight:400;font-size:14px}
@media(min-width:1700px){.studio-scenery{right:430px}.studio-panel{width:430px;padding:44px}.look-options button img{height:145px}.studio-model{left:64%}.studio-heading{max-width:360px}}
@media(min-width:701px) and (max-width:1100px){.marea .studio{min-height:720px}.studio-panel{width:310px;padding:24px}.studio-scenery{right:310px}.studio-heading{left:25px;top:36px;max-width:210px}.marea .studio-heading h1{font-size:58px}.studio-heading p{font-size:13px;max-width:16ch}.studio-model{left:63%;height:78%;width:73%;bottom:55px}.studio-tools{left:25px;bottom:20px}.look-options button img{height:95px}.studio-panel [role=tabpanel]{min-height:290px}.studio-panel .selection{gap:8px}.studio-panel .action{padding:12px 8px;font-size:12px;gap:8px}.marea .studio-product h2{font-size:26px}}
@media(max-width:700px){.marea .demo-bar{font-size:10px;padding:6px 20px;min-height:30px}.marea .demo-bar span{max-width:none}.marea .nav{height:74px;padding:0 20px}.marea .nav .logo{font-size:37px}.marea .nav-links{gap:22px;font-size:12px}.marea .nav-links .optional{display:none}.marea .studio{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;overflow:visible;padding:0 0 20px}.studio-scenery{position:sticky;inset:auto;top:0;height:360px;flex:none;width:100%;z-index:3;overflow:hidden;order:0}.studio-model{left:66%;height:335px;width:265px;max-width:75%;bottom:4px}.studio-heading{left:20px;top:30px;max-width:170px}.marea .studio-heading h1{font-size:46px;letter-spacing:-.055em}.studio-heading p{font-size:12px;line-height:1.55;max-width:15ch;margin-top:20px}.studio-tools{position:sticky;top:360px;left:auto;bottom:auto;width:100%;order:1;background:#eeede9;display:flex;justify-content:space-between;align-items:center;padding:7px 20px;z-index:4;gap:6px}.light-options,.history-tools{gap:12px}.studio-tools button{font-size:11px}.history-tools button[data-undo],.history-tools button[data-redo]{font-size:21px;padding:0 3px}.history-tools button[data-reset]{font-size:11px;margin-left:0}.studio-panel{position:relative;top:auto;right:auto;order:2;width:100%;height:auto;z-index:1;padding:25px 20px;background:#fff}.studio-tabs{margin-bottom:20px}.studio-panel [role=tabpanel]{min-height:0}.look-options{grid-template-columns:repeat(3,1fr);gap:12px}.look-options button img{height:112px}.studio-product{margin:25px 0 20px}.marea .studio-product h2{font-size:29px}.studio-panel .selection{flex-direction:row}.studio-panel .selection label{display:grid;grid-template-columns:1fr}.studio-panel .action{font-size:14px}.studio-status{top:315px;bottom:auto;width:max-content;max-width:calc(100% - 30px);padding:8px 12px;font-size:12px;z-index:5}.marea .section{padding:65px 20px}.marea .section-head{gap:22px;margin-bottom:32px;align-items:start}.marea .section-head h2,.marea .copy h2,.marea .faq h2{font-size:39px}.marea .section-head p{font-size:14px}.marea .gallery{grid-template-columns:1fr 1fr;gap:34px 14px}.marea .portrait-product{aspect-ratio:2/3}.portrait-product img{padding:12px 0 0}.marea .gallery figcaption{display:block;margin-top:14px}.marea .gallery h3{font-size:21px}.marea .gallery figcaption p{font-size:12px}.marea .gallery figcaption span{display:block;font-size:12px;margin-top:9px}.product-link{font-size:12px}.marea .care{gap:35px}.marea .care .photo{aspect-ratio:4/5;max-height:480px}.marea .faq{grid-template-columns:1fr;gap:34px}.faq summary{font-size:17px}.marea .footer{padding:36px 20px 24px;gap:35px}.marea .footer-top{font-size:13px}.marea .footer-word{font-size:23vw;letter-spacing:-.07em}.marea dialog.bag{padding:24px}.bag-item{grid-template-columns:65px 1fr;gap:15px}.bag-item img{width:65px;height:100px}.bag-item .item-price{grid-column:2}.bag-actions .action{width:100%}.bag-total{font-size:19px}.bag-actions{gap:12px}}
@media(max-width:360px){.studio-scenery{height:325px}.studio-model{height:300px;left:67%}.studio-tools{top:325px;padding:7px 12px}.marea .studio-heading h1{font-size:40px}.studio-heading p{font-size:11px}.look-options button img{height:95px}.studio-status{top:280px}.light-options,.history-tools{gap:9px}.studio-tools button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}