#quiet-order-home{ /* 白纸黑字：浅灰白底、墨色字，红色只用于关键数字。首屏只做浅色。 */ --space-paper:#f2f2ee;--space-ink:#1f1f1d;--space-muted:#5c5c58;--space-line:#dcdcd6;--space-soft:#e9e9e4;--space-red:#b3291f; --space-sans:"PingFang SC","Microsoft YaHei",sans-serif;--space-serif:"Songti SC","STSong",SimSun,serif; /* 文具取实物颜色：藏青笔记本与橡皮套、浅灰计算器、红墨水笔，信封、尺子、铅笔、胶带保持牛皮纸与木色。 */ --desk-shadow:#4a4a45;--desk-paper:#fbfbf9;--desk-paper-ink:#55554f;--desk-paper-line:#d9d9d3;--desk-red:#b8322a;--desk-metal:#a9aaa6; --desk-navy:#2f3b52;--desk-navy-dark:#1f2838;--desk-plastic:#dcdcd8;--desk-plastic-dark:#a8a8a3;--desk-lcd:#c3c8bd;--desk-grey:#55554f; color:var(--space-ink);font:14px/1.65 var(--space-sans);color-scheme:light;width:100%; } #quiet-order-home *{box-sizing:border-box;} #quiet-order-home [hidden]{display:none!important;} #quiet-order-home button{font:inherit;color:inherit;border:0;background:none;padding:0;text-align:left;} #quiet-order-home h1,#quiet-order-home h2,#quiet-order-home p{margin:0;} #quiet-order-home svg{width:15px;height:15px;flex-shrink:0;} #quiet-order-home .personal-site{background:var(--space-paper);position:relative;isolation:isolate;overflow:hidden;} #quiet-order-home .main-nav{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:29px 48px;} #quiet-order-home .signature{font:600 23px var(--space-serif);letter-spacing:2px;min-height:32px;} #quiet-order-home nav{display:flex;align-items:center;gap:28px;font-size:12px;} #quiet-order-home nav a{color:inherit;text-decoration:none;padding:8px 0;} #quiet-order-home nav button{font-size:12px;padding:8px 0;} #quiet-order-home nav span{padding-left:6px;color:var(--space-red);} #quiet-order-home .home-panel{position:relative;height:650px;min-height:0;background:var(--space-paper);} #quiet-order-home .desk-wrap{position:absolute;top:90px;left:50%;width:580px;height:320px;transform:translateX(-50%);} #quiet-order-home .desk-scene{position:relative;width:580px;height:320px;transform-origin:top left;} #quiet-order-home .desk-item{position:absolute;left:0;top:0;transform-origin:center;will-change:transform;} #quiet-order-home[data-phase=ready] .desk-item{will-change:auto;} #quiet-order-home .home-caption{position:absolute;bottom:18px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;color:var(--space-muted);} #quiet-order-home .home-caption button{display:flex;align-items:center;gap:10px;font-size:11px;min-height:36px;} @media(max-width:700px){ #quiet-order-home .main-nav{padding:24px 25px;} #quiet-order-home .desk-wrap{top:95px;width:464px;height:256px;} #quiet-order-home .desk-scene{transform:scale(.8);} #quiet-order-home .home-panel{height:590px;} #quiet-order-home .home-caption{left:25px;right:25px;} } @media(max-width:490px){ #quiet-order-home .desk-wrap{top:106px;width:348px;height:192px;} #quiet-order-home .desk-scene{transform:scale(.6);} #quiet-order-home .home-panel{height:568px;} #quiet-order-home nav{gap:20px;} } @media(max-width:365px){#quiet-order-home .desk-wrap{width:307.4px;height:169.6px;top:108px;}#quiet-order-home .desk-scene{transform:scale(.53);}#quiet-order-home .home-panel{height:570px;}} @media(pointer:coarse){#quiet-order-home .main-nav button,#quiet-order-home .main-nav a,#quiet-order-home .home-caption button{min-height:44px;display:flex;align-items:center;}} /* Keep the collage and the following sections on one readable desktop measure. */ @media(min-width:801px){ #quiet-order-home .tools-panel{max-width:1204px;margin-inline:auto;} #quiet-order-home .collection-visual{height:390px;} } #quiet-order-home .home-panel{height:530px;} #quiet-order-home .desk-wrap{top:115px;} @media(max-width:700px){#quiet-order-home .home-panel{height:465px;}#quiet-order-home .desk-wrap{top:120px;}} @media(max-width:490px){#quiet-order-home .home-panel{height:420px;}#quiet-order-home .desk-wrap{top:125px;}} @media(max-width:365px){#quiet-order-home .home-panel{height:393px;}#quiet-order-home .desk-wrap{top:122px;}} #quiet-order-home .home-panel{height:auto;min-height:580px;padding:132px 48px 90px;} #quiet-order-home .desk-wrap{position:relative;top:auto;left:auto;width:100%;height:var(--arrangement-height,380px);transform:none;} #quiet-order-home .desk-scene{width:100%;height:100%;transform:none;} #quiet-order-home .desk-item{transform-origin:0 0;} #quiet-order-home .home-caption{bottom:22px;} @media(max-width:800px){#quiet-order-home .home-panel{padding-inline:32px;}} @media(max-width:620px){#quiet-order-home .home-panel{min-height:0;padding:109px 25px 83px;}#quiet-order-home .desk-wrap{height:var(--arrangement-height,490px);}} @media(max-width:365px){#quiet-order-home .home-panel{padding-inline:23px;}} #quiet-order-home .home-panel{padding-top:137px;min-height:570px;} @media(max-width:620px){#quiet-order-home .home-panel{padding-top:112px;min-height:0;}} #quiet-order-home{--space-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--space-serif:var(--space-sans);} #quiet-order-home .main-nav{justify-content:flex-end;} #quiet-order-home .main-nav nav{font-size:13px;} #quiet-order-home .home-panel{height:100vh;height:100svh;min-height:0;padding:clamp(24px,10vh,130px) 48px 90px;display:flex;flex-direction:column;justify-content:center;} #quiet-order-home .desk-wrap{height:var(--arrangement-height,455px);flex:none;} #quiet-order-home .ordered-desk-scene{isolation:isolate;} #quiet-order-home .ordered-desk-scene .desk-item{transform-origin:0 0;z-index:2;} #quiet-order-home .od-face{width:100%;height:100%;position:relative;box-shadow:0 3px 0 color-mix(in srgb,var(--desk-shadow) 18%,transparent);} #quiet-order-home .od-notebook{width:108px;height:136px;} #quiet-order-home .od-notebook .od-face{background:var(--desk-navy);border-radius:2px 6px 6px 2px;box-shadow:0 3px 0 var(--desk-paper),0 4px 0 var(--desk-paper-line),0 6px 0 var(--desk-navy-dark);} #quiet-order-home .od-spine{position:absolute;inset:0 auto 0 10px;width:2px;background:color-mix(in srgb,var(--desk-navy-dark) 50%,transparent);} #quiet-order-home .od-notebook i{position:absolute;width:44px;height:2px;left:35px;top:42px;background:var(--desk-paper);opacity:.65;} #quiet-order-home .od-notebook i:nth-of-type(2){width:26px;top:51px;} #quiet-order-home .od-notebook b{position:absolute;right:16px;top:0;width:5px;bottom:0;background:color-mix(in srgb,var(--desk-navy-dark) 65%,transparent);} #quiet-order-home .od-sheet{width:94px;height:136px;} #quiet-order-home .od-sheet .od-face{padding:39px 13px 0;background:var(--desk-paper);border:1px solid var(--desk-paper-line);} #quiet-order-home .od-sheet span{position:absolute;top:19px;left:13px;height:4px;width:33px;background:var(--desk-red);opacity:.7;} #quiet-order-home .od-sheet i{display:block;height:2px;background:var(--desk-paper-line);margin-bottom:13px;} #quiet-order-home .od-sheet i:last-child{width:59%;} #quiet-order-home .od-envelope{width:136px;height:80px;} #quiet-order-home .od-envelope .od-face{background:#decca7;border-radius:2px;overflow:hidden;} #quiet-order-home .od-envelope i{position:absolute;inset:0;background:#e9dab9;clip-path:polygon(0 0,100% 0,50% 65%);} #quiet-order-home .od-envelope b{position:absolute;inset:0;background:#e4d3b0;clip-path:polygon(0 100%,0 8%,50% 69%,100% 8%,100% 100%);} #quiet-order-home .od-memo{width:136px;height:36px;} #quiet-order-home .od-memo .od-face{background:#d9bd99;padding:12px 14px;box-shadow:0 2px 0 var(--desk-paper),0 4px 0 var(--desk-paper-line);} #quiet-order-home .od-memo i{display:block;width:58px;height:2px;background:color-mix(in srgb,var(--desk-paper-ink) 22%,transparent);margin-bottom:5px;} #quiet-order-home .od-memo i:last-child{width:36px;} #quiet-order-home .od-calculator{width:88px;height:136px;} #quiet-order-home .od-calculator .od-face{padding:12px 10px;background:var(--desk-plastic);border-radius:5px;box-shadow:0 5px 0 var(--desk-plastic-dark);} #quiet-order-home .od-display{display:block;height:26px;background:var(--desk-lcd);position:relative;} #quiet-order-home .od-display i{position:absolute;right:6px;bottom:7px;width:16px;height:3px;background:#3a3a36;} #quiet-order-home .od-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:12px;} #quiet-order-home .od-keys i{height:12px;border-radius:2px;background:#f7f7f5;box-shadow:0 1px 0 var(--desk-plastic-dark);} #quiet-order-home .od-keys i:last-child{background:var(--desk-red);} #quiet-order-home .od-mouse{width:58px;height:88px;} #quiet-order-home .od-mouse .od-face{border-radius:29px 29px 23px 23px;background:var(--desk-paper);box-shadow:inset -3px -2px 0 var(--desk-paper-line),0 3px 0 color-mix(in srgb,var(--desk-shadow) 20%,transparent);} #quiet-order-home .od-mouse span{position:absolute;top:0;left:28px;height:38px;width:1px;background:var(--desk-paper-line);} #quiet-order-home .od-mouse i{position:absolute;top:16px;left:26px;width:5px;height:12px;border-radius:3px;background:var(--desk-grey);} #quiet-order-home .od-usb{width:58px;height:28px;} #quiet-order-home .od-usb .od-face{background:var(--desk-red);border-radius:4px 0 0 4px;width:39px;} #quiet-order-home .od-usb span{position:absolute;left:39px;top:4px;width:19px;height:20px;background:var(--desk-metal);display:flex;gap:4px;padding:6px 4px;} #quiet-order-home .od-usb i{height:5px;width:4px;background:var(--desk-paper-ink);opacity:.65;} #quiet-order-home .od-tape{width:86px;height:86px;} #quiet-order-home .od-tape .od-face{border:23px solid #d2bd91;border-radius:50%;box-shadow:0 3px 0 #b8a273,inset 0 3px 0 var(--desk-paper-line);} #quiet-order-home .od-tape span{position:absolute;width:16px;height:14px;right:-20px;bottom:-20px;background:#d2bd91;transform:rotate(-23deg);} #quiet-order-home .od-binder{width:42px;height:36px;} #quiet-order-home .od-binder .od-face{box-shadow:none;} #quiet-order-home .od-binder span{position:absolute;left:7px;top:0;width:28px;height:28px;border:2px solid var(--desk-metal);border-radius:7px 7px 1px 1px;} #quiet-order-home .od-binder i{position:absolute;bottom:0;left:0;width:42px;height:16px;background:var(--desk-paper-ink);border-radius:2px;box-shadow:0 2px 0 var(--desk-metal);} #quiet-order-home .od-ruler{width:222px;height:34px;} #quiet-order-home .od-ruler .od-face{background:#ddcca5;border:1px solid #c6b38b;border-radius:2px;} #quiet-order-home .od-ruler i{position:absolute;top:0;left:10px;right:10px;height:9px;background:repeating-linear-gradient(90deg,var(--desk-paper-ink) 0 1px,transparent 1px 10px);opacity:.6;} #quiet-order-home .od-ruler span{position:absolute;top:0;left:10px;right:10px;height:15px;background:repeating-linear-gradient(90deg,var(--desk-paper-ink) 0 1px,transparent 1px 50px);opacity:.6;} #quiet-order-home .od-pen{width:222px;height:10px;} #quiet-order-home .od-pen .od-face{width:208px;margin-left:14px;background:var(--desk-red);border-radius:0 5px 5px 0;} #quiet-order-home .od-pen .od-face:before{content:"";position:absolute;left:-14px;border-right:14px solid var(--desk-paper-ink);border-block:5px solid transparent;} #quiet-order-home .od-pen span{position:absolute;right:17px;top:-1px;height:3px;width:40px;background:var(--desk-metal);border-radius:2px;} #quiet-order-home .od-pen i{position:absolute;left:22px;top:0;width:2px;height:10px;background:var(--desk-paper-line);} #quiet-order-home .od-pencil{width:222px;height:8px;} #quiet-order-home .od-pencil .od-face{width:205px;margin-left:17px;background:#b89c63;border-radius:0 2px 2px 0;box-shadow:inset 0 3px 0 #d1ba86,0 2px 0 color-mix(in srgb,var(--desk-shadow) 15%,transparent);} #quiet-order-home .od-pencil .od-face:before{content:"";position:absolute;left:-17px;border-right:17px solid var(--desk-paper-line);border-block:4px solid transparent;} #quiet-order-home .od-pencil .od-face:after{content:"";position:absolute;left:-17px;top:2px;border-right:7px solid var(--desk-paper-ink);border-block:2px solid transparent;} #quiet-order-home .od-pencil span{position:absolute;right:8px;height:8px;width:9px;background:var(--desk-metal);} #quiet-order-home .od-paperclip{width:18px;height:43px;} #quiet-order-home .od-paperclip .od-face{border:2px solid var(--desk-metal);border-radius:10px;box-shadow:1px 2px 0 color-mix(in srgb,var(--desk-shadow) 10%,transparent);} #quiet-order-home .od-paperclip i{position:absolute;top:3px;left:3px;width:8px;height:28px;border:1.5px solid var(--desk-metal);border-radius:6px;} #quiet-order-home .od-clip-small{height:36px;} #quiet-order-home .od-clip-small i{height:22px;} #quiet-order-home .od-eraser{width:86px;height:38px;} #quiet-order-home .od-eraser .od-face{background:var(--desk-paper);border-radius:3px;overflow:hidden;} #quiet-order-home .od-eraser span{display:block;width:57px;height:100%;background:var(--desk-navy);border-right:3px solid var(--desk-navy-dark);} #quiet-order-home .poem-art{position:absolute;left:var(--poem-left,0px);top:var(--poem-top,213px);width:var(--poem-width,336px);z-index:1;pointer-events:none;color:color-mix(in srgb,var(--space-ink) 65%,var(--space-paper));} #quiet-order-home .poem-art svg{display:block;width:100%;height:auto;overflow:visible;} #quiet-order-home .poem-glyph{opacity:0;} #quiet-order-home .poem-ink{stroke:none;} #quiet-order-home .poem-art .poem-glyph[data-line="1"]{color:inherit;} #quiet-order-home .home-caption{bottom:19px;} @media(min-width:1200px){#quiet-order-home .home-panel{padding-inline:7%;}} @media(max-width:800px){#quiet-order-home .home-panel{padding-inline:32px;}} @media(max-width:620px){#quiet-order-home .home-panel{padding:clamp(24px,9vh,90px) 25px 86px;}#quiet-order-home .home-caption{left:25px;right:25px;}} @media(max-width:365px){#quiet-order-home .home-panel{padding-inline:23px;}} @supports(height:100svh){ #quiet-order-home .home-panel{padding-top:clamp(24px,10svh,130px);} @media(max-width:620px){#quiet-order-home .home-panel{padding-top:clamp(24px,9svh,90px);}} } /* Match the project content edges on wide screens without stretching the cards. */ @media(min-width:801px){ #quiet-order-home :is(.notes-gateway,.contact-note,.portfolio-footer){width:calc(100% - 84px);max-width:1120px;margin-inline:auto;} #quiet-order-home .contact-note>div:first-child{max-width:840px;} } #quiet-order-home .site-icon-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;} #quiet-order-home .site-icon{display:block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;} #quiet-order-home .motion-button .site-icon{width:19px;height:19px;} #quiet-order-home :is(a,button,input):focus-visible{outline:2px solid var(--space-ink);outline-offset:5px;} #quiet-order-home button{cursor:pointer;} @media(hover:hover) and (prefers-reduced-motion:no-preference){ #quiet-order-home .site-icon{transition:transform .2s ease;} #quiet-order-home [data-scroll=home]:hover .site-icon{transform:translateY(-3px);} } /* 原首屏保持不变，只把导航改成左侧署名、右侧目录。 */ #quiet-order-home .main-nav{justify-content:space-between;} /* 首屏让出底部一条，露出「项目实践」标题：动画照常播放，同时能看出下面还有内容。 */ #quiet-order-home{--peek:88px;} #quiet-order-home .home-panel{height:calc(100vh - var(--peek));height:calc(100svh - var(--peek));} #quiet-order-home .home-caption{justify-content:flex-end;} #home-v2{ --space-paper:#f2f2ee;--space-surface:#f9f9f7;--space-ink:#1f1f1d;--space-muted:#5c5c58;--space-line:#dcdcd6;--space-soft:#e9e9e4;--space-red:#b3291f; --space-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; --desk-paper-ink:#55554f;--desk-paper-line:#dcdcd6; --gutter:48px;--content:1120px; background:var(--space-paper);color:var(--space-ink);font:14px/1.7 var(--space-sans); position:relative;isolation:isolate;overflow:hidden; } #home-v2 *{box-sizing:border-box;} #home-v2 h1,#home-v2 h2,#home-v2 h3,#home-v2 p,#home-v2 ol,#home-v2 figure{margin:0;padding:0;} #home-v2 a{color:inherit;} #home-v2 button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;} #home-v2 .site-icon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} #home-v2 .site-icon-definitions{position:absolute;width:0;height:0;overflow:hidden;} #home-v2>section{width:min(100%,calc(var(--content) + var(--gutter)*2));margin-inline:auto;padding-inline:var(--gutter);} #home-v2 :focus-visible{outline:2px solid var(--space-ink);outline-offset:3px;border-radius:2px;} /* 项目 */ #home-v2 .hv-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--space-ink);} #home-v2 .hv-section-head h2{font:600 26px/1.4 var(--space-sans);} #home-v2 .hv-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-decoration:none;color:var(--space-muted);} #home-v2 .hv-all:hover{color:var(--space-ink);text-decoration:underline;text-underline-offset:5px;} #home-v2 .hv-ledger{list-style:none;} /* 账页：序、项目、内容、原来、现在五栏，栏线用浅线，合计行下双线。 */ #home-v2 .hv-ledger-head,#home-v2 .hv-row{display:grid;grid-template-columns:48px minmax(0,1.1fr) minmax(0,2fr) 132px 132px;} #home-v2 .hv-ledger-head{border-bottom:1px solid var(--space-ink);font-size:12px;line-height:1.5;color:var(--space-muted);} #home-v2 .hv-ledger-head span{padding:10px 14px;} #home-v2 .hv-ledger-head span:first-child,#home-v2 .hv-ledger-head span:nth-child(n+4){text-align:right;} #home-v2 .hv-ledger-head span+span,#home-v2 .hv-row>*+*{border-left:1px solid var(--space-line);} #home-v2 .hv-row{position:relative;border-bottom:1px solid var(--space-line);} #home-v2 .hv-row>*{padding:22px 14px;} #home-v2 .hv-no{text-align:right;font-size:13px;line-height:1.9;color:var(--space-muted);font-variant-numeric:tabular-nums;} #home-v2 .hv-row h3{font:600 18px/1.5 var(--space-sans);} #home-v2 .hv-row h3 a{text-decoration:none;} #home-v2 .hv-row h3 a::after{content:"";position:absolute;inset:0;z-index:1;} #home-v2 .hv-row:hover h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;} #home-v2 .hv-what{font-size:14px;line-height:1.8;} #home-v2 .hv-cell{display:flex;flex-direction:column;align-items:flex-end;text-align:right;} #home-v2 .hv-cell-label{display:none;} #home-v2 .hv-value{font-size:15px;line-height:1.6;font-variant-numeric:tabular-nums;white-space:nowrap;} #home-v2 .hv-before .hv-value{color:var(--space-muted);} #home-v2 .hv-after .hv-value{font-weight:600;} #home-v2 .hv-key .hv-value{color:var(--space-red);} #home-v2 .hv-note{font-size:11px;line-height:1.6;color:var(--space-muted);} #home-v2 .hv-total{display:flex;justify-content:space-between;padding:16px 14px 14px 62px;border-bottom:3px double var(--space-ink);font-size:14px;} #home-v2 .hv-footnote{margin-top:14px;font-size:12px;color:var(--space-muted);} /* 模型测试 */ #home-v2 .hv-lab{padding-top:88px;} #home-v2 .hv-lab-body{padding:30px 0 0;} #home-v2 .hv-lab-body h3{font:600 21px/1.45 var(--space-sans);} #home-v2 .hv-lab-body h3 a{text-decoration:none;} #home-v2 .hv-lab-body h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;} #home-v2 .hv-lab-shots{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;} #home-v2 .hv-lab-shots a{display:block;text-decoration:none;} #home-v2 .hv-lab-shots img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--space-line);background:#1b2230;} #home-v2 .hv-lab-shots span{display:block;margin-top:10px;font-size:13px;color:var(--space-muted);} #home-v2 .hv-lab-shots a:hover span{color:var(--space-ink);text-decoration:underline;text-underline-offset:4px;} /* 联系 */ #home-v2 .hv-projects{padding-top:24px;} #home-v2 .hv-contact{padding-top:88px;padding-bottom:88px;} #home-v2 .hv-contact h2{font:600 26px/1.4 var(--space-sans);padding-bottom:18px;border-bottom:1px solid var(--space-ink);} #home-v2 .hv-contact-grid{display:grid;grid-template-columns:auto minmax(0,380px);justify-content:start;gap:80px;padding:32px 0 8px;} #home-v2 .hv-label{display:block;font-size:12px;color:var(--space-muted);margin-bottom:10px;} #home-v2 .hv-qr{position:relative;width:168px;aspect-ratio:1;overflow:hidden;background:#fff;border:1px solid var(--space-line);} #home-v2 .hv-qr img{display:block;position:absolute;width:182.56%;max-width:none;height:auto;left:-40.89%;top:-129.07%;} #home-v2 .hv-caption{font-size:12px;color:var(--space-muted);margin-top:10px;} #home-v2 .hv-email-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--space-line);} #home-v2 .hv-email-input{flex:1;min-width:0;background:transparent;border:0;padding:8px 0;font:500 17px/1.6 var(--space-sans);color:var(--space-ink);} #home-v2 .hv-copy{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 10px;border:1px solid var(--space-line);border-radius:2px;font-size:12px;} #home-v2 .hv-copy[data-copied=true]{color:var(--space-ink);} #home-v2 .hv-copy-status{min-height:20px;margin-top:8px;font-size:12px;color:var(--space-muted);} @media(max-width:1000px){ #home-v2 .hv-ledger-head,#home-v2 .hv-row{grid-template-columns:40px minmax(0,1fr) minmax(0,1.6fr) 124px 124px;} #home-v2 .hv-row>*,#home-v2 .hv-ledger-head span{padding-inline:12px;} } @media(max-width:900px){ #home-v2 .hv-ledger-head{display:none;} #home-v2 .hv-row{grid-template-columns:26px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"no title title" ". what what" ". before after";row-gap:4px;padding:18px 0;} #home-v2 .hv-row>*{padding:0;border-left:0!important;} #home-v2 .hv-no{grid-area:no;text-align:left;line-height:1.7;} #home-v2 .hv-row h3{grid-area:title;font-size:17px;} #home-v2 .hv-what{grid-area:what;} #home-v2 .hv-before{grid-area:before;align-items:flex-start;text-align:left;} #home-v2 .hv-after{grid-area:after;} #home-v2 .hv-cell{margin-top:6px;} #home-v2 .hv-cell-label{display:block;font-size:11px;line-height:1.6;color:var(--space-muted);} #home-v2 .hv-total{padding:14px 0;} } @media(max-width:720px){ #home-v2{--gutter:24px;} #home-v2 .hv-projects{padding-top:20px;} #home-v2 .hv-lab{padding-top:64px;} #home-v2 .hv-lab-body{padding-top:24px;} #home-v2 .hv-lab-body h3{font-size:18px;} #home-v2 .hv-lab-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;} #home-v2 .hv-lab-shots span{margin-top:6px;font-size:11px;line-height:1.5;} #home-v2 .hv-contact{padding-top:64px;padding-bottom:64px;} #home-v2 .hv-contact-grid{grid-template-columns:1fr;gap:32px;} }