/* Loom Atelier: a sculptural, interactive gallery. */
:root{--ink:#172824;--paper:#eceee8;--muted:#5b675c;--stage:#172824}
.site-header{position:absolute;top:0;left:0;right:0;color:var(--paper);background:transparent;border-color:#c4d2be2b;z-index:25}.wordmark{display:flex;align-items:baseline;gap:9px;letter-spacing:-1.5px}.wordmark strong{font-family:var(--serif);font-size:44px;font-weight:400;line-height:1}.wordmark>span:first-child,.wordmark>span:last-child{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:0}.desktop-nav{font-size:12px}.desktop-nav a:after{background:var(--paper)}.selection-count{border-color:#c4d2be55}.menu-toggle span{background:var(--paper)}.mobile-nav{background:var(--stage);color:var(--paper);border-color:#627261}
.hero-gallery{height:100svh;min-height:780px;max-height:1200px;position:relative;isolation:isolate;background:var(--stage);color:var(--paper);overflow:hidden;--hero-progress:0}.gallery-light{position:absolute;left:36%;top:13%;width:45%;height:65%;border-radius:50%;background:#768876;filter:blur(120px);opacity:.24;pointer-events:none;z-index:-1;transform:translateY(calc(var(--hero-progress)*-45px))}.gallery-floor{position:absolute;left:-10%;right:-10%;height:34%;bottom:-15%;border-radius:50%;background:#81917b;filter:blur(90px);opacity:.11;pointer-events:none;z-index:-1}.spatial-title{position:absolute;inset:0;pointer-events:none;z-index:0;font-family:var(--serif);letter-spacing:-.055em;line-height:.9;font-weight:400}.spatial-title>span:first-child{position:absolute;top:18%;left:7%;font-size:clamp(190px,28.5vw,500px);color:#d5dfcf;opacity:.95;transform:translateY(calc(var(--hero-progress)*-70px))}.spatial-title>span:last-child{position:absolute;top:38%;right:6%;font-size:clamp(40px,5.4vw,88px);width:255px;line-height:.95;letter-spacing:-.05em;transform:translateY(calc(var(--hero-progress)*35px));z-index:3}.hero-model-stage{position:absolute;left:25%;right:16%;top:8.5%;bottom:5%;z-index:2;pointer-events:none}.hero-model-stage model-viewer{width:100%;height:100%;pointer-events:auto;--poster-color:transparent;--progress-bar-color:#c3d0b5;--progress-mask:transparent;--poster-filter:none;background:transparent;outline-offset:-6px}.model-poster{width:100%;height:100%;object-fit:contain;opacity:.75;display:block}.hero-model-stage:has(.model-loaded) .model-poster{display:none}.hero-gallery-copy{position:absolute;left:var(--gutter);bottom:16%;width:285px;z-index:4}.hero-gallery-copy>p{font-family:var(--serif);font-size:25px;line-height:1.2;letter-spacing:-.02em;margin-bottom:27px;max-width:260px}.hero-gallery-copy .button{width:100%;min-height:55px;justify-content:space-between;padding:17px 22px;background:#d9e2d0;color:#172824}.hero-gallery-copy .button:hover{background:#edf3e7}.hero-collection-link{font-size:11px;display:inline-block;margin-top:18px;border-bottom:1px solid #9ba991;line-height:1.7;color:#ccd8c2}.hero-gallery-caption{position:absolute;right:var(--gutter);bottom:19%;z-index:4;max-width:200px}.hero-gallery-caption>span{font-size:10px;color:#b7c8ae}.hero-gallery-caption>p{font-size:15px;line-height:1.55;margin:15px 0;color:#dbe3d4}.hero-model-toolbar{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:13px;white-space:nowrap}.model-hint{font-size:10px;color:#b7c8ae;display:flex;align-items:center;gap:10px}.model-hint>svg{width:26px;height:18px}.model-controls{display:flex;gap:0;border:1px solid #aec0a445;background:#172824bb;backdrop-filter:blur(8px);align-items:center;color:#d6e0d0}.model-controls>button{background:none;font-size:10px;padding:10px 16px;line-height:1.2;min-height:36px;border-right:1px solid #aec0a430}.model-controls>button:hover,.model-controls>button[aria-pressed=true]{background:#63765b55}.model-controls>button:disabled{opacity:.35}.model-zoom-group{display:flex;gap:0}.model-zoom-group button{font-family:var(--sans);background:none;width:34px;min-height:35px;font-size:18px;padding:0}.model-zoom-group button:hover{background:#63765b55}.model-progress{height:2px;position:absolute;bottom:12%;left:25%;right:25%;background:#c4d2be22}.model-progress span{height:100%;background:#c3d0b5;width:0;display:block;transition:width .3s}.model-loaded .model-progress{display:none}.gallery-scroll{position:absolute;left:var(--gutter);bottom:28px;display:flex;align-items:center;gap:18px;color:#b7c8ae;z-index:4;font-size:10px}.gallery-scroll svg{height:30px;width:12px}.portrait-statement{padding:75px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:45px;background:var(--paper)}.portrait-statement>p{font-family:var(--serif);font-size:clamp(34px,4.2vw,67px);line-height:1.05;letter-spacing:-.04em}.portrait-statement>span{font-size:12px;color:var(--muted);line-height:1.8;max-width:300px}
.portrait-section{grid-template-columns:1fr 1fr;background:#dce2d5;color:var(--ink);margin:0 var(--gutter)}.portrait-art{order:2}.portrait-art img{max-height:780px}.portrait-copy{order:1;padding:65px clamp(35px,5vw,85px)}.portrait-kicker{color:var(--muted);font-size:11px}.portrait-copy h2{font-size:clamp(55px,5.2vw,82px)}.portrait-copy p:not(.portrait-kicker){color:var(--muted)}.portrait-copy p.portrait-lead{color:var(--ink)}.portrait-actions .button{background:var(--ink);color:var(--paper)}.portrait-actions .button:hover{background:#35483a}.portrait-actions>span{color:var(--muted)}.portrait-detail{border-color:#b9c5b0;color:#687b5c}.portrait-art figcaption{left:24px;right:24px;bottom:24px;color:#e7eee0;background:#172824ce}.process{padding-top:75px;padding-bottom:90px}.process .section-heading h2{font-size:54px}.process .section-heading{margin-bottom:45px}
.living-gallery{background:#172824;color:var(--paper);padding:85px var(--gutter) 90px}.living-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:50px}.living-heading h2{font-family:var(--serif);font-size:clamp(54px,6vw,90px);line-height:.98;letter-spacing:-.045em}.living-heading>p{font-size:12px;line-height:1.8;color:#bac8b1;max-width:300px}.living-scene{position:relative;overflow:hidden;background:#334039}.living-scene img{width:100%;height:100%;object-fit:cover}.living-scene-main{height:min(68vw,760px);min-height:480px}.living-scene-main img{object-position:center}.living-caption{position:absolute;left:28px;right:28px;bottom:28px;background:#172824d9;backdrop-filter:blur(8px);padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.living-caption>span{font-family:var(--serif);font-size:27px;letter-spacing:-.025em}.scene-link{background:transparent;color:var(--paper);display:flex;align-items:center;gap:20px;font-size:12px;padding:4px 0;border-bottom:1px solid #a3b59a;white-space:nowrap}.scene-link svg{width:18px;height:18px}.scene-disclaimer{position:absolute;top:20px;left:22px;font-size:9px;color:#f0f5eb;background:#172824a1;padding:5px 8px}.living-second{display:grid;grid-template-columns:.6fr 1fr;gap:70px;margin-top:75px;align-items:center}.living-note>p{font-family:var(--serif);font-size:clamp(45px,5vw,73px);line-height:1.04;letter-spacing:-.04em}.living-note>span{font-size:13px;color:#b7c8ad;line-height:1.8;margin:30px 0;display:block}.living-note .text-link{color:#d4dec9;font-size:11px}.living-scene-secondary{height:500px}.collection{background:var(--paper)}.product-image-button:after{content:'Explorer en 3D';position:absolute;left:16px;bottom:18px;color:white;background:#172824bf;padding:5px 8px;font-size:9px;opacity:0;transition:opacity .2s}.product-image-button:hover:after,.product-image-button:focus-visible:after{opacity:1}.collection .section-heading>p{max-width:350px}.footer-brand{font-size:clamp(40px,4.8vw,74px)}
.product-dialog{width:min(1180px,calc(100vw - 60px));max-height:calc(100dvh - 40px)}.product-detail-grid{grid-template-columns:1.15fr 1fr;min-height:680px}.detail-model-scene{background:#25372e;position:relative;min-height:620px;overflow:hidden;isolation:isolate}.detail-model-scene:before{content:'';position:absolute;inset:10% 8% 15%;border-radius:50%;background:#9bb88d;filter:blur(100px);opacity:.12;z-index:-1}.detail-model-scene model-viewer{position:absolute;top:3%;left:3%;right:3%;width:94%;height:84%;display:block;--poster-color:transparent;--progress-bar-color:#c3d0b5;--progress-mask:transparent}.detail-model-scene .model-poster{object-fit:contain;opacity:.8}.detail-model-scene .model-toolbar{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:4;width:90%}.detail-model-scene .model-hint{font-size:10px}.model-caption{position:absolute;top:20px;left:24px;font-size:10px;color:#bdcdb4;z-index:3}.detail-copy{padding:65px 38px 35px}.detail-copy h2{font-size:48px}.detail-actions{display:flex;flex-direction:column;margin-top:auto;gap:0}.detail-actions .button{margin:0}.detail-route-link{font-size:10px;align-self:flex-start;margin-top:15px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.model-failed .model-progress{display:none}.model-loaded .model-poster{display:none}.model-viewer-fallback .model-hint{max-width:320px;text-align:center;white-space:normal;line-height:1.5}.model-viewer-fallback .model-controls{display:none}.model-viewer-fallback model-viewer>.model-poster{display:block}
@media(min-width:1700px){.hero-gallery-copy{left:max(var(--gutter),calc((100vw - 1560px)/2))}.hero-gallery-caption{right:max(var(--gutter),calc((100vw - 1560px)/2))}.hero-model-stage{left:27%;right:20%}}
@media(max-width:1150px){.hero-gallery{min-height:790px}.spatial-title>span:first-child{top:22%;left:4%;font-size:30vw}.spatial-title>span:last-child{right:4%;top:36%;width:180px;font-size:55px}.hero-model-stage{left:22%;right:11%;top:11%;bottom:8%}.hero-gallery-copy{bottom:17%;width:240px}.hero-gallery-copy>p{font-size:22px;max-width:220px}.hero-gallery-copy .button{font-size:12px;min-height:51px}.hero-gallery-caption{bottom:19%;max-width:160px}.hero-gallery-caption>p{font-size:13px}.hero-gallery-caption>span{font-size:9px}.hero-model-toolbar{bottom:27px;left:55%}.portrait-section{margin:0}.portrait-copy{padding:50px 35px}.living-gallery{padding-top:65px;padding-bottom:65px}.living-heading h2{font-size:67px}.living-heading>p{font-size:11px}.living-second{gap:40px;margin-top:55px}.living-scene-secondary{height:430px}.living-caption>span{font-size:24px}.detail-copy{padding:60px 30px 30px}.detail-copy h2{font-size:43px}.product-detail-grid{grid-template-columns:1fr 1fr}.detail-model-scene{min-height:650px}}
@media(max-width:760px){.site-header{height:76px}.wordmark strong{font-size:38px}.wordmark>span:last-child{font-size:10px}.hero-gallery{min-height:850px;height:100svh;max-height:1100px}.spatial-title>span:first-child{font-size:49vw;top:14%;left:5%;color:#d2ddc8;letter-spacing:-.06em}.spatial-title>span:last-child{font-size:39px;width:auto;right:var(--gutter);top:37%;max-width:140px;line-height:.96;z-index:4;text-align:right}.hero-model-stage{left:5%;right:0;top:17%;bottom:23%;z-index:2}.gallery-light{top:23%;left:10%;width:80%;height:45%;filter:blur(80px);opacity:.27}.hero-gallery-copy{left:var(--gutter);right:var(--gutter);width:auto;bottom:9%;z-index:5}.hero-gallery-copy>p{font-size:20px;margin-bottom:17px;max-width:290px}.hero-gallery-copy .button{width:100%;max-width:420px;min-height:50px;padding:15px 20px;font-size:12px}.hero-collection-link{font-size:10px;margin-top:13px}.hero-gallery-caption{display:none}.hero-model-toolbar{bottom:30%;left:50%;gap:10px;z-index:5;width:max-content;max-width:calc(100% - 40px)}.hero-model-toolbar .model-hint{font-size:9px}.model-controls>button{font-size:9px;padding:9px 12px;min-height:33px}.model-zoom-group button{width:31px;min-height:32px;font-size:17px}.gallery-scroll{display:none}.model-progress{bottom:20%;left:20%;right:20%}.portrait-statement{padding:55px var(--gutter);display:block}.portrait-statement>p{font-size:42px;letter-spacing:-.04em}.portrait-statement>span{display:block;font-size:11px;margin-top:25px}.portrait-section{display:flex;flex-direction:column;margin:0}.portrait-copy{padding:45px var(--gutter)}.portrait-art{height:520px;height:120vw;max-height:700px;order:2}.portrait-copy h2{font-size:59px}.portrait-copy p.portrait-lead{font-size:23px}.portrait-detail{display:none}.portrait-copy p:not(.portrait-kicker){font-size:13px}.process{padding-top:55px;padding-bottom:55px}.process .section-heading h2{font-size:48px}.process .section-heading{margin-bottom:30px}.living-gallery{padding:55px var(--gutter)}.living-heading{display:block;padding-bottom:30px}.living-heading h2{font-size:51px}.living-heading>p{font-size:11px;margin-top:23px;line-height:1.75}.living-scene-main{height:590px;min-height:0;margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter))}.living-scene-main img{object-position:58% center}.living-caption{left:18px;right:18px;bottom:18px;padding:20px;display:block}.living-caption>span{font-size:25px;line-height:1.2;display:block;max-width:250px}.scene-link{font-size:11px;margin-top:18px;width:fit-content;gap:25px}.scene-disclaimer{font-size:8px;left:18px;top:18px}.living-second{display:flex;flex-direction:column;gap:30px;margin-top:50px;align-items:stretch}.living-note>p{font-size:48px}.living-note>span{font-size:12px;margin:22px 0}.living-scene-secondary{height:430px}.product-image-button:after{opacity:1;font-size:8px;bottom:11px;left:10px;padding:4px 6px}.product-detail-grid{display:block}.product-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.detail-model-scene{height:440px;min-height:0}.detail-model-scene model-viewer{top:3%;height:78%;left:0;width:100%;right:0}.detail-model-scene .model-toolbar{bottom:17px;gap:9px}.detail-model-scene .model-hint{font-size:9px}.model-caption{left:19px;top:17px;font-size:9px}.detail-copy{padding:28px 25px}.detail-copy h2{font-size:44px}.footer-brand{font-size:46px}}
@media(max-width:370px){.hero-gallery{min-height:820px}.spatial-title>span:last-child{font-size:34px;max-width:125px}.hero-gallery-copy{bottom:8%}.hero-gallery-copy>p{font-size:19px}.hero-model-stage{bottom:24%}.hero-model-toolbar{bottom:30.5%}.hero-model-toolbar .model-hint{font-size:8px}.portrait-statement>p{font-size:36px}.portrait-copy h2{font-size:54px}.living-heading h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){.spatial-title>span,.gallery-light{transform:none!important}.model-progress span{transition:none}}
@media(min-width:761px) and (max-height:790px){.site-header{height:76px}.hero-gallery{min-height:0;height:100svh}.hero-model-stage{top:12%;bottom:12%;left:26%;right:16%}.spatial-title>span:first-child{top:18%;font-size:27vw}.spatial-title>span:last-child{top:34%;font-size:clamp(38px,4.6vw,66px);width:190px}.hero-gallery-copy{bottom:17%;width:235px}.hero-gallery-copy>p{font-size:20px;max-width:220px;margin-bottom:20px}.hero-gallery-copy .button{min-height:49px;padding:14px 18px;font-size:12px}.hero-gallery-caption{bottom:21%;max-width:150px}.hero-gallery-caption>p{font-size:12px}.hero-model-toolbar{bottom:18px;gap:9px}.gallery-scroll{bottom:22px}.hero-collection-link{margin-top:13px}}
@media(min-width:761px) and (max-width:1100px) and (max-height:700px){.hero-gallery-caption{display:none}.spatial-title>span:last-child{right:4%;width:155px;font-size:47px}.hero-model-stage{left:27%;right:11%}}
@media(max-width:760px){.hero-gallery{min-height:690px;height:100svh}.hero-model-stage{top:116px;bottom:265px}.hero-model-toolbar{bottom:195px;left:50%;gap:10px}.hero-gallery-copy{bottom:30px}.spatial-title>span:last-child{top:36%}.gallery-light{top:16%;height:50%}}
@media(min-width:761px){.detail-model-scene{height:min(680px,calc(100dvh - 40px));min-height:0;position:sticky;top:0;align-self:start}}
.scene-product-point{position:absolute;left:57%;top:57%;display:flex;align-items:center;gap:10px;padding:0;color:#fff;background:none;z-index:2}.scene-product-point>span:first-child{height:32px;width:32px;border:1px solid #ffffffe0;border-radius:50%;display:grid;place-items:center;background:#17282466;backdrop-filter:blur(5px);font-size:22px;font-weight:300}.scene-product-point>span:last-child{font-size:11px;padding:7px 11px;background:#172824c9;backdrop-filter:blur(5px);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}.scene-product-point:hover>span:last-child,.scene-product-point:focus-visible>span:last-child{opacity:1;transform:translateX(0)}.living-scene-secondary .scene-product-point{left:57%;top:57%}
@media(max-width:760px){.scene-product-point{left:57%;top:57%}.scene-product-point>span:last-child{position:absolute;right:42px;white-space:nowrap;opacity:1;transform:none;font-size:10px}.living-scene-secondary .scene-product-point{left:60%}}
.hero-gallery{overflow:clip}