#sway-project{--paper:#faf9f6;--paper-ink:#202620;--red:#bd442a;--rule:#cccfc7;font-family:var(--body);min-width:0}
#sway-project *{box-sizing:border-box}#sway-project button,.sw-dialog button{font:inherit;cursor:pointer}#sway-project [hidden]{display:none!important}#sway-project section{scroll-margin-top:90px}#sway-project figure{margin:0}#sway-project h2,#sway-project h3{font-weight:400}#sway-project a{text-decoration:none}#sway-project button{color:inherit}#sway-project .sw-cover{grid-template-columns:1fr 1.1fr;align-items:center;min-height:650px;padding:clamp(24px,4vw,60px)}#sway-project .sw-cover h1{font-size:clamp(64px,8vw,122px);line-height:.92}#sway-project .sw-cover figure{border-radius:0;min-height:480px;align-self:stretch}#sway-project .sw-cover figure img{object-fit:cover}#sway-project .sw-intro{max-width:43ch;font-size:16px;margin:0 0 36px}#sway-project .cs-sub{font-size:clamp(24px,2.3vw,34px)}
#sway-project .sw-collection{background:#eeede8;color:var(--paper-ink);margin-top:42px;padding:30px clamp(22px,4vw,60px) 22px;overflow:hidden}#sway-project .sw-index-line{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #c9c9be;padding-bottom:18px}#sway-project .sw-pick-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#sway-project .sw-pick{min-width:0;display:block;position:relative;padding-bottom:20px}#sway-project .sw-pick img{aspect-ratio:5/4;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s}#sway-project .sw-pick:hover img{transform:translateY(-12px) rotate(-2deg)}#sway-project .sw-pick div{display:grid;grid-template-columns:auto 1fr;gap:0 12px;font-size:11px}#sway-project .sw-pick b{font-size:clamp(16px,2vw,26px);font-weight:500;letter-spacing:-.04em}#sway-project .sw-pick small{grid-row:span 2;font-size:9px;padding-top:7px;color:#71776d}#sway-project .sw-click{font-size:clamp(100px,23vw,340px);font-weight:500;line-height:.9;letter-spacing:-.095em;color:var(--red);position:relative;margin-top:18px}#sway-project .sw-click small{position:absolute;right:0;bottom:8px;font-size:10px;letter-spacing:.07em;color:#606c59}
#sway-project .sw-paper{background:var(--paper);color:var(--paper-ink);margin-top:70px;padding:26px clamp(20px,4.2vw,70px) 80px;position:relative}#sway-project .sw-paper-top{display:flex;justify-content:space-between;gap:16px;text-transform:uppercase;font-size:10px;letter-spacing:.1em;border-bottom:1px solid var(--rule);padding-bottom:18px}#sway-project .sw-paper-top a{border-bottom:1px solid currentColor}#sway-project .sw-object{height:clamp(560px,75svh,870px);position:relative;margin:24px calc(clamp(20px,4.2vw,70px)*-1) 0;overflow:hidden}#sway-project .sw-object-copy{position:absolute;left:clamp(20px,4.2vw,70px);top:30px;width:37%;z-index:2;pointer-events:none}#sway-project .sw-object h2{font-family:var(--serif);font-size:clamp(60px,10vw,164px);line-height:.95;letter-spacing:-.06em;margin:12px 0 24px}#sway-project .sw-object h2 i{color:var(--red);font-style:normal}#sway-project .sw-micro{font-size:9px;letter-spacing:.14em;margin:0}#sway-project .sw-object-line{font-size:clamp(17px,1.6vw,24px);max-width:20ch;line-height:1.3}#sway-project .sw-state-note{max-width:27ch;font-size:12px;margin-top:30px;color:#596253}#sway-project .sw-canvas{position:absolute;inset:0;touch-action:pan-y}#sway-project .sw-canvas canvas{width:100%;height:100%;display:block}#sway-project .sw-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right;opacity:.5}#sway-project .sw-canvas.is-ready .sw-poster{display:none}#sway-project .loading-model{position:absolute;right:24px;bottom:25px;font-size:11px}#sway-project .sw-drag{position:absolute;right:28px;bottom:25px;font-size:10px;pointer-events:none}#sway-project .sw-paper[data-mode="exploded"] .sw-object-copy,#sway-project .sw-paper[data-mode="xray"] .sw-object-copy{width:18%;top:15px}#sway-project .sw-paper[data-mode="exploded"] h2,#sway-project .sw-paper[data-mode="xray"] h2{font-size:clamp(32px,4vw,64px)}#sway-project .sw-paper[data-mode="exploded"] .sw-object-line,#sway-project .sw-paper[data-mode="xray"] .sw-object-line{font-size:15px}#sway-project .sw-console{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0;align-items:center;flex-wrap:wrap}#sway-project .sw-modes{display:flex;gap:24px}#sway-project .sw-console button{border:0;background:none;padding:6px 0;font-size:12px;border-bottom:1px solid transparent}#sway-project .sw-console button[aria-pressed="true"]{color:var(--red);border-color:var(--red)}#sway-project .sw-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}#sway-project .sw-actions label{display:flex;align-items:center;gap:8px;font-size:11px}#sway-project input{width:70px;accent-color:var(--red)}#sway-project .sw-model-note{font-size:10px;color:#6c7366;max-width:80ch;margin:15px 0}#sway-project .sw-parts{display:flex;flex-wrap:wrap;gap:8px 24px;padding:18px 0;border-bottom:1px solid var(--rule)}#sway-project .sw-parts button{font-size:11px;border:0;background:none;padding:5px 0;border-bottom:1px solid #a1aa98}#sway-project .sw-parts button:hover{color:var(--red)}
#sway-project .sw-editorial{padding-top:65px}#sway-project .sw-section-head{display:grid;grid-template-columns:1fr 2fr 1.7fr;gap:clamp(18px,3.5vw,60px);padding:50px 0 38px;align-items:start}#sway-project .sw-section-head>span{font-size:9px;letter-spacing:.09em;line-height:1.6;padding-top:7px}#sway-project .sw-section-head h3{font-family:var(--serif);font-size:clamp(26px,3.3vw,49px);line-height:1.15;letter-spacing:-.035em;margin:0;max-width:24ch}#sway-project .sw-section-head p{margin:6px 0 0;font-size:13px;line-height:1.7;max-width:43ch;color:#62695c}#sway-project .sw-spread{display:grid;gap:18px;margin:0 0 55px;align-items:start}#sway-project .sw-two{grid-template-columns:1.25fr 1fr}#sway-project .sw-three{grid-template-columns:repeat(3,minmax(0,1fr))}#sway-project .sw-offset{margin-top:100px}#sway-project .sw-image{padding:0;border:0;background:none;width:100%;display:block;text-align:inherit}#sway-project .sw-image img{width:100%;height:auto}#sway-project .sw-two figure:first-child img{aspect-ratio:5/4;object-fit:cover}#sway-project .sw-two figure:has(img[src*="studies"]) img{aspect-ratio:auto;object-fit:contain}#sway-project .sw-wide{margin-bottom:40px}#sway-project figcaption{font-size:10px;line-height:1.5;letter-spacing:.01em;padding-top:12px;color:#707568}#sway-project .sw-pink{width:100%;aspect-ratio:4/5;background:#f4a9c3}#sway-project .sw-cmf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:65px}#sway-project .sw-cmf img{width:100%;aspect-ratio:4/5;object-fit:cover}#sway-project .sw-cmf figcaption{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}#sway-project .sw-cmf button[data-finish]{background:none;border:0;border-bottom:1px solid #999;padding:0 0 4px;font-size:10px}#sway-project .sw-more{margin:30px 0;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:13px}#sway-project summary{cursor:pointer;padding:5px 0}#sway-project .sw-more .sw-spread{margin:30px 0}#sway-project .sw-more p{font-size:12px;max-width:75ch}#sway-project .sw-transition{padding:90px 3vw 15px}#sway-project .sw-transition h2{font-family:var(--serif);font-size:clamp(45px,8vw,120px);line-height:1;letter-spacing:-.03em;margin:0}#sway-project .sw-transition p{max-width:45ch;color:var(--muted)}#sway-project .sw-closing{padding:20px 4vw 70px}#sway-project .sw-closing .sw-section-head p{color:var(--muted)}#sway-project .sw-closing figcaption{color:var(--muted)}#sway-project .sw-downloads{display:flex;gap:28px;flex-wrap:wrap;margin-top:35px;font-size:13px}#sway-project .sw-downloads a{border-bottom:1px solid currentColor;padding-bottom:7px}
.sw-dialog{width:min(1100px,94vw);max-width:94vw;border:0;padding:20px;background:#faf9f6;color:#202620;max-height:92svh;overflow:auto}.sw-dialog::backdrop{background:#101a14b8;backdrop-filter:blur(8px)}.sw-dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.sw-dialog h2{margin:0;font:400 25px var(--body)}.sw-dialog button{background:none;border:0;font-size:34px}.sw-detail-body{height:min(65svh,680px);position:relative}.sw-detail-body canvas{display:block}.sw-detail-body img{width:100%;height:100%;object-fit:contain}.sw-dialog p{font:12px var(--body);max-width:80ch}
@media(max-width:850px){#sway-project .sw-cover{grid-template-columns:1fr;min-height:0}#sway-project .sw-cover figure{min-height:0;height:auto;aspect-ratio:1.4}#sway-project .sw-cover figure img{object-fit:cover}#sway-project .sw-pick-row{gap:8px}#sway-project .sw-pick div{display:block}#sway-project .sw-pick div>*{display:block}#sway-project .sw-pick b{font-size:14px;letter-spacing:-.04em}#sway-project .sw-pick small{font-size:8px}#sway-project .sw-pick span{font-size:9px}#sway-project .sw-index-line{font-size:8px}#sway-project .sw-index-line>span:last-child{max-width:15ch;text-align:right}#sway-project .sw-click small{font-size:8px}#sway-project .sw-paper{margin-top:30px;padding-bottom:40px}#sway-project .sw-object{height:660px}#sway-project .sw-object-copy{top:20px;width:85%}#sway-project .sw-object h2{font-size:70px;margin:12px 0}#sway-project .sw-object-line{font-size:16px;max-width:25ch}#sway-project .sw-state-note{display:none}#sway-project .sw-paper[data-mode="exploded"] .sw-object-copy,#sway-project .sw-paper[data-mode="xray"] .sw-object-copy{width:85%}#sway-project .sw-paper[data-mode="exploded"] h2,#sway-project .sw-paper[data-mode="xray"] h2{font-size:45px}#sway-project .sw-console{gap:15px;padding:15px 0}#sway-project .sw-modes{gap:20px}#sway-project .sw-actions{gap:12px}#sway-project .sw-section-head{grid-template-columns:1fr;padding-top:36px;gap:12px}#sway-project .sw-section-head h3{font-size:32px;max-width:22ch}#sway-project .sw-section-head p{font-size:13px;max-width:60ch}#sway-project .sw-editorial{padding-top:20px}#sway-project .sw-two{grid-template-columns:1fr 1fr;gap:10px}#sway-project .sw-offset{margin-top:60px}#sway-project .sw-cmf{gap:8px;margin-bottom:35px}#sway-project figcaption{font-size:9px}#sway-project .sw-cmf figcaption{font-size:9px}#sway-project .sw-three{grid-template-columns:1fr}#sway-project .sw-paper-top{font-size:8px;letter-spacing:0}.sw-dialog{padding:12px}.sw-detail-body{height:60svh}}
@media(max-width:420px){#sway-project .sw-collection{padding-inline:15px}#sway-project .sw-click{font-size:115px}#sway-project .sw-click small{font-size:6px;max-width:10ch}#sway-project .sw-cover h1{font-size:63px}#sway-project .sw-two:has(img[src*="studies"]){grid-template-columns:1fr}#sway-project .sw-two:has(img[src*="studies"]) .sw-offset{margin-top:0}}
.sw-detail-body canvas{width:100%;height:100%}.sw-dialog button{color:#202620}.sw-dialog{overflow-x:hidden}#sway-project .sw-cover figure img{object-fit:contain;background:#eeede7}#sway-project .sw-landscape .sw-pink{aspect-ratio:2.4}#sway-project .sw-material-board{max-width:78%;margin:50px auto 0}
@media(max-width:1000px){#sway-project .sw-cover{grid-template-columns:1fr}#sway-project .sw-cover figure{min-height:0;aspect-ratio:1.6}#sway-project .sw-cover figure img{object-fit:cover}#sway-project .sw-cover .sw-intro{max-width:60ch}}
@media(max-width:600px){.sw-page .top .cv{font-size:11px;padding:11px 13px;white-space:nowrap}.sw-page .top .right{gap:10px}.sw-page .top .mark{font-size:22px}.sw-page .top .lang span{padding:6px}.sw-page .top .cord{width:18px}#sway-project .sw-cover h1{font-size:clamp(44px,15vw,63px)}#sway-project .sw-paper[data-kind="mush"] .sw-object h2{font-size:clamp(35px,10vw,55px)}}
@media(max-width:360px){.sw-page .top .mark{font-size:20px}.sw-page .top .right{gap:6px}.sw-page .top .cv{font-size:10px;padding:9px 10px}.sw-page .top .lang span{padding:5px}.sw-page .top .cord{width:14px}.sw-page .top .cord small{right:0}#sway-project .sw-pick b{font-size:12px}#sway-project small,#sway-project figcaption{overflow-wrap:anywhere}}
#sway-project .sw-pick img{mix-blend-mode:normal;object-fit:contain;filter:drop-shadow(0 15px 10px #26332216)}
#sway-project .sw-catalog-photo{position:relative;aspect-ratio:5/4;overflow:hidden;margin:0 0 10px;--photo-zoom:1;--photo-y:0%;--photo-lift:0px}
#sway-project .sw-catalog-photo img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;mix-blend-mode:multiply;filter:none;transform:translateY(var(--photo-y)) scale(var(--photo-zoom))}
#sway-project .sw-pick[data-catalog-lamp="mush"] .sw-catalog-photo{--photo-zoom:1.32;--photo-y:-4%}
#sway-project .sw-pick[data-catalog-lamp="current"] .sw-catalog-photo{--photo-zoom:.97;--photo-y:-5%}
#sway-project .sw-pick[data-catalog-lamp="cone"] .sw-catalog-photo{--photo-zoom:.98}
#sway-project .sw-catalog-photo img{transition:opacity .32s ease,transform .55s ease}
#sway-project .sw-pick .sw-catalog-photo .sw-catalog-solid{opacity:1;transform:translateY(calc(var(--photo-y) + var(--photo-lift))) scale(var(--photo-zoom))}
#sway-project .sw-pick .sw-catalog-photo .sw-catalog-xray{opacity:0;transform:translate(var(--xray-x,0%),calc(var(--xray-y,0%) + var(--photo-lift))) scale(var(--xray-zoom,1))}
#sway-project .sw-pick[data-catalog-lamp="mush"] .sw-catalog-photo{--xray-zoom:.815;--xray-x:-9.3%;--xray-y:-1.6%}
#sway-project .sw-pick[data-catalog-lamp="current"] .sw-catalog-photo{--xray-zoom:.97;--xray-x:.3%;--xray-y:-5%}
#sway-project .sw-pick[data-catalog-lamp="cone"] .sw-catalog-photo{--xray-zoom:.917;--xray-x:-2.25%;--xray-y:1.6%}
#sway-project .sw-pick:focus-visible .sw-catalog-photo{--photo-lift:-6px}
#sway-project .sw-pick:focus-visible .sw-catalog-solid{opacity:0}
#sway-project .sw-pick:focus-visible .sw-catalog-xray{opacity:1}
@media(hover:hover){#sway-project .sw-pick:hover .sw-catalog-photo{--photo-lift:-6px}#sway-project .sw-pick:hover .sw-catalog-solid{opacity:0}#sway-project .sw-pick:hover .sw-catalog-xray{opacity:1}}
body:has(#sway-project .sw-catalog-photo:hover) .cur{width:24px;height:24px;margin:-12px 0 0 -12px;background:transparent;border:1px solid var(--ink)}
body:has(#sway-project .sw-catalog-photo:hover) .cur b{opacity:0}
#sway-project .sw-catalog-photo img{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,#000 0%,#000 87%,transparent 100%);mask-composite:intersect}
#sway-project .sw-cover figure.sw-cover-scene{align-self:center;width:100%;min-height:0;height:auto;aspect-ratio:1700/925}
#sway-project .sw-cover figure.sw-cover-scene img{width:100%;height:auto;object-fit:contain;background:transparent}
#sway-project .sw-paper[data-room="dark"] .sw-object{color:#f3f0e6;background:#17231e}
#sway-project .sw-paper[data-room="dark"] .sw-object-copy h2,#sway-project .sw-paper[data-room="dark"] .sw-object-line{color:#f3f0e6}
#sway-project .sw-paper[data-room="dark"] .sw-micro{color:#bac8bc}
#sway-project .sw-paper[data-room="dark"] .sw-state-note,#sway-project .sw-paper[data-room="dark"] .sw-drag,#sway-project .sw-paper[data-room="dark"] .loading-model{color:#ced8cc}
@media(min-width:1101px){#sway-project .sw-cover{grid-template-columns:minmax(380px,.9fr) minmax(0,1.4fr);gap:clamp(24px,3vw,46px);padding:clamp(24px,3vw,48px)}#sway-project .sw-cover h1{font-size:clamp(64px,6.1vw,108px)}}
@media(max-width:1100px){#sway-project .sw-cover{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#sway-project *{transition:none!important}html{scroll-behavior:auto}}

/* Separate edition identifiers from years; the identifier is not a month. */
#sway-project .sw-pick div>small.sw-edition{display:flex;flex-direction:column;gap:3px;padding-top:6px;line-height:1.3;white-space:nowrap}
#sway-project .sw-edition-id{letter-spacing:.055em;color:var(--red)}
#sway-project .sw-collection-range{color:var(--red)}
#sway-project .sw-edition-year{color:#838879;font-variant-numeric:tabular-nums}
#sway-project .sw-pick .sw-edition span{font-size:9px}
#sway-project .sw-paper-top .sw-edition{display:flex;gap:16px;align-items:center}
#sway-project .sw-paper-top .sw-edition-year{padding-left:14px;border-left:1px solid #c9cbbf}

/* Navigation is collapsed by default at every screen size. */
#sway-project{margin-right:0}
#sway-project .sw-page-nav{position:fixed;right:calc(var(--gutter) + 6px);top:88px;width:auto;z-index:25;color:var(--ink);font-family:var(--body)}
#sway-project .sw-page-nav-links{display:none;position:absolute;right:0;top:calc(100% + 10px);width:215px;max-height:calc(100svh - 148px);overflow:auto;scrollbar-width:thin;padding:20px 22px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:22px;background:var(--surface);box-shadow:0 12px 30px #00000018;backdrop-filter:blur(12px)}
#sway-project .sw-page-nav.is-open .sw-page-nav-links{display:block}
#sway-project .sw-page-nav-links p{font-size:8px;line-height:1.4;letter-spacing:.13em;color:var(--muted);margin:0 0 18px}
#sway-project .sw-page-nav-links a{display:block;position:relative;color:var(--ink);font-size:12px;line-height:1.4;padding:9px 0;text-decoration:none}
#sway-project .sw-page-nav-links .sw-nav-lamp{display:flex;align-items:center;gap:14px;margin:5px 0}
#sway-project .sw-page-nav-links a small{display:block;font-size:8px;letter-spacing:.08em;opacity:.7;margin-bottom:3px}
#sway-project .sw-page-nav-links .sw-nav-lamp small{color:inherit;opacity:1;min-width:18px;margin:0;font-size:10px;font-variant-numeric:tabular-nums}
#sway-project .sw-page-nav-links a.sw-nav-lamp>span{font-size:12px}
#sway-project .sw-page-nav-links a:hover{color:var(--ink)}
#sway-project .sw-page-nav-links a[aria-current="location"]{color:var(--ink);font-weight:600}
#sway-project .sw-page-nav-links a[aria-current="location"]::before{content:"";position:absolute;width:2px;left:-10px;top:8px;bottom:8px;background:currentColor}
#sway-project .sw-page-nav-toggle{display:flex;align-items:center;gap:12px;margin-left:auto;border:0;border-radius:999px;padding:11px 17px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--ink);font-size:12px;font-weight:500;line-height:1.2;box-shadow:0 3px 14px #0000000b;backdrop-filter:blur(12px)}
#sway-project .sw-nav-toggle-icon{display:block;font-size:17px;line-height:12px;transition:transform .2s}
#sway-project .sw-page-nav.is-open .sw-nav-toggle-icon{transform:rotate(45deg)}
#sway-project .sw-story-pin .sw-story-topline{right:126px}
@media(max-width:850px){#sway-project .sw-pick div>small.sw-edition{flex-direction:row;gap:10px;margin-bottom:6px}#sway-project .sw-pick .sw-edition span{font-size:8px}#sway-project .sw-paper-top .sw-edition{gap:10px}#sway-project .sw-paper-top .sw-edition-year{padding-left:10px}}
@media(max-width:420px){#sway-project .sw-pick div>small.sw-edition{flex-direction:column;gap:2px}#sway-project .sw-pick .sw-edition span{font-size:7px}}

/* A short shared premise, then three image-led product chapters. */
#sway-project .sw-concept{margin-top:42px;padding:32px clamp(22px,4vw,60px) 60px;background:var(--paper);color:var(--paper-ink)}
#sway-project .sw-concept-grid{display:grid;grid-template-columns:1.15fr 1fr;column-gap:9%;row-gap:40px;padding-top:48px;align-items:start}
#sway-project .sw-concept-heading h2{font-family:var(--serif);font-size:clamp(34px,4.2vw,64px);line-height:1.08;letter-spacing:-.04em;margin:0;max-width:16ch}
#sway-project .sw-concept-heading .sw-concept-second{color:var(--red);font-style:italic;margin-top:5px}
#sway-project .sw-concept-copy p{font-size:14px;line-height:1.8;max-width:48ch;margin:0 0 18px;color:#5a6257}
#sway-project .sw-concept-sketch{max-width:420px;width:90%;padding-left:8%}
#sway-project .sw-concept-sketch img{max-height:290px;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-concept-note{align-self:center;max-width:41ch}
#sway-project .sw-concept-note h3{font:400 clamp(23px,2vw,32px)/1.2 var(--serif);margin:0 0 15px}
#sway-project .sw-concept-note p{font-size:13px;line-height:1.8;color:#62695c;margin:0}
#sway-project .sw-concept+.sw-collection{margin-top:0}
#sway-project .sw-editorial{padding-top:0;scroll-margin-top:90px}
#sway-project .sw-edge-intro{position:relative;isolation:isolate;height:clamp(400px,44vw,620px);background:var(--paper);margin:36px calc(clamp(20px,4.2vw,70px)*-1) 22px;overflow:hidden}
#sway-project .sw-edge-intro>.sw-edge-image{position:absolute;inset:0 0 0 auto;width:min(62%,800px);height:100%}
#sway-project .sw-edge-image img{width:100%;height:100%;object-fit:cover;object-position:50% 0;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 20%),linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%);mask-composite:intersect}
#sway-project .sw-edge-copy{position:absolute;z-index:1;left:5.5%;top:34%;width:42%;pointer-events:none}
#sway-project .sw-editorial .sw-edge-copy .sw-micro{display:flex;align-items:center;gap:16px;color:var(--red);font-size:10px;letter-spacing:.1em;white-space:nowrap}
#sway-project .sw-edge-year{color:#676d61;padding-left:15px;border-left:1px solid #c6c8be}
#sway-project .sw-edge-copy h3{font:400 clamp(42px,6vw,88px)/.95 var(--serif);letter-spacing:-.06em;margin:24px 0 20px}
#sway-project .sw-editorial-mush .sw-edge-copy h3{font-size:clamp(35px,4.8vw,68px);letter-spacing:-.055em}
#sway-project .sw-edge-copy h3 i{color:var(--red);font-style:normal}
#sway-project .sw-edge-line{font-size:clamp(17px,1.6vw,24px);line-height:1.35;max-width:24ch;margin:0 0 18px}
#sway-project .sw-edge-description{font-size:13px;line-height:1.75;max-width:31ch;color:#60665c;margin:0}
#sway-project .sw-atlas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px;align-items:start;margin:0 0 40px}
#sway-project .sw-atlas figure{min-width:0}
#sway-project .sw-atlas img{width:100%;height:auto;max-height:365px;object-fit:contain;object-position:50% 0}
#sway-project .sw-atlas-story{grid-column:1/9;grid-row:1/3;align-self:center}
#sway-project .sw-atlas-form{grid-column:10/13;grid-row:1}
#sway-project .sw-atlas-gesture{grid-column:9/13;grid-row:2}
#sway-project .sw-sway-atlas .sw-atlas-form img,#sway-project .sw-sway-atlas .sw-atlas-gesture img{max-height:205px}
#sway-project .sw-archive-atlas .sw-atlas-form{grid-column:9/13;margin-top:65px;grid-row:1/3}
#sway-project .sw-atlas-scene{grid-column:2/8}
#sway-project .sw-atlas-small{grid-column:10/12;margin-top:90px}
#sway-project .sw-context-atlas .sw-pink{aspect-ratio:3/4}
#sway-project .sw-halo-atlas .sw-atlas-story{grid-column:2/8;grid-row:1;align-self:start}
#sway-project .sw-halo-atlas .sw-atlas-form{grid-column:9/12;grid-row:1;margin-top:65px}
#sway-project .sw-halo-atlas .sw-atlas-gesture{grid-column:5/10;grid-row:2;margin-top:-5px}
#sway-project .sw-halo-atlas .sw-atlas-gesture img{max-height:240px}
#sway-project .sw-light-atlas figure:first-child{grid-column:2/7}
#sway-project .sw-light-atlas figure:last-child{grid-column:8/13;margin-top:40px}
#sway-project .sw-light-atlas img{max-height:265px}
#sway-project .sw-cmf-notes{width:88%;margin:0 auto 45px;gap:7%;align-items:start}
#sway-project .sw-cmf-notes figure:nth-child(2){margin-top:45px}
#sway-project .sw-cmf-notes figure:nth-child(3){margin-top:15px}
#sway-project .sw-cmf-notes img{height:clamp(160px,24vw,300px);aspect-ratio:auto;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-cmf-notes{scroll-margin-top:120px}
#sway-project .sw-cmf-instruction{font-size:10px;line-height:1.6;color:#74796e;margin:-12px 0 20px}
#sway-project .sw-cmf-gallery{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,1080px);gap:34px;margin-bottom:48px;align-items:start}
#sway-project .sw-cmf-gallery .sw-finish-card:nth-child(n){margin-top:0}
#sway-project .sw-finish-card{min-width:0}
#sway-project .sw-finish-frame{position:relative;aspect-ratio:17/5;overflow:hidden;background:var(--paper);isolation:isolate}
#sway-project .sw-finish-frame .sw-finish-product,#sway-project .sw-finish-frame .sw-finish-scene{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;transition:opacity .36s ease,transform .6s ease}
#sway-project .sw-finish-frame .sw-finish-product{left:0;right:0;width:100%;max-width:none;object-fit:contain;object-position:50% 50%;mix-blend-mode:multiply;opacity:1;transform:scale(var(--finish-zoom,1))}
#sway-project .sw-finish-frame .sw-finish-scene{object-fit:cover;object-position:var(--scene-position,50% 50%);mix-blend-mode:normal;opacity:0;transform-origin:var(--scene-origin,50% 50%);transform:scale(calc(var(--scene-zoom,1)*1.025))}
#sway-project .sw-finish-context{position:absolute;left:14px;bottom:13px;font-size:9px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;background:#faf9f6ed;color:#202620;padding:7px 10px;border-radius:99px;opacity:0;transition:opacity .3s;pointer-events:none}
#sway-project .sw-finish-card.is-scene-ready[data-scene="true"] .sw-finish-product,#sway-project .sw-finish-card.is-scene-ready .sw-finish-frame:focus-visible .sw-finish-product{opacity:0}
#sway-project .sw-finish-card.is-scene-ready[data-scene="true"] .sw-finish-scene,#sway-project .sw-finish-card.is-scene-ready .sw-finish-frame:focus-visible .sw-finish-scene{opacity:1;transform:scale(var(--scene-zoom,1))}
#sway-project .sw-finish-card.is-scene-ready[data-scene="true"] .sw-finish-context,#sway-project .sw-finish-card.is-scene-ready .sw-finish-frame:focus-visible .sw-finish-context{opacity:1}
@media(hover:hover){
 #sway-project .sw-finish-card.is-scene-ready .sw-finish-frame:hover .sw-finish-product{opacity:0}
 #sway-project .sw-finish-card.is-scene-ready .sw-finish-frame:hover .sw-finish-scene{opacity:1;transform:scale(var(--scene-zoom,1))}
 #sway-project .sw-finish-card.is-scene-ready .sw-finish-frame:hover .sw-finish-context{opacity:1}
}
#sway-project .sw-finish-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-top:13px}
#sway-project .sw-finish-card .sw-scene-toggle{font-size:10px;line-height:1.5;background:none;border:0;border-bottom:1px solid #b2b5aa;padding:0 0 2px;white-space:nowrap;color:#62695c}
#sway-project .sw-finish-card .sw-scene-toggle[aria-pressed="true"]{color:var(--red);border-color:currentColor}
#sway-project .sw-finish-card .sw-colour-preview{margin-top:12px;border:0;border-bottom:1px solid #b2b5aa;padding:0 0 3px;font-size:10px;line-height:1.5;background:none;color:#74796e}
body:has(#sway-project .sw-finish-frame:hover) .cur{width:24px;height:24px;margin:-12px 0 0 -12px;background:transparent;border:1px solid #f7f4eb;mix-blend-mode:difference}
body:has(#sway-project .sw-finish-frame:hover) .cur b{opacity:0}
@media(max-width:600px){
 #sway-project .sw-cmf-gallery{display:grid;overflow:visible;scroll-snap-type:none;gap:28px;padding-bottom:0;width:100%}
 #sway-project .sw-cmf-gallery .sw-finish-card:nth-child(n){max-width:none;width:100%;margin-top:0}
 #sway-project .sw-finish-frame{aspect-ratio:3/1}
 #sway-project .sw-cmf-gallery::-webkit-scrollbar{height:2px}
 #sway-project .sw-cmf-gallery::-webkit-scrollbar-thumb{background:#a9aa9d;border-radius:99px}
 #sway-project .sw-cmf-gallery::-webkit-scrollbar-track{background:#e6e5de}
 #sway-project .sw-finish-card .sw-scene-toggle{min-height:32px;min-width:44px;padding:5px 0}
 #sway-project .sw-cmf-instruction{font-size:10px;margin-top:0;max-width:32ch}
 #sway-project .sw-finish-card figcaption{font-size:10px}
}
#sway-project .sw-cmf-spread{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:7%;align-items:center;margin:10px 0 64px;scroll-margin-top:130px}
#sway-project .sw-cmf-direction{margin:0;min-width:0;align-self:center}
#sway-project .sw-cmf-direction .sw-image{display:block;width:100%;background:transparent}
#sway-project .sw-cmf-direction img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-cmf-direction figcaption{font-size:10px;padding-top:16px;color:#74796e;line-height:1.6}
#sway-project .sw-cmf-finish-column{min-width:0}
#sway-project .sw-cmf-column-label{font-size:10px;letter-spacing:.05em;color:#74796e;margin:0 0 16px}
#sway-project .sw-cmf-spread .sw-cmf-gallery{width:100%;margin:0;gap:18px}
#sway-project .sw-cmf-spread .sw-finish-card:nth-child(n){margin:0}
#sway-project .sw-cmf-spread .sw-finish-frame{aspect-ratio:17/5}
#sway-project .sw-cmf-spread .sw-finish-frame img{height:100%}
#sway-project .sw-cmf-spread .sw-finish-card figcaption{font-size:10px;line-height:1.4;padding-top:7px}
#sway-project .sw-finish-actions{display:flex;gap:12px;align-items:baseline}
#sway-project .sw-cmf-spread .sw-colour-preview{margin:0;font-size:9px;padding:0 0 2px;white-space:nowrap}
#sway-project .sw-cmf-spread .sw-scene-toggle{font-size:9px}
#sway-project .sw-cmf-spread .sw-cmf-instruction{font-size:9px;margin:18px 0 0;max-width:none}
#sway-project .sw-cmf-spread .sw-finish-context{font-size:8px;left:8px;bottom:8px;padding:5px 8px}
@media(max-width:700px){
 #sway-project .sw-cmf-spread{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:38px;scroll-margin-top:100px}
 #sway-project .sw-cmf-direction{width:100%}
 #sway-project .sw-cmf-direction img{max-height:300px}
 #sway-project .sw-cmf-direction figcaption{padding-top:10px}
 #sway-project .sw-cmf-spread .sw-cmf-gallery{gap:16px}
 #sway-project .sw-cmf-finish-column{width:86%;margin-left:auto}
 #sway-project .sw-cmf-column-label{margin-bottom:12px}
 #sway-project .sw-cmf-spread .sw-scene-toggle{min-height:24px;padding:2px 0}
 #sway-project .sw-cmf-spread .sw-colour-preview{min-height:24px}
}
#sway-project .sw-image{position:relative;cursor:zoom-in}
#sway-project .sw-image::after{content:'↗';position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#faf9f6e8;color:#202620;font-size:20px;line-height:1;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}
#sway-project .sw-image:hover::after,#sway-project .sw-image:focus-visible::after{opacity:1;transform:none}
.sw-dialog.is-image{width:min(1400px,96vw);max-width:96vw}
.sw-dialog.is-image .sw-detail-body{height:76svh}
.sw-dialog.is-image .sw-dialog-bar button{border-radius:50%;width:38px;height:38px;line-height:1;margin-left:auto}
@media(max-width:850px){
 #sway-project .sw-concept-grid{column-gap:6%;row-gap:24px;padding-top:30px}
 #sway-project .sw-concept-heading h2{font-size:clamp(27px,4.4vw,39px)}
 #sway-project .sw-concept-copy p{font-size:12px;line-height:1.7}
 #sway-project .sw-concept-sketch{padding-left:0;width:100%}
 #sway-project .sw-concept-note h3{font-size:24px}
 #sway-project .sw-concept-note p{font-size:12px}
 #sway-project .sw-edge-intro{margin-top:25px}
 #sway-project .sw-edge-copy{top:33%;width:42%;left:5%}
 #sway-project .sw-edge-copy h3{font-size:clamp(32px,7vw,60px);margin:18px 0}
 #sway-project .sw-editorial-mush .sw-edge-copy h3{font-size:clamp(25px,5.2vw,45px)}
 #sway-project .sw-edge-line{font-size:clamp(13px,2.4vw,20px);margin-bottom:12px}
 #sway-project .sw-edge-description{font-size:11px;line-height:1.65}
 #sway-project .sw-atlas{gap:16px}
 #sway-project .sw-atlas-story{grid-column:1/9}
 #sway-project .sw-atlas-form{grid-column:9/13}
 #sway-project .sw-atlas-gesture{grid-column:9/13}
 #sway-project .sw-cmf-notes{width:100%;gap:12px}
 #sway-project .sw-cmf-notes img{height:clamp(110px,24vw,200px)}
 #sway-project .sw-material-note{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
}
@media(max-width:520px){
 #sway-project .sw-concept{padding-bottom:35px}
 #sway-project .sw-concept-grid{grid-template-columns:1fr;row-gap:18px}
 #sway-project .sw-concept-heading h2{font-size:34px;max-width:20ch}
 #sway-project .sw-concept-copy p{font-size:13px;max-width:48ch}
 #sway-project .sw-concept-sketch{width:80%;margin:0 auto}
 #sway-project .sw-concept-note{padding-top:8px}
 #sway-project .sw-edge-intro{aspect-ratio:auto;height:auto;overflow:visible;padding-bottom:26px}
 #sway-project .sw-edge-intro>.sw-edge-image{position:relative;inset:auto;aspect-ratio:1.12;width:100%;height:auto}
 #sway-project .sw-edge-image img{position:absolute;inset:0}
 #sway-project .sw-edge-copy{position:relative;top:auto;left:auto;width:auto;margin:-22% 5% 0;padding-top:0;max-width:85%;pointer-events:none}
 #sway-project .sw-edge-copy h3{font-size:clamp(37px,12vw,60px);margin:20px 0 16px}
 #sway-project .sw-editorial-mush .sw-edge-copy h3{font-size:clamp(34px,10vw,50px)}
 #sway-project .sw-edge-copy .sw-micro{font-size:8px;max-width:30%}
 #sway-project .sw-edge-line{font-size:17px;max-width:17ch}
 #sway-project .sw-edge-description{font-size:12px;max-width:37ch;margin-top:14px}
 #sway-project .sw-atlas{gap:22px 14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}
 #sway-project .sw-atlas .sw-atlas-story{grid-column:1/-1;grid-row:1;margin-top:0}
 #sway-project .sw-atlas .sw-atlas-form{grid-column:1;grid-row:2;margin-top:8px}
 #sway-project .sw-atlas .sw-atlas-gesture{grid-column:2;grid-row:2;margin-top:35px}
 #sway-project .sw-atlas .sw-atlas-scene{grid-column:1;grid-row:1}
 #sway-project .sw-atlas .sw-atlas-small{grid-column:2;grid-row:1;width:70%;margin:45px auto 0}
 #sway-project .sw-archive-atlas .sw-atlas-form{grid-column:1/-1;width:66%;margin-left:auto}
 #sway-project .sw-light-atlas figure:first-child{grid-column:1}
 #sway-project .sw-light-atlas figure:last-child{grid-column:2;margin-top:25px}
 #sway-project .sw-cmf-notes img{height:110px}
 #sway-project .sw-cmf-notes figure:nth-child(2){margin-top:25px}
 #sway-project .sw-cmf-notes figure:nth-child(3){margin-top:10px}
 #sway-project .sw-image::after{opacity:1;width:25px;height:25px;font-size:16px;right:5px;bottom:5px}
 #sway-project .sw-edge-image::after{bottom:45%}
}

/* Concept: personal context, the question loop, then daylight and early gesture. */
#sway-project .sw-concept-grid{row-gap:0;padding-bottom:32px}
#sway-project .sw-concept-loop{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:8%;align-items:center;margin:18px 0 64px}
#sway-project .sw-concept-loop-image{margin:0;min-width:0}
#sway-project .sw-concept-loop-image .sw-image{display:block;width:100%;background:transparent}
#sway-project .sw-concept-loop-image img{display:block;width:100%;height:auto;max-height:400px;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-concept-loop-copy h3,#sway-project .sw-concept-inspiration-copy h3{font:400 clamp(24px,2.6vw,36px)/1.2 var(--serif);letter-spacing:-.025em;margin:14px 0 18px}
#sway-project .sw-concept-loop-copy p:not(.sw-micro),#sway-project .sw-concept-inspiration-copy p:not(.sw-micro){font-size:13px;line-height:1.8;color:#62695c;margin:0 0 14px;max-width:46ch}
#sway-project .sw-concept .sw-micro{font-size:10px;letter-spacing:.08em;color:var(--red);margin:0}
#sway-project .sw-concept-inspiration{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:9%;align-items:start}
#sway-project .sw-concept-inspiration-copy h3{max-width:21ch}
#sway-project .sw-concept-inspiration .sw-concept-sketch{padding:0;width:65%;max-width:280px;margin-top:28px}
#sway-project .sw-concept-sketch img{width:100%;height:120px;object-fit:contain}
#sway-project .sw-concept-daylight>figure{margin:0}
#sway-project .sw-concept-daylight>figure img{width:100%;height:auto;max-height:310px;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-concept-inspiration .sw-concept-note{max-width:none;margin-top:32px;padding-left:8%}
#sway-project .sw-concept-inspiration .sw-concept-note h3{font-size:24px;margin-bottom:12px}
#sway-project .sw-concept figcaption{font-size:10px;line-height:1.6;color:#74796e;padding-top:12px}
#sway-project .sw-pick div>span:last-child{line-height:1.7;color:#62695c;margin-top:5px}
@media(max-width:850px){
 #sway-project .sw-concept-loop{gap:6%;margin-bottom:40px}
 #sway-project .sw-concept-loop-copy p:not(.sw-micro),#sway-project .sw-concept-inspiration-copy p:not(.sw-micro){font-size:12px}
 #sway-project .sw-concept-inspiration{gap:6%}
 #sway-project .sw-concept-inspiration .sw-concept-note{padding-left:0;margin-top:24px}
}
@media(max-width:600px){
 #sway-project .sw-concept-loop,#sway-project .sw-concept-inspiration{grid-template-columns:minmax(0,1fr);gap:24px}
 #sway-project .sw-concept-loop{margin-top:0;margin-bottom:38px}
 #sway-project .sw-concept-loop-image img{max-height:260px}
 #sway-project .sw-concept-loop-copy h3,#sway-project .sw-concept-inspiration-copy h3{font-size:28px;max-width:21ch}
 #sway-project .sw-concept-inspiration .sw-concept-sketch{width:65%;margin:22px 0 0}
 #sway-project .sw-concept-daylight{width:100%}
 #sway-project .sw-concept-daylight>figure img{max-height:310px}
 #sway-project .sw-concept-inspiration .sw-concept-note{margin-top:24px}
}

/* One scene and a small editorial study of the product's details. */
#sway-project .sw-product-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start;margin:0 0 48px;scroll-margin-top:125px}
#sway-project .sw-product-context figure{margin:0;min-width:0}
#sway-project .sw-context-main{width:94%;padding-left:5%}
#sway-project .sw-context-main .sw-image{overflow:hidden;aspect-ratio:4/5}
#sway-project .sw-context-main img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
#sway-project .sw-product-context-current .sw-context-main img{object-position:40% 66%}
#sway-project .sw-context-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;padding-top:34px;align-items:start}
#sway-project .sw-context-detail-grid .sw-context-detail:nth-child(2){margin-top:36px}
#sway-project .sw-context-detail .sw-image{aspect-ratio:1;overflow:hidden}
#sway-project .sw-context-detail img{width:100%;height:100%;object-fit:cover}
#sway-project .sw-context-detail-grid figcaption{font-size:9px;padding-top:9px;line-height:1.6}
#sway-project .sw-context-detail-grid .sw-context-technical{min-width:0}
#sway-project .sw-context-guide img{width:100%;height:210px;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-product-context-mush .sw-context-technical{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:4px}
#sway-project .sw-context-guide-copy .sw-micro{color:var(--red);font-size:9px;letter-spacing:.06em;margin:0 0 12px}
#sway-project .sw-context-guide-copy h4{font:400 24px/1.2 var(--serif);margin:0 0 12px}
#sway-project .sw-context-guide-copy p:not(.sw-micro){font-size:11px;line-height:1.8;color:#62695c;margin:0}
@media(max-width:850px){
 #sway-project .sw-product-context{gap:5%}
 #sway-project .sw-context-main{width:100%;padding:0}
 #sway-project .sw-context-detail-grid{gap:18px 14px;padding-top:22px}
 #sway-project .sw-context-guide img{height:170px}
 #sway-project .sw-product-context-mush .sw-context-technical{gap:14px}
 #sway-project .sw-context-guide-copy h4{font-size:20px}
 #sway-project .sw-context-guide-copy p:not(.sw-micro){font-size:10px}
}
@media(max-width:600px){
 #sway-project .sw-product-context{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:30px;scroll-margin-top:95px}
 #sway-project .sw-context-main{width:88%;padding:0}
 #sway-project .sw-context-main .sw-image{aspect-ratio:4/5;max-height:450px}
 #sway-project .sw-context-detail-grid{width:90%;margin-left:auto;padding-top:0;gap:22px 16px}
 #sway-project .sw-context-detail-grid .sw-context-detail:nth-child(2){margin-top:24px}
 #sway-project .sw-context-guide img{height:190px}
 #sway-project .sw-context-detail-grid figcaption{font-size:10px}
}

/* Shade choices: three quiet image-led columns, followed by the light result. */
#sway-project .sw-light-study{scroll-margin-top:120px}
#sway-project .sw-study-label{font-size:10px;color:var(--red);letter-spacing:.07em;margin:10px 0 18px}
#sway-project .sw-shade-evolution{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;align-items:start}
#sway-project .sw-shade-step{min-width:0}
#sway-project .sw-shade-step figure{margin:0}
#sway-project .sw-shade-figure .sw-image{aspect-ratio:1.45;overflow:hidden;isolation:isolate}
#sway-project .sw-shade-figure img{height:100%;width:100%;object-fit:cover;transform:scale(1.7);transform-origin:50% 25%;mix-blend-mode:multiply}
#sway-project .sw-shade-figure figcaption{font:400 clamp(17px,1.5vw,23px)/1.35 var(--serif);color:var(--paper-ink);padding-top:17px}
#sway-project .sw-shade-description{font-size:12px;color:#62695c;line-height:1.8;margin:13px 0 16px}
#sway-project .sw-shade-measure{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0;color:var(--paper-ink)}
#sway-project .sw-shade-measure span:first-child{font:400 25px/1.2 var(--serif)}
#sway-project .sw-shade-measure span:last-child{font-size:9px;color:#74796e}
#sway-project .sw-study-footnote{font-size:10px;line-height:1.7;color:#74796e;margin:24px 0 0;max-width:90ch}
#sway-project .sw-shade-decision{display:grid;grid-template-columns:1fr 1.5fr 1.5fr;gap:5%;padding:25px 0;margin:32px 0 36px;border-top:1px solid #d8d8ce;border-bottom:1px solid #d8d8ce;align-items:start}
#sway-project .sw-shade-decision .sw-micro{font-size:9px;color:var(--red);padding-top:6px}
#sway-project .sw-shade-decision h4{font:400 25px/1.25 var(--serif);letter-spacing:-.02em;margin:0}
#sway-project .sw-shade-decision p{font-size:12px;color:#62695c;line-height:1.8;margin:0}
#sway-project .sw-light-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5%;align-items:start;margin-bottom:30px}
#sway-project .sw-light-result figure{margin:0}
#sway-project .sw-light-result img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:700px){
 #sway-project .sw-shade-evolution{grid-template-columns:minmax(0,1fr);gap:30px}
 #sway-project .sw-shade-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;align-items:start}
 #sway-project .sw-shade-step figure{grid-row:1/3}
 #sway-project .sw-shade-figure .sw-image{aspect-ratio:1.1}
 #sway-project .sw-shade-figure img{transform:scale(1.4)}
 #sway-project .sw-shade-description{font-size:11px;margin-top:0}
 #sway-project .sw-shade-figure figcaption{font-size:19px;padding-top:12px}
 #sway-project .sw-shade-measure{gap:6px;margin-top:0}
 #sway-project .sw-shade-measure span:first-child{font-size:23px}
 #sway-project .sw-shade-decision{grid-template-columns:1fr;gap:12px;margin-top:25px}
 #sway-project .sw-light-result{gap:16px}
}
@media(max-width:380px){
 #sway-project .sw-shade-step{grid-template-columns:minmax(0,1fr);gap:0}
 #sway-project .sw-shade-step figure{grid-row:auto}
 #sway-project .sw-shade-description{margin-top:12px}
}

/* Revised daylight spread and added drawings. */
#sway-project .sw-concept-light-spread{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px 9%;scroll-margin-top:120px}
#sway-project .sw-concept-light-heading h3{font:400 clamp(28px,3vw,43px)/1.2 var(--serif);letter-spacing:-.025em;max-width:19ch;margin:16px 0 0}
#sway-project .sw-concept-light-copy p{font-size:13px;line-height:1.85;color:#62695c;margin:0 0 14px;max-width:48ch}
#sway-project .sw-concept-light-spread .sw-concept-daylight{grid-column:1/-1;width:74%;max-width:760px;margin:5px auto 4px}
#sway-project .sw-concept-light-spread .sw-concept-daylight>figure img{width:100%;height:auto;max-height:none;object-fit:contain}
#sway-project .sw-concept-light-spread .sw-concept-sketch{grid-column:1;width:100%;max-width:560px;margin:0;padding:0}
#sway-project .sw-concept-light-spread .sw-concept-sketch img{width:100%;height:auto;max-height:320px;object-fit:contain}
#sway-project .sw-concept-light-spread .sw-concept-note{grid-column:2;margin:0;padding:0;align-self:center}
#sway-project .sw-product-context-mush .sw-context-technical{grid-column:auto;display:block;margin:0}
#sway-project .sw-product-context-mush .sw-context-guide img{height:230px}
#sway-project .sw-archive-atlas .sw-atlas-story{grid-column:1/8;grid-row:1/3}
#sway-project .sw-archive-atlas .sw-atlas-gesture{grid-column:8/13;grid-row:1;margin-top:0}
#sway-project .sw-archive-atlas .sw-atlas-form{grid-column:9/13;grid-row:2;margin-top:20px}
#sway-project .sw-archive-atlas .sw-atlas-gesture img{max-height:250px}
@media(max-width:600px){
 #sway-project .sw-concept-light-spread{grid-template-columns:minmax(0,1fr);gap:20px}
 #sway-project .sw-concept-light-spread .sw-concept-note,#sway-project .sw-concept-light-spread .sw-concept-sketch{grid-column:1}
 #sway-project .sw-concept-light-spread .sw-concept-daylight{width:100%;max-width:440px;margin:0 auto}
 #sway-project .sw-concept-light-spread .sw-concept-sketch{width:94%;max-width:440px;margin:4px auto 0}
 #sway-project .sw-concept-light-spread .sw-concept-sketch img{max-height:290px}
 #sway-project .sw-concept-light-heading h3{font-size:30px;max-width:none}
 #sway-project .sw-concept-light-copy p{font-size:12px}
 #sway-project .sw-concept-light-spread .sw-concept-note{padding-top:0}
 #sway-project .sw-archive-atlas .sw-atlas-story{grid-column:1/-1;grid-row:1}
 #sway-project .sw-archive-atlas .sw-atlas-gesture{grid-column:1/-1;grid-row:2;margin-top:0}
 #sway-project .sw-archive-atlas .sw-atlas-form{grid-column:2;grid-row:3;width:100%;margin:0}
 #sway-project .sw-product-context-mush .sw-context-guide img{height:190px}
}

/* A native modal is above the custom cursor. Use the system pointer in that layer. */
body:has(.sw-dialog[open]),body:has(.sw-dialog[open]) *{cursor:auto!important}
body:has(.sw-dialog[open]) .cur,body:has(.sw-dialog[open]) .cur-dot{visibility:hidden!important}
.sw-dialog,.sw-dialog.is-image{box-sizing:border-box;width:min(1400px,96vw);max-width:96vw;height:min(880px,94dvh);max-height:94dvh;padding:16px 22px 12px;border:0;border-radius:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px}
.sw-dialog[open]{display:grid}
.sw-dialog .sw-dialog-bar{position:relative;z-index:2;display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:16px;padding:0 0 7px;background:#faf9f6}
.sw-dialog .sw-dialog-bar h2{font-size:20px;line-height:1.3}
.sw-dialog .sw-dialog-bar .sw-detail-close,.sw-dialog.is-image .sw-dialog-bar .sw-detail-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;width:auto;min-width:94px;height:44px;padding:0 16px;border-radius:99px;background:#202620;color:#fff;font:500 13px/1 var(--body);margin-left:auto;cursor:pointer!important}
.sw-dialog .sw-detail-close *{cursor:pointer!important}
.sw-dialog .sw-detail-close svg{display:block;flex-shrink:0}
.sw-dialog .sw-detail-close:focus-visible{outline:3px solid #bc452b;outline-offset:3px}
.sw-dialog .sw-detail-body,.sw-dialog.is-image .sw-detail-body{height:100%;min-height:0;overflow:hidden}
.sw-dialog .sw-detail-body img{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-out!important}
.sw-dialog>p{font-size:11px;line-height:1.5;margin:3px 0 0;max-width:100%;color:#62695c}
.sw-dialog .sw-dialog-help{font:10px/1.5 var(--body);color:#74796e}
.sw-dialog:not(.is-image) .sw-dialog-help{display:none}
.sw-dialog::backdrop{cursor:auto!important}
@media(max-width:600px){
 .sw-dialog,.sw-dialog.is-image{width:96vw;height:92dvh;max-height:92dvh;padding:10px 12px;gap:6px}
 .sw-dialog .sw-dialog-bar .sw-detail-close{height:44px;min-width:86px}
 .sw-dialog .sw-dialog-bar h2{font-size:16px}
}

/* Let captions and progress describe order; keep numbers for lamp identity only. */
#sway-project .sw-shade-status{font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--red);margin:10px 0}
#sway-project .sw-shade-benefit{font-size:12px;line-height:1.8;color:#30392e;margin:0 0 12px}
#sway-project .sw-shade-description{margin:0 0 18px}
#sway-project .sw-shade-measure span:first-child{font-size:20px}
#sway-project .sw-story-rail button[aria-current="step"]{color:#efb58b;border-bottom:1px solid currentColor}
#sway-project .sw-hotspot small{font-size:18px;line-height:1}
#sway-project .sw-story-count{letter-spacing:.09em}
@media(max-width:700px){
 #sway-project .sw-shade-step{display:block}
 #sway-project .sw-shade-figure .sw-image{aspect-ratio:1.6}
 #sway-project .sw-shade-figure img{transform:scale(1.7)}
 #sway-project .sw-shade-status{margin-top:12px}
 #sway-project .sw-shade-benefit{font-size:12px}
 #sway-project .sw-shade-description{font-size:12px;line-height:1.8}
}
#sway-project .sw-concept-light-spread .sw-concept-rhythm{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:start;margin:0 0 10px}
#sway-project .sw-concept-rhythm h4,#sway-project .sw-halo-development-note h4{font:400 clamp(23px,2.3vw,33px)/1.25 var(--serif);letter-spacing:-.025em;margin:0}
#sway-project .sw-concept-rhythm p,#sway-project .sw-exploration-intro>p:not(.sw-micro),#sway-project .sw-halo-development-note p{font-size:13px;line-height:1.85;color:#62695c;margin:0;max-width:53ch}
#sway-project .sw-concept-light-spread .sw-concept-sketch{max-width:none}
#sway-project .sw-concept-light-spread .sw-concept-sketch img{max-height:360px}
#sway-project .sw-concept-exploration{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8%;row-gap:30px;border-top:1px solid var(--rule);padding-top:36px;margin-top:52px;align-items:start;scroll-margin-top:120px}
#sway-project .sw-exploration-intro{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 8%}
#sway-project .sw-exploration-intro .sw-micro{grid-column:1/-1}
#sway-project .sw-exploration-intro h3{font:400 clamp(27px,3vw,40px)/1.2 var(--serif);letter-spacing:-.03em;margin:0}
#sway-project .sw-exploration-panorama{grid-column:1/-1}
#sway-project .sw-concept-exploration img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-exploration-proportions img,#sway-project .sw-exploration-globes img{max-height:330px}
#sway-project .sw-exploration-globes{margin-top:32px}
#sway-project .sw-archive-atlas .sw-atlas-form{grid-column:9/13;grid-row:1;margin-top:0}
#sway-project .sw-archive-atlas .sw-atlas-gesture{grid-column:7/13;grid-row:2;margin-top:30px}
#sway-project .sw-archive-atlas .sw-atlas-story{grid-column:1/8;grid-row:1/3}
#sway-project .sw-halo-development{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 3%;align-items:start;margin-bottom:54px;scroll-margin-top:120px}
#sway-project .sw-halo-development img{width:100%;height:auto;max-height:390px;object-fit:contain;mix-blend-mode:multiply}
#sway-project .sw-halo-development figcaption{font-size:10px;line-height:1.6;color:#74796e;padding-top:12px}
#sway-project .sw-halo-motion{grid-column:1/8;grid-row:1/3}
#sway-project .sw-halo-forms{grid-column:9/13;grid-row:1}
#sway-project .sw-halo-projection{grid-column:8/13;grid-row:2}
#sway-project .sw-halo-projection img{max-height:230px}
#sway-project .sw-halo-support{grid-column:2/8;grid-row:3}
#sway-project .sw-halo-support img{mix-blend-mode:normal;max-height:330px}
#sway-project .sw-halo-development-note{grid-column:9/13;grid-row:3;align-self:center}
#sway-project .sw-halo-development-note p{margin-top:18px;font-size:12px}
@media(max-width:700px){
 #sway-project .sw-concept-light-spread .sw-concept-rhythm,#sway-project .sw-exploration-intro{grid-template-columns:1fr;gap:15px}
 #sway-project .sw-concept-rhythm p,#sway-project .sw-exploration-intro>p:not(.sw-micro){font-size:12px}
 #sway-project .sw-concept-exploration{gap:24px 5%;padding-top:28px;margin-top:32px}
 #sway-project .sw-exploration-proportions img,#sway-project .sw-exploration-globes img{max-height:220px}
 #sway-project .sw-exploration-globes{margin-top:20px}
 #sway-project .sw-archive-atlas .sw-atlas-story,#sway-project .sw-archive-atlas .sw-atlas-form,#sway-project .sw-archive-atlas .sw-atlas-gesture{grid-column:1/-1;grid-row:auto;margin-top:0}
 #sway-project .sw-halo-development{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 5%}
 #sway-project .sw-halo-motion{grid-column:1/-1;grid-row:auto}
 #sway-project .sw-halo-forms{grid-column:1;grid-row:auto}
 #sway-project .sw-halo-projection{grid-column:2;grid-row:auto}
 #sway-project .sw-halo-support,#sway-project .sw-halo-development-note{grid-column:1/-1;grid-row:auto}
 #sway-project .sw-halo-development-note p{max-width:none}
}
#sway-project .sw-exploration-motion{align-self:center}
#sway-project .sw-exploration-motion img{width:100%;height:auto;max-height:330px;object-fit:contain}
#sway-project .sw-exploration-globes{margin-top:0}
#sway-project .sw-concept-bridge{border-top:1px solid var(--rule);padding:38px 0 8px;margin-top:42px}
#sway-project .sw-concept-bridge .sw-concept-note{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;max-width:none;align-items:start}
#sway-project .sw-concept-bridge .sw-concept-note h3{font-size:clamp(27px,3vw,40px);margin:0}
#sway-project .sw-concept-bridge .sw-concept-note p{max-width:53ch}
@media(max-width:700px){
 #sway-project .sw-concept-bridge .sw-concept-note{grid-template-columns:1fr;gap:18px}
 #sway-project .sw-concept-exploration .sw-exploration-motion,#sway-project .sw-concept-exploration .sw-exploration-globes{grid-column:auto;margin:0}
 #sway-project .sw-exploration-motion img{max-height:220px}
}

#sway-project .sw-section-head h3[data-en^="Soft colour."]{white-space:pre-line}

#sway-project #current-cmf-heading{scroll-margin-top:120px}
#sway-project .sw-technical-sheet{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:10%;align-items:center;width:86%;margin:25px auto 65px}
#sway-project .sw-technical-sheet .sw-context-guide img{width:100%;height:auto;max-height:300px;object-fit:contain}
#sway-project .sw-technical-sheet figcaption{font-size:10px;color:#74796e;padding-top:12px}
#sway-project .sw-static-circuit{background:#19271e;color:#cbd6c4;padding:20px 25px;min-width:0}
#sway-project .sw-static-circuit .sw-circuit-caption{border:0;padding:0 0 10px}
#sway-project .sw-static-circuit .sw-circuit-svg{width:100%;height:auto;max-height:340px}
#sway-project .sw-static-circuit .sw-circuit-node{cursor:default}
#sway-project .sw-contribution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10%;padding:48px clamp(22px,4vw,60px) 70px;background:var(--paper);color:var(--paper-ink);border-top:1px solid var(--rule);scroll-margin-top:120px}
#sway-project .sw-contribution .sw-micro{color:#74796e}
#sway-project .sw-contribution h2{font:400 clamp(34px,4vw,55px)/1.15 var(--serif);letter-spacing:-.035em;margin:20px 0;max-width:18ch}
#sway-project .sw-contribution dl{margin:0}
#sway-project .sw-contribution dl>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:15px;border-top:1px solid var(--rule);padding:18px 0}
#sway-project .sw-contribution dt{font-size:10px;letter-spacing:.06em;color:var(--red)}
#sway-project .sw-contribution dd{font-size:12px;line-height:1.8;color:#62695c;margin:0}
#sway-project .sw-project-next{--ink:#202620;--muted:#74796e;--bg:#faf9f6;background:var(--paper);color:var(--paper-ink);padding:55px clamp(22px,4vw,60px);margin:0;border-top:1px solid var(--rule)}
#sway-project .sw-project-next .sn-side b{font-size:clamp(30px,4vw,58px)}
@media(max-width:700px){
 #sway-project .sw-technical-sheet{width:100%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5%;margin-bottom:40px}
 #sway-project .sw-static-circuit{padding:15px 8px}
 #sway-project .sw-static-circuit .sw-circuit-caption{font-size:7px}
 #sway-project .sw-contribution{grid-template-columns:1fr;gap:20px;padding-block:35px}
 #sway-project .sw-contribution dl>div{grid-template-columns:75px 1fr;gap:12px}
 #sway-project .sw-contribution h2{font-size:34px}
}
@media(max-width:450px){#sway-project .sw-technical-sheet{grid-template-columns:1fr;width:90%;gap:24px}#sway-project .sw-technical-sheet .sw-context-guide{width:70%;margin:auto}#sway-project .sw-static-circuit{padding:20px}}
#sway-project .sw-technical-sheet{scroll-margin-top:120px}
#sway-project .sw-contribution h2{text-wrap:balance}
/* Images scroll independently; 3D component dialogs retain their canvas layout. */
.sw-dialog.is-image .sw-detail-body{overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.sw-dialog.is-image .sw-detail-body img{width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto;object-fit:initial;cursor:default!important}